feat: add basic frontent structure

.gitignore

@@ -0,0 +1,5 @@
+*.iml
+*.pyc
+tmp
+old
+data

backend/lib/__init__.py

@@ -0,0 +1,2 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-

backend/lib/graph.py

@@ -0,0 +1,64 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+import logging
+from enum import IntEnum
+
+
+log = logging.getLogger(__name__)
+
+
+class NodeStatus(IntEnum):
+    ERROR_PREPARING = -201
+    ERROR_STARTING = -202
+    ERROR_BUSY = -301
+    ERROR_STOPPING = -401
+    STALE = 101
+    PREPARING = 201
+    PREPARED = 202
+    STARTING = 203
+    READY = 204
+    BUSY = 301
+    STOPPING = 401
+
+class Task:
+    data: any
+    error: any
+    result: any
+
+
+class Queue:
+    def __init__(self, path: str, nodes: list[Node]):
+        self.path = path
+
+    def add(self, task):
+
+
+class Node:
+    def __init__(self, name):
+        self.name = name
+        self._state: NodeStatus = NodeStatus.STALE
+
+    async def prepare(self, data):
+        if self._state != NodeStatus.STALE:
+            return
+        try:
+            self._state = NodeStatus.PREPARING
+            log.debug("preparing")
+            self._state = NodeStatus.READY
+        except:
+            self._state = NodeStatus.ERROR_PREPARING
+
+    async def run(self, task: Task):
+        try:
+            self._state = NodeStatus.BUSY
+            log.debug("running")
+        except:
+            self._state = NodeStatus.ERROR_BUSY
+
+    async def stop(self):
+        try:
+            self._state = NodeStatus.STOPPING
+            log.debug("stopping")
+            self._state = NodeStatus.STALE
+        except:
+            self._state = NodeStatus.ERROR_STOPPING

backend/main.py

@@ -0,0 +1,9 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+import logging
+
+log = logging.getLogger(__name__)
+
+if __name__ == '__main__':
+    logging.basicConfig(level=logging.DEBUG)
+    log.debug('start')

doc/pyenv/MACOS.md

@@ -0,0 +1,9 @@
+```shell
+cd $HOME
+git clone https://github.com/pyenv/pyenv .pyenv
+```
+
+```shell
+vi ~/.zshrc
+export PATH="$HOME/.pyenv/bin:$PATH"
+```

doc/specs/node.json

@@ -0,0 +1,16 @@
+{
+  "name": "foo",
+  "env": {
+    "hash": "foo",
+    "dependencies": [
+      {
+        "name": "python",
+        "version": "3.12.3",
+        "requirements": "requirements.txt"
+      }
+    ]
+  },
+  "installed": {
+    "path": ""
+  }
+}

frontend/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = tab
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

frontend/.gitignore

@@ -0,0 +1,42 @@
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db

frontend/.prettierrc

@@ -0,0 +1,7 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 180,
+	"overrides": [{ "files": "*.html", "options": { "parser": "angular" } }]
+}

frontend/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

frontend/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

frontend/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

frontend/README.md

@@ -0,0 +1,5 @@
+# slow-shit frontend
+
+```shell
+ng g component view/foo 
+```

frontend/angular.json

@@ -0,0 +1,116 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "frontend": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/frontend",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "frontend:build:production"
+            },
+            "development": {
+              "buildTarget": "frontend:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": []
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "schematicCollections": [
+      "@angular-eslint/schematics"
+    ]
+  }
+}

frontend/eslint.config.js

@@ -0,0 +1,46 @@
+// @ts-check
+const eslint = require("@eslint/js");
+const tseslint = require("typescript-eslint");
+const angular = require("angular-eslint");
+
+module.exports = tseslint.config(
+  {
+    files: ["**/*.ts"],
+		ignores: [".vscode", "node_modules", ".angular"],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.stylistic,
+      ...angular.configs.tsRecommended,
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      "@angular-eslint/directive-selector": [
+        "error",
+        {
+          type: "attribute",
+          prefix: "app",
+          style: "camelCase",
+        },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        {
+          type: "element",
+          prefix: "app",
+          style: "kebab-case",
+        },
+      ],
+			"@typescript-eslint/no-explicit-any": "warn",
+			"@typescript-eslint/no-unused-vars": "warn"
+    },
+  },
+  {
+    files: ["**/*.html"],
+    extends: [
+      ...angular.configs.templateRecommended,
+      ...angular.configs.templateAccessibility,
+    ],
+    rules: {},
+  }
+);

frontend/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "slow-shit",
+  "version": "0.0.1",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "lint": "ng lint",
+    "lint:fix": "ng lint --fix"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vane/slow-shit.git"
+  },
+  "author": "dev",
+  "license": "LGPL-3.0-or-later",
+  "bugs": {
+    "url": "https://github.com/vane/slow-shit/issues"
+  },
+  "homepage": "https://github.com/vane/slow-shit#readme",
+  "dependencies": {
+    "@angular/animations": "^18.1.0",
+    "@angular/common": "^18.1.0",
+    "@angular/compiler": "^18.1.0",
+    "@angular/core": "^18.1.0",
+    "@angular/forms": "^18.1.0",
+    "@angular/platform-browser": "^18.1.0",
+    "@angular/platform-browser-dynamic": "^18.1.0",
+    "@angular/router": "^18.1.0",
+    "@codemirror/lang-python": "^6.1.6",
+    "codemirror": "^6.0.1",
+    "codemirror-extension-inline-suggestion": "^0.0.3",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.3"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^18.1.1",
+    "@angular/cli": "^18.1.1",
+    "@angular/compiler-cli": "^18.1.0",
+    "@types/jasmine": "~5.1.0",
+    "angular-eslint": "18.1.0",
+    "eslint": "^9.6.0",
+    "eslint-config-prettier": "^9.1.0",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "prettier": "^3.3.3",
+    "typescript": "~5.5.2",
+    "typescript-eslint": "8.0.0-alpha.38"
+  }
+}

frontend/src/app/app.component.html

@@ -0,0 +1,6 @@
+<div>
+  <h1>Slow things</h1>
+  <app-graph-component></app-graph-component>
+</div>
+
+<router-outlet />

frontend/src/app/app.component.spec.ts

@@ -0,0 +1,29 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have the 'frontend' title`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('slow-shit');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello world');
+  });
+});

frontend/src/app/app.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import {GraphModule} from "./view/graph/graph.module";
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet, GraphModule],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
+})
+export class AppComponent {
+  title = 'slow-shit';
+}

frontend/src/app/app.config.ts

@@ -0,0 +1,8 @@
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]
+};

frontend/src/app/app.routes.ts

@@ -0,0 +1,3 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [];

frontend/src/app/model/GraphModel.ts

@@ -0,0 +1,14 @@
+interface GraphNodeType {
+  name: string
+  path: string
+}
+
+type GraphNodeParams = Record<string, string>;
+
+export interface GraphNode {
+  name: string
+  type: string
+  params?: GraphNodeParams
+  children: GraphNode[]
+  parents: GraphNode[]
+}

frontend/src/app/service/GraphService.ts

@@ -0,0 +1,29 @@
+import {Injectable} from "@angular/core";
+import {GraphNode} from "../model/GraphModel";
+
+@Injectable({providedIn: 'root'})
+export class GraphService {
+  private _nodes = new Map<string, GraphNode>()
+
+  addNode(node: GraphNode) {
+    if (!node.name) throw new Error(`Node empty name`)
+    if (this._nodes.has(node.name)) throw new Error(`Node ${node.name} exists`)
+    this._nodes.set(node.name, node)
+  }
+
+  get nodes() {
+    return this._nodes
+  }
+
+  delNode(name: string) {
+    this._nodes.delete(name)
+  }
+
+  values(): GraphNode[] {
+    return Array.from(this._nodes.values())
+  }
+
+  clear() {
+    this._nodes.clear()
+  }
+}

frontend/src/app/utils/utils.ts

@@ -0,0 +1,7 @@
+export const randomString = (size: number, alphabet = 'abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ'): string => {
+  let out = ''
+  for (let i = 0;i<size;i++) {
+    out += alphabet.charAt(Math.round(Math.random()*alphabet.length))
+  }
+  return out
+}

frontend/src/app/view/code/code.module.ts

@@ -0,0 +1,11 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {EditorComponent} from "./editor/editor.component";
+
+@NgModule({
+  declarations: [EditorComponent],
+  imports: [CommonModule],
+  providers: [],
+  exports: [EditorComponent]
+})
+export class CodeModule {}

frontend/src/app/view/code/editor/editor.component.html

@@ -0,0 +1 @@
+<div #editor></div>

frontend/src/app/view/code/editor/editor.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EditorComponent } from './editor.component';
+
+describe('CodeEditorComponent', () => {
+  let component: EditorComponent;
+  let fixture: ComponentFixture<EditorComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EditorComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(EditorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/view/code/editor/editor.component.ts

@@ -0,0 +1,30 @@
+import {AfterViewInit, Component, ViewChild} from '@angular/core';
+import {basicSetup, EditorView} from "codemirror"
+import {python} from '@codemirror/lang-python'
+import { inlineSuggestion } from 'codemirror-extension-inline-suggestion';
+
+@Component({
+  selector: 'app-code-editor',
+  templateUrl: './editor.component.html',
+  styleUrl: './editor.component.scss'
+})
+export class EditorComponent implements AfterViewInit {
+  @ViewChild('editor') editor: any
+
+	private fetchSuggestion = async (state) => {
+		// or make an async API call here based on editor state
+		return 'hello';
+	};
+
+  ngAfterViewInit() {
+    console.log(this.editor)
+    const e = new EditorView({
+      extensions: [basicSetup, python(), inlineSuggestion({
+				fetchFn: fetchSuggestion,
+				delay: 500,
+			})],
+      parent: this.editor.nativeElement
+    })
+    console.log(e.state)
+  }
+}

frontend/src/app/view/graph/graph.component.html

@@ -0,0 +1,10 @@
+<div>
+  <input type="text" [value]="nodeName" (change)="handleTextChange($event)">
+  <button (click)="handleAddNodeClick($event)">Add Node</button>
+  <div style="padding: 10px" *ngFor="let node of graphService.nodes | keyvalue">
+    <app-graph-node [node]="node.value"></app-graph-node>
+  </div>
+  <div>
+    <app-code-editor></app-code-editor>
+  </div>
+</div>

frontend/src/app/view/graph/graph.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GraphComponent } from './graph.component';
+
+describe('GraphComponent', () => {
+  let component: GraphComponent;
+  let fixture: ComponentFixture<GraphComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [GraphComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(GraphComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/view/graph/graph.component.ts

@@ -0,0 +1,30 @@
+import {Component} from '@angular/core';
+import {GraphService} from "../../service/GraphService";
+import {randomString} from "../../utils/utils";
+
+@Component({
+  selector: 'app-graph-component',
+  templateUrl: './graph.component.html',
+  styleUrl: './graph.component.scss',
+})
+export class GraphComponent {
+  nodeName: string = randomString(10)
+  testItems = ['a', 'b']
+
+  constructor(readonly graphService: GraphService) {
+  }
+
+  handleTextChange = (event: any) => {
+    this.nodeName = event.target.value
+  }
+
+  handleAddNodeClick = (event: MouseEvent) => {
+    console.log('handleAddNodeClick', this.nodeName, event)
+    try {
+      this.graphService.addNode({name: this.nodeName, type: "foo", children: [], parents: []})
+      this.nodeName = randomString(10)
+    } catch (e: any) {
+      alert(e.toString())
+    }
+  }
+}

frontend/src/app/view/graph/graph.module.ts

@@ -0,0 +1,14 @@
+import {NgModule} from "@angular/core";
+import {GraphComponent} from "./graph.component";
+import {CommonModule} from "@angular/common";
+import {NodeComponent} from "./node/node.component";
+import {GraphService} from "../../service/GraphService";
+import {CodeModule} from "../code/code.module";
+
+@NgModule({
+  declarations: [GraphComponent, NodeComponent],
+  imports: [CommonModule, CodeModule],
+  providers: [GraphService],
+  exports: [GraphComponent]
+})
+export class GraphModule {}

frontend/src/app/view/graph/node/node.component.html

@@ -0,0 +1,12 @@
+<div style="border: 1px solid #ff0000;border-radius: 2px;width: 200px;">
+  <p>{{node?.name}}</p>
+  <p>{{node?.type}}</p>
+  <div>
+    <button (click)="handleAddClick()">+</button>
+    <button>Definition</button>
+  </div>
+  <div *ngIf="node && node.children.length > 0">
+    <p>Children</p>
+    <div *ngFor="let child of node.children">{{child.name}}</div>
+  </div>
+</div>

frontend/src/app/view/graph/node/node.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NodeComponent } from './node.component';
+
+describe('NodeComponent', () => {
+  let component: NodeComponent;
+  let fixture: ComponentFixture<NodeComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NodeComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NodeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/view/graph/node/node.component.ts

@@ -0,0 +1,27 @@
+import {Component, Input, OnInit} from '@angular/core';
+import {GraphNode} from "../../../model/GraphModel";
+import {GraphService} from "../../../service/GraphService";
+import {randomString} from "../../../utils/utils";
+
+@Component({
+  selector: 'app-graph-node',
+  templateUrl: './node.component.html',
+  styleUrl: './node.component.scss'
+})
+export class NodeComponent implements OnInit {
+  @Input() node?: GraphNode
+
+  constructor(readonly graphService: GraphService) {
+  }
+
+  ngOnInit() {
+    console.log('on init', this.node)
+  }
+
+  handleAddClick = () => {
+    if (!this.node) return
+    const node = {name: randomString(10), type: "foo", children: [], parents: [this.node]}
+    this.node.children.push(node)
+    this.graphService.addNode(node)
+  }
+}

frontend/src/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slow-shit</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>

frontend/src/main.ts

@@ -0,0 +1,6 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig)
+  .catch((err) => console.error(err));

frontend/src/styles.scss

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

frontend/tsconfig.app.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}

frontend/tsconfig.json

@@ -0,0 +1,32 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "bundler",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "lib": [
+      "ES2022",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

frontend/tsconfig.spec.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}