@deterministic-code/datasources-cli 0.0.0-stage → 0.1.3

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-client-bindings/tanstack.ts.tmpl

@@ -0,0 +1,28 @@
+import { useMutation, useQuery } from "@tanstack/react-query";
+{{#typeImports}}import type { {{typeName}} } from "{{importPath}}";
+{{/typeImports}}import { {{clientName}} } from "../fetch/{{fileBase}}.ts";
+import type { Http } from "../fetch/http.ts";
+
+export const {{queryOptionsName}} = {
+{{#queries}}
+  {{methodName}}: (http: Http{{#hasArgs}}, {{&args}}{{/hasArgs}}) => ({
+    queryKey: {{&queryKeyExpr}},
+    queryFn: () => {{clientName}}(http).{{methodName}}({{&callArgs}}),
+  }),
+{{/queries}}
+};
+
+export const {{mutationOptionsName}} = {
+{{#mutations}}
+  {{methodName}}: (http: Http) => ({
+    mutationFn: ({{&mutationArg}}) => {{clientName}}(http).{{methodName}}({{&mutationCall}}),
+  }),
+{{/mutations}}
+};
+{{#queries}}
+export const {{hookName}} = (http: Http{{#hasArgs}}, {{&args}}{{/hasArgs}}) =>
+  useQuery({{queryOptionsName}}.{{methodName}}(http{{#hasArgs}}, {{&callArgs}}{{/hasArgs}}));
+{{/queries}}{{#mutations}}
+export const {{hookName}} = (http: Http) =>
+  useMutation({{mutationOptionsName}}.{{methodName}}(http));
+{{/mutations}}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-client-bindings/transport-index.ts.tmpl

@@ -0,0 +1,4 @@
+{{#entities}}export { {{clientName}} } from "./{{fileBase}}.ts";
+{{/entities}}{{#hasHttp}}export { createHttp } from "./http.ts";
+export type { Http, HttpRequest } from "./http.ts";
+{{/hasHttp}}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-client-bindings-live-tests/http-entity.test.ts.tmpl

@@ -0,0 +1,29 @@
+import assert from "node:assert/strict";
+import { describe, it } from "vitest";
+import { {{clientName}} } from "./{{fileBase}}.ts";
+import { createHttp } from "./http.ts";
+
+const baseUrl = process.env.CLIENT_BINDINGS_BASE_URL;
+
+describe.skipIf(baseUrl === undefined || baseUrl.length === 0)("{{clientName}} live", () => {
+  it("hits the server", async () => {
+    assert.ok(baseUrl);
+    const http = createHttp(baseUrl);
+{{#methods}}
+{{#isList}}
+{{^hasArgs}}
+    await {{clientName}}(http).{{methodName}}();
+{{/hasArgs}}
+{{/isList}}
+{{/methods}}
+{{#methods}}
+{{^isList}}
+{{^hasArgs}}
+{{^hasBody}}
+    await {{clientName}}(http).{{methodName}}();
+{{/hasBody}}
+{{/hasArgs}}
+{{/isList}}
+{{/methods}}
+  });
+});

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-client-bindings-live-tests/tanstack-entity.test.ts.tmpl

@@ -0,0 +1,29 @@
+import assert from "node:assert/strict";
+import { describe, it } from "vitest";
+import { createHttp } from "../fetch/http.ts";
+import { {{mutationOptionsName}}, {{queryOptionsName}} } from "./{{fileBase}}.ts";
+
+const baseUrl = process.env.CLIENT_BINDINGS_BASE_URL;
+
+describe.skipIf(baseUrl === undefined || baseUrl.length === 0)("{{clientName}} tanstack live", () => {
+  it("hits the server", async () => {
+    assert.ok(baseUrl);
+    const http = createHttp(baseUrl);
+{{#methods}}
+{{#isQuery}}
+{{^hasArgs}}
+    await {{queryOptionsName}}.{{methodName}}(http).queryFn();
+{{/hasArgs}}
+{{/isQuery}}
+{{/methods}}
+{{#methods}}
+{{^isQuery}}
+{{^hasArgs}}
+{{^hasBody}}
+    await {{mutationOptionsName}}.{{methodName}}(http).mutationFn();
+{{/hasBody}}
+{{/hasArgs}}
+{{/isQuery}}
+{{/methods}}
+  });
+});

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-client-bindings-mock-tests/http-entity.test.ts.tmpl

@@ -0,0 +1,19 @@
+import assert from "node:assert/strict";
+import { describe, it } from "vitest";
+import { {{clientName}} } from "./{{fileBase}}.ts";
+
+describe("{{clientName}} mock", () => {
+{{#methods}}
+  it("{{methodName}} sends {{httpMethod}} {{pathPattern}}", async () => {
+    const calls: Array<{ method: string; path: string; body?: unknown }> = [];
+    const http = {
+      request: async <T>(input: { method: string; path: string; body?: unknown }) => {
+        calls.push(input);
+        return ({{&mockReturn}} as T);
+      },
+    };
+    await {{clientName}}(http).{{methodName}}({{&liveArgs}});
+    assert.equal(calls[0]?.method, "{{httpMethod}}");
+  });
+{{/methods}}
+});

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-client-bindings-mock-tests/tanstack-entity.test.ts.tmpl

@@ -0,0 +1,23 @@
+import assert from "node:assert/strict";
+import { describe, it } from "vitest";
+import { {{mutationOptionsName}}, {{queryOptionsName}} } from "./{{fileBase}}.ts";
+
+describe("{{clientName}} tanstack mock", () => {
+{{#queries}}
+  it("{{methodName}} queryFn delegates to the fetch client", async () => {
+    const http = {
+      request: async <T>() => ({{&mockReturn}} as T),
+    };
+    const result = await {{queryOptionsName}}.{{methodName}}(http{{#hasArgs}}, {{&liveArgs}}{{/hasArgs}}).queryFn();
+    assert.deepEqual(result, {{&mockReturn}});
+  });
+{{/queries}}{{#mutations}}
+  it("{{methodName}} mutationFn delegates to the fetch client", async () => {
+    const http = {
+      request: async <T>() => ({{&mockReturn}} as T),
+    };
+    const result = await {{mutationOptionsName}}.{{methodName}}(http).mutationFn({{&liveMutationArg}});
+    assert.deepEqual(result, {{&mockReturn}});
+  });
+{{/mutations}}
+});

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-datasource-type-validators/index.ts.tmpl

@@ -0,0 +1,5 @@
+{{#types}}export { {{schemaName}} } from "./{{fileBase}}";
+{{#withTypeAnnotation}}
+export type { {{validatedTypeName}} } from "./{{fileBase}}";
+{{/withTypeAnnotation}}
+{{/types}}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-datasource-type-validators/type.ts.tmpl

@@ -0,0 +1,12 @@
+// schema-version: {{schemaVersion}}
+import { z } from "zod";
+
+export const {{schemaName}} = z.object({
+{{#fields}}
+  {{ident}}: {{&zodExpr}},
+{{/fields}}
+});
+{{#withTypeAnnotation}}
+
+export type {{validatedTypeName}} = z.infer<typeof {{schemaName}}>;
+{{/withTypeAnnotation}}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-datasource-type-validators-tests/type.test.ts.tmpl

@@ -0,0 +1,12 @@
+// schema-version: {{schemaVersion}}
+{{&prelude}}import { describe, it, expect } from "vitest";
+import { {{schemaName}} } from "{{schemaImport}}";
+
+describe("{{schemaName}} (datasource_types.{{tableName}})", () => {
+{{#cases}}
+  it("{{name}}", () => {
+    const value = {{&fixture}};
+    expect(() => {{schemaName}}.parse(value)).{{assertion}}();
+  });
+{{/cases}}
+});

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-datasource-types-tests/type.test.ts.tmpl

@@ -0,0 +1,29 @@
+// schema-version: {{schemaVersion}}
+{{&prelude}}import { describe, it, expect } from "vitest";
+import type { {{className}} } from "{{typeImport}}";
+
+describe("{{className}} field accessors (datasource_types.{{tableName}})", () => {
+  const sample = (): {{className}} => ({{&fixture}});
+
+{{#fields}}
+  it("gets {{testName}}", () => {
+    const initial = {{&sampleExpr}};
+    const value: {{className}} = { ...sample(), {{ident}}: initial };
+    expect(value{{&access}}).toEqual(initial);
+  });
+
+  it("sets {{testName}}", () => {
+    const value: {{className}} = sample();
+    const next = {{&nextExpr}};
+    value{{&access}} = next;
+    expect(value{{&access}}).toEqual(next);
+  });
+{{#nullable}}
+  it("allows setting {{testName}} to null", () => {
+    const value: {{className}} = sample();
+    value{{&access}} = null;
+    expect(value{{&access}}).toBeNull();
+  });
+{{/nullable}}
+{{/fields}}
+});

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/Dockerfile.tmpl

@@ -0,0 +1,9 @@
+# syntax=docker/dockerfile:1
+FROM node:26-alpine
+WORKDIR /app
+COPY frontend/package*.json ./
+RUN --mount=type=cache,target=/root/.npm npm install
+COPY frontend/ ./
+RUN npm run build
+EXPOSE 5173
+CMD ["npm", "run", "preview", "--", "--host", "0.0.0.0", "--port", "5173"]

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/Dockerfile.tmpl

@@ -0,0 +1,9 @@
+# syntax=docker/dockerfile:1
+FROM node:26-alpine
+WORKDIR /app
+COPY frontend/package*.json ./
+RUN --mount=type=cache,target=/root/.npm npm install
+COPY frontend/ ./
+RUN npm run build
+EXPOSE 4200
+CMD ["npm", "run", "preview", "--", "-l", "tcp://0.0.0.0:4200"]

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/angular.json.tmpl

@@ -0,0 +1,34 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "cli": {
+    "analytics": false
+  },
+  "newProjectRoot": "projects",
+  "projects": {
+    "frontend": {
+      "projectType": "application",
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "outputPath": "dist",
+            "index": "src/index.html",
+            "browser": "src/{{mainFile}}",
+            "tsConfig": "tsconfig.app.json",
+            "styles": ["src/styles.css"]
+          }
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "options": {
+            "buildTarget": "frontend:build"
+          }
+        }
+      }
+    }
+  }
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/docker-compose-service.yml.tmpl

@@ -0,0 +1,6 @@
+frontend:
+  build:
+    context: .
+    dockerfile: ./frontend/Dockerfile
+  ports:
+    - '${FRONTEND_HOST_PORT:-4200}:4200'

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/gitignore.tmpl

@@ -0,0 +1,4 @@
+node_modules/
+dist/
+.angular/
+*.log

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/package.json.tmpl

@@ -0,0 +1,38 @@
+{
+  "name": "{{application_name}}",
+  "private": true,
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "ng serve",
+    "build": "ng build",
+    "preview": "serve dist/browser",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@angular/common": "^19.1.0",
+    "@angular/compiler": "^19.1.0",
+    "@angular/core": "^19.1.0",
+    "@angular/platform-browser": "^19.1.0",
+    "@tanstack/react-query": "^5.64.2",
+    "axios": "^1.7.9",
+    "rxjs": "^7.8.1",
+    "tslib": "^2.8.1",
+    "zod": "^3.23.8",
+    "zone.js": "~0.15.0"
+  },
+  "allowScripts": {
+    "esbuild": true
+  },
+  "overrides": {
+    "glob": "^13.0.6"
+  },
+  "devDependencies": {
+    "@angular/build": "^19.1.0",
+    "@angular/cli": "^19.1.0",
+    "@angular/compiler-cli": "^19.1.0",
+    "@faker-js/faker": "^9.9.0",
+    "serve": "^14.2.4",
+    "typescript": "~5.6.3",
+    "vitest": "^2.1.8"
+  }
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/src/app/app.config.ts.tmpl

@@ -0,0 +1,5 @@
+import { ApplicationConfig, provideZoneChangeDetection } from "@angular/core";
+
+export const {{appConfigName}}: ApplicationConfig = {
+  providers: [provideZoneChangeDetection({ eventCoalescing: true })],
+};

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/src/app/app.ts.tmpl

@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-root",
+  template: "<h1>{{application_name}}</h1>",
+})
+export class {{appComponentName}} {}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/src/index.html.tmpl

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>{{application_name}}</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+</html>

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/src/main.ts.tmpl

@@ -0,0 +1,6 @@
+import "zone.js";
+import { bootstrapApplication } from "@angular/platform-browser";
+import { {{appComponentName}} } from "./{{appDir}}/{{appFileBase}}";
+import { {{appConfigName}} } from "./{{appDir}}/{{appConfigFileBase}}";
+
+bootstrapApplication({{appComponentName}}, {{appConfigName}}).catch((err) => console.error(err));

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/src/styles.css.tmpl

@@ -0,0 +1 @@
+/* generated */

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/tsconfig.app.json.tmpl

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["src/**/*.test.ts"]
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/angular/tsconfig.json.tmpl

@@ -0,0 +1,22 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "preserve"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/docker-compose-service.yml.tmpl

@@ -0,0 +1,6 @@
+frontend:
+  build:
+    context: .
+    dockerfile: ./frontend/Dockerfile
+  ports:
+    - '${FRONTEND_HOST_PORT:-5173}:5173'

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/gitignore.tmpl

@@ -0,0 +1,3 @@
+node_modules/
+dist/
+*.log

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/index.html.tmpl

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{application_name}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/{{mainFileBase}}.tsx"></script>
+  </body>
+</html>

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/Dockerfile.tmpl

@@ -0,0 +1,9 @@
+# syntax=docker/dockerfile:1
+FROM node:26-alpine
+WORKDIR /app
+COPY frontend/package*.json ./
+RUN --mount=type=cache,target=/root/.npm npm install
+COPY frontend/ ./
+RUN npm run build
+EXPOSE 3000
+CMD ["npm", "run", "start", "--", "--hostname", "0.0.0.0", "--port", "3000"]

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/app/layout.tsx.tmpl

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+
+export const metadata = {
+  title: "{{application_name}}",
+};
+
+export default function {{rootLayoutName}}({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/app/page.tsx.tmpl

@@ -0,0 +1,3 @@
+export default function {{homeComponentName}}() {
+  return <h1>{{application_name}}</h1>;
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/docker-compose-service.yml.tmpl

@@ -0,0 +1,6 @@
+frontend:
+  build:
+    context: .
+    dockerfile: ./frontend/Dockerfile
+  ports:
+    - '${FRONTEND_HOST_PORT:-3000}:3000'

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/gitignore.tmpl

@@ -0,0 +1,3 @@
+node_modules/
+.next/
+*.log

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/next-env.d.ts.tmpl

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/next.config.ts.tmpl

@@ -0,0 +1,5 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/package.json.tmpl

@@ -0,0 +1,33 @@
+{
+  "name": "{{application_name}}",
+  "private": true,
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.64.2",
+    "axios": "^1.7.9",
+    "next": "^15.1.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zod": "^3.23.8"
+  },
+  "allowScripts": {
+    "esbuild": true
+  },
+  "overrides": {
+    "glob": "^13.0.6"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^9.9.0",
+    "@types/node": "^22.10.0",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "typescript": "^5.7.0",
+    "vitest": "^2.1.8"
+  }
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/next/tsconfig.json.tmpl

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", "**/*.test.ts"]
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/package.json.tmpl

@@ -0,0 +1,35 @@
+{
+  "name": "{{application_name}}",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch",
+    "preview": "vite preview",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.64.2",
+    "axios": "^1.7.9",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zod": "^3.23.8"
+  },
+  "allowScripts": {
+    "esbuild": true
+  },
+  "overrides": {
+    "glob": "^13.0.6"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^9.9.0",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@vitejs/plugin-react": "^4.2.1",
+    "typescript": "^5.7.0",
+    "vite": "^5.0.8",
+    "vitest": "^2.1.8"
+  }
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/src/App.tsx.tmpl

@@ -0,0 +1,3 @@
+export default function {{appComponentName}}() {
+  return <h1>{{application_name}}</h1>;
+}

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/src/main.tsx.tmpl

@@ -0,0 +1,9 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import {{appComponentName}} from "./{{appFileBase}}";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <{{appComponentName}} />
+  </React.StrictMode>,
+);

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/svelte/Dockerfile.tmpl

@@ -0,0 +1,9 @@
+# syntax=docker/dockerfile:1
+FROM node:26-alpine
+WORKDIR /app
+COPY frontend/package*.json ./
+RUN --mount=type=cache,target=/root/.npm npm install
+COPY frontend/ ./
+RUN npm run build
+EXPOSE 5173
+CMD ["npm", "run", "preview", "--", "--host", "0.0.0.0", "--port", "5173"]

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/svelte/docker-compose-service.yml.tmpl

@@ -0,0 +1,6 @@
+frontend:
+  build:
+    context: .
+    dockerfile: ./frontend/Dockerfile
+  ports:
+    - '${FRONTEND_HOST_PORT:-5173}:5173'

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/svelte/gitignore.tmpl

@@ -0,0 +1,3 @@
+node_modules/
+dist/
+*.log

package/node_modules/@deterministic-code/typescript-generators/src/templates/create-frontend-app/svelte/index.html.tmpl

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{application_name}}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/{{mainFile}}"></script>
+  </body>
+</html>