@effindomv2/create-fui-as-app 0.1.6 → 0.1.7

package/README.md

@@ -0,0 +1,26 @@
+# EffinDom create-fui-as-app
+
+This repository contains the standalone scaffolder package for FUI-AS apps:
+
+- `@effindomv2/create-fui-as-app` (`v2/create-fui-as-app`)
+
+Depends on published `@effindomv2/fui-as` and `@effindomv2/runtime` packages from npm.
+
+## License
+
+MIT. See `LICENSE.md`.
+
+## Build and publish
+
+```bash
+npm install
+npm run build
+npm test
+npm run publish:local
+```
+
+For npm publishing:
+
+```bash
+npm run publish:npm
+```

package/dist/src/templates.js

@@ -2,7 +2,7 @@ import { readdirSync, readFileSync, statSync } from "node:fs";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { FUI_AS_VERSION, RUNTIME_VERSION } from "./versions.js";
-const TEMPLATE_ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..", "..", "build", "templates");
+const TEMPLATE_ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..", "..", "templates");
 function collectTemplateFiles(root, relativePath = "") {
     const absolutePath = resolve(root, relativePath);
     const stats = statSync(absolutePath);

package/dist/src/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const FUI_AS_VERSION = "0.1.4";
+export declare const FUI_AS_VERSION = "latest";
 export declare const RUNTIME_VERSION = "0.1.0";

package/dist/src/versions.js

@@ -1,2 +1,2 @@
-export const FUI_AS_VERSION = "0.1.4";
+export const FUI_AS_VERSION = "latest";
 export const RUNTIME_VERSION = "0.1.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effindomv2/create-fui-as-app",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "private": false,
   "license": "MIT",
   "description": "Scaffold a minimal EffinDom v2 FUI-AS app",
@@ -24,13 +24,14 @@
   "types": "./dist/src/scaffold.d.ts",
   "files": [
     "dist",
-    "build/templates"
+    "templates"
   ],
   "scripts": {
-    "sync:templates": "tsx scripts/sync-templates.ts",
-    "build": "npm run sync:templates && tsc -p tsconfig.json",
+    "build": "tsc -p tsconfig.json",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "npm run build && node --test dist/tests/**/*.test.js",
+    "publish:local": "bash -c 'if [ -f scripts/publish/local/create-fui-as-app.sh ]; then bash scripts/publish/local/create-fui-as-app.sh; elif [ -f ../../scripts/publish/local/create-fui-as-app.sh ]; then bash ../../scripts/publish/local/create-fui-as-app.sh; else echo \"Missing create-fui-as-app publish:local script\" >&2; exit 1; fi'",
+    "publish:npm": "bash -c 'if [ -f scripts/publish/npm/create-fui-as-app.sh ]; then bash scripts/publish/npm/create-fui-as-app.sh; elif [ -f ../../scripts/publish/npm/create-fui-as-app.sh ]; then bash ../../scripts/publish/npm/create-fui-as-app.sh; else echo \"Missing create-fui-as-app publish:npm script\" >&2; exit 1; fi'",
     "prepack": "npm run build"
   },
   "devDependencies": {

package/{build/templates → templates}/hello/package.json

@@ -13,7 +13,7 @@
     "generate:host-events": "tsx ./node_modules/@effindomv2/fui-as/scripts/generate-host-events.ts src/host/host-events.ts appHostEvents src/host/generated/HostEvents.ts ../../fui/FuiPrimitives",
     "generate:host": "npm run generate:host-services && npm run generate:host-events",
     "watch": "chokidar \"src/**/*.ts\" \"harness.ts\" \"index.html\" \"asconfig.json\" --ignore \"src/host/generated/**\" -c \"npm run build\"",
-    "serve": "http-server public -p 8080 -c-1",
+    "serve": "serve public --listen 8080",
     "dev": "npm run build && concurrently -k -n watch,serve \"npm run watch\" \"npm run serve\"",
     "test": "npm run build && tsx scripts/smoke.ts"
   },
@@ -26,7 +26,7 @@
     "chokidar-cli": "^3.0.0",
     "concurrently": "^9.2.1",
     "esbuild": "^0.27.7",
-    "http-server": "^14.1.1",
+    "serve": "^14.2.5",
     "tsx": "^4.20.6"
   }
 }

package/{build/templates → templates}/hello/src/App.ts

@@ -4,4 +4,4 @@ export * from "./host/generated/HostEvents";
 
 import { createHelloWorldPage } from "./HelloWorld";
 
-Application.register((app) => app.page(createHelloWorldPage));
+Application.register((app) => app.themeSystem().page(createHelloWorldPage));

package/{build/templates → templates}/hello/src/HelloWorld.ts

@@ -1,9 +1,12 @@
 import {
   AlignItems,
+  Action,
   Button,
   Column,
   JustifyContent,
-  rgb,
+  Theme,
+  bindTheme,
+  activeTheme,
   SelectionArea,
   Text,
   TextAlign,
@@ -32,13 +35,20 @@ class HelloWorld {
   private readonly hostServiceLabel: Text = new Text("Host service time: -");
   private readonly hostEventLabel: Text = new Text("Host event tick: -");
   private readonly clockTickHandler: ClockTickHandler = new ClockTickHandler(this);
+  private readonly themeBinding!: Action<Theme>;
+  private readonly root!: SelectionArea;
 
   constructor() {
     this.counterLabel.fontSize(20.0);
-    this.hostServiceLabel.fontSize(14.0).textColor(rgb(191, 219, 254));
-    this.hostEventLabel.fontSize(14.0).textColor(rgb(134, 239, 172));
+    this.hostServiceLabel.fontSize(14.0);
+    this.hostEventLabel.fontSize(14.0);
     this.refreshHostServiceTime();
     onAppClockTick(this.clockTickHandler);
+    this.root = new SelectionArea().fillWidth().fillHeight() as SelectionArea;
+    this.themeBinding = bindTheme(this, (page, theme): void => {
+      page.applyTheme(theme);
+    });
+    this.applyTheme(activeTheme.value);
   }
 
   private refreshHostServiceTime(): void {
@@ -50,6 +60,10 @@ class HelloWorld {
     this.hostEventLabel.text("Host event tick: " + seconds.toString());
   }
 
+  private applyTheme(theme: Theme): void {
+    this.root.bgColor(theme.colors.background);
+  }
+
   buildPage(): SelectionArea {
     
     const title = new Text("Hello world from FUI-AS")
@@ -79,24 +93,21 @@ class HelloWorld {
       .textAlign(TextAlign.Center)
       .width(680.0, Unit.Pixel);
 
-    return new SelectionArea()
-      .fillWidth()
-      .fillHeight()
-      .child(
-        Column(
-          title,
-          subtitle,
-          button,
-          this.counterLabel,
-          this.hostServiceLabel,
-          this.hostEventLabel,
-          note)
-          .fillWidth()
-          .fillHeight()
-          .padding(24.0, 24.0, 24.0, 24.0)
-          .justifyContent(JustifyContent.Center)
-          .alignItems(AlignItems.Center))
-      .bgColor(rgb(0, 0, 0)) as SelectionArea;
+    return this.root.child(
+      Column(
+        title,
+        subtitle,
+        button,
+        this.counterLabel,
+        this.hostServiceLabel,
+        this.hostEventLabel,
+        note)
+        .fillWidth()
+        .fillHeight()
+        .padding(24.0, 24.0, 24.0, 24.0)
+        .justifyContent(JustifyContent.Center)
+        .alignItems(AlignItems.Center),
+    ) as SelectionArea;
   }
 }
 

package/templates/hello/src/fui/Fui.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/src/Fui";

package/templates/hello/src/fui/FuiBrowser.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/browser";

package/templates/hello/src/fui/FuiExports.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/src/FuiExports";

package/templates/hello/src/fui/FuiPrimitives.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/src/FuiPrimitives";

package/{build/templates → templates}/mvc/package.json

@@ -15,7 +15,7 @@
     "generate:host-events": "tsx ./node_modules/@effindomv2/fui-as/scripts/generate-host-events.ts src/host/host-events.ts appHostEvents src/host/generated/HostEvents.ts ../../fui/FuiPrimitives",
     "generate:host": "npm run generate:host-services && npm run generate:host-events",
     "watch": "chokidar \"src/**/*.ts\" \"harness.ts\" \"route-shell.html\" \"index.html\" \"asconfig.json\" --ignore \"src/host/generated/**\" -c \"npm run build\"",
-    "serve": "http-server public -p 8080 -c-1",
+    "serve": "serve public --listen 8080",
     "dev": "npm run build && concurrently -k -n watch,serve \"npm run watch\" \"npm run serve\"",
     "test": "npm run build && tsx scripts/smoke.ts"
   },
@@ -28,7 +28,7 @@
     "chokidar-cli": "^3.0.0",
     "concurrently": "^9.2.1",
     "esbuild": "^0.27.7",
-    "http-server": "^14.1.1",
+    "serve": "^14.2.5",
     "tsx": "^4.20.6"
   }
 }

package/templates/mvc/src/fui/Fui.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/src/Fui";

package/templates/mvc/src/fui/FuiBrowser.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/browser";

package/templates/mvc/src/fui/FuiExports.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/src/FuiExports";

package/templates/mvc/src/fui/FuiPrimitives.ts

@@ -0,0 +1 @@
+export * from "@effindomv2/fui-as/src/FuiPrimitives";

package/{build/templates → templates}/mvc/src/routes/HomeApp.ts

@@ -5,6 +5,7 @@ import { createManagedApplication } from "../fui/Fui";
 import { HomeController } from "./home/HomeController";
 
 const app = createManagedApplication<HomeController>(() => new HomeController());
+app.useSystemTheme();
 
 export function __runApp(): void {
   app.run();

package/{build/templates → templates}/mvc/src/routes/SettingsApp.ts

@@ -5,6 +5,7 @@ import { createManagedApplication } from "../fui/Fui";
 import { SettingsController } from "./settings/SettingsController";
 
 const app = createManagedApplication<SettingsController>(() => new SettingsController());
+app.useSystemTheme();
 
 export function __runApp(): void {
   app.run();

package/{build/templates → templates}/mvc/src/routes/home/HomeController.ts

@@ -47,6 +47,7 @@ export class HomeController extends ManagedApplicationController {
 
   dispose(): void {
     onAppClockTick(null);
+    this.view.dispose();
     super.dispose();
   }
 }

package/{build/templates → templates}/mvc/src/routes/home/HomeView.ts

@@ -1,4 +1,4 @@
-import { Column, FlexBox, SelectionArea, Text, Unit, rgb } from "../../fui/Fui";
+import { Column, Disposable, FlexBox, SelectionArea, Theme, activeTheme, bindTheme, disposeAll, Text, Unit } from "../../fui/Fui";
 import { createNavBar } from "../shared/design-system/NavBar";
 import { PrimaryButton } from "../shared/design-system/PrimaryButton";
 import { HomeModel } from "./HomeModel";
@@ -9,15 +9,17 @@ export class HomeView {
   private readonly hostServiceText: Text;
   private readonly hostEventText: Text;
   private readonly root!: SelectionArea;
+  private readonly themeBindings: Array<Disposable> = new Array<Disposable>();
+  private themeBindingDisposed: bool = false;
 
   constructor(model: HomeModel) {
     const navBar = createNavBar(true);
 
-    const title = new Text(model.title).fontSize(34.0).textColor(rgb(241, 245, 249)) as Text;
-    const subtitle = new Text(model.subtitle).fontSize(16.0).textColor(rgb(148, 163, 184)) as Text;
-    this.statusText = new Text("Home counter: 0").fontSize(18.0).textColor(rgb(147, 197, 253)) as Text;
-    this.hostServiceText = new Text("Host service time: -").fontSize(15.0).textColor(rgb(191, 219, 254)) as Text;
-    this.hostEventText = new Text("Host event tick: -").fontSize(15.0).textColor(rgb(134, 239, 172)) as Text;
+    const title = new Text(model.title).fontSize(34.0) as Text;
+    const subtitle = new Text(model.subtitle).fontSize(16.0) as Text;
+    this.statusText = new Text("Home counter: 0").fontSize(18.0) as Text;
+    this.hostServiceText = new Text("Host service time: -").fontSize(15.0) as Text;
+    this.hostEventText = new Text("Host event tick: -").fontSize(15.0) as Text;
     this.actionButton = new PrimaryButton(model.actionLabel);
 
     const content = Column(
@@ -41,14 +43,21 @@ export class HomeView {
     this.root = new SelectionArea()
       .fillWidth()
       .fillHeight()
-      .bgColor(rgb(2, 6, 23))
       .child(content) as SelectionArea;
+    this.trackTheme(bindTheme(this, (view, theme): void => {
+      view.applyTheme(theme);
+    }));
+    this.applyTheme(activeTheme.value);
   }
 
   getRoot(): SelectionArea {
     return this.root;
   }
 
+  dispose(): void {
+    this.disposeThemeBindings();
+  }
+
   setActionCount(count: i32): void {
     this.statusText.text("Home counter: " + count.toString());
   }
@@ -60,4 +69,20 @@ export class HomeView {
   setHostEventSeconds(value: i32): void {
     this.hostEventText.text("Host event tick: " + value.toString());
   }
+
+  private applyTheme(theme: Theme): void {
+    this.root.bgColor(theme.colors.background);
+  }
+
+  private trackTheme(disposable: Disposable): void {
+    this.themeBindings.push(disposable);
+  }
+
+  private disposeThemeBindings(): void {
+    if (this.themeBindingDisposed) {
+      return;
+    }
+    this.themeBindingDisposed = true;
+    disposeAll(this.themeBindings);
+  }
 }

package/{build/templates → templates}/mvc/src/routes/settings/SettingsController.ts

@@ -17,4 +17,9 @@ export class SettingsController extends ManagedApplicationController {
   getRoot(): Node {
     return this.view.getRoot();
   }
+
+  dispose(): void {
+    this.view.dispose();
+    super.dispose();
+  }
 }

package/{build/templates → templates}/mvc/src/routes/settings/SettingsView.ts

@@ -1,4 +1,4 @@
-import { Column, FlexBox, SelectionArea, Text, Unit, rgb } from "../../fui/Fui";
+import { Column, Disposable, FlexBox, SelectionArea, Theme, activeTheme, bindTheme, disposeAll, Text, Unit } from "../../fui/Fui";
 import { createNavBar } from "../shared/design-system/NavBar";
 import { PrimaryButton } from "../shared/design-system/PrimaryButton";
 import { SettingsModel } from "./SettingsModel";
@@ -7,13 +7,15 @@ export class SettingsView {
   readonly actionButton: PrimaryButton;
   private readonly statusText: Text;
   private readonly root!: SelectionArea;
+  private readonly themeBindings: Array<Disposable> = new Array<Disposable>();
+  private themeBindingDisposed: bool = false;
 
   constructor(model: SettingsModel) {
     const navBar = createNavBar(false);
 
-    const title = new Text(model.title).fontSize(34.0).textColor(rgb(241, 245, 249)) as Text;
-    const subtitle = new Text(model.subtitle).fontSize(16.0).textColor(rgb(148, 163, 184)) as Text;
-    this.statusText = new Text("Settings saved: 0").fontSize(18.0).textColor(rgb(134, 239, 172)) as Text;
+    const title = new Text(model.title).fontSize(34.0) as Text;
+    const subtitle = new Text(model.subtitle).fontSize(16.0) as Text;
+    this.statusText = new Text("Settings saved: 0").fontSize(18.0) as Text;
     this.actionButton = new PrimaryButton(model.actionLabel);
 
     const content = Column(
@@ -34,15 +36,38 @@ export class SettingsView {
     this.root = new SelectionArea()
       .fillWidth()
       .fillHeight()
-      .bgColor(rgb(2, 6, 23))
       .child(content) as SelectionArea;
+    this.trackTheme(bindTheme(this, (view, theme): void => {
+      view.applyTheme(theme);
+    }));
+    this.applyTheme(activeTheme.value);
   }
 
   getRoot(): SelectionArea {
     return this.root;
   }
 
+  dispose(): void {
+    this.disposeThemeBindings();
+  }
+
   setSaveCount(count: i32): void {
     this.statusText.text("Settings saved: " + count.toString());
   }
+
+  private applyTheme(theme: Theme): void {
+    this.root.bgColor(theme.colors.background);
+  }
+
+  private trackTheme(disposable: Disposable): void {
+    this.themeBindings.push(disposable);
+  }
+
+  private disposeThemeBindings(): void {
+    if (this.themeBindingDisposed) {
+      return;
+    }
+    this.themeBindingDisposed = true;
+    disposeAll(this.themeBindings);
+  }
 }

package/templates/mvc/src/routes/shared/design-system/NavPill.ts

@@ -0,0 +1,59 @@
+import { Disposable, Theme, activeTheme, bindTheme, disposeAll, NavLink, Text } from "../../../fui/Fui";
+
+const PILL_RADIUS: f32 = 999.0;
+const PILL_PADDING_X: f32 = 16.0;
+const PILL_PADDING_Y: f32 = 8.0;
+export class NavPill extends NavLink {
+  private readonly labelNode: Text;
+  private readonly themeBindings: Array<Disposable> = new Array<Disposable>();
+  private themeBindingDisposed: bool = false;
+  private activeValue: bool = false;
+
+  constructor(href: string, label: string) {
+    super(href, label, false);
+    this.labelNode = new Text(label)
+      .fontSize(14.0)
+      .selectable(false) as Text;
+    this
+      .cornerRadius(PILL_RADIUS)
+      .padding(PILL_PADDING_X, PILL_PADDING_Y, PILL_PADDING_X, PILL_PADDING_Y)
+      .child(this.labelNode);
+    this.trackTheme(bindTheme(this, (pill, theme): void => {
+      pill.applyVisualState(theme);
+    }));
+    this.applyVisualState(activeTheme.value);
+  }
+
+  active(flag: bool = true): this {
+    this.activeValue = flag;
+    this.applyVisualState(activeTheme.value);
+    return this;
+  }
+
+  dispose(): void {
+    this.disposeThemeBindings();
+    super.dispose();
+  }
+
+  private applyVisualState(theme: Theme): void {
+    if (this.activeValue) {
+      this.bgColor(theme.colors.accent);
+      this.labelNode.textColor(theme.colors.textPrimary);
+      return;
+    }
+    this.bgColor(theme.colors.surface);
+    this.labelNode.textColor(theme.colors.textMuted);
+  }
+
+  private trackTheme(disposable: Disposable): void {
+    this.themeBindings.push(disposable);
+  }
+
+  private disposeThemeBindings(): void {
+    if (this.themeBindingDisposed) {
+      return;
+    }
+    this.themeBindingDisposed = true;
+    disposeAll(this.themeBindings);
+  }
+}

package/{build/templates → templates}/mvc/src/routes/shared/design-system/PrimaryButton.ts

@@ -1,19 +1,14 @@
-import { Button, rgb } from "../../../fui/Fui";
+import { Button } from "../../../fui/Fui";
 
 const BUTTON_RADIUS: f32 = 12.0;
 const BUTTON_PADDING_X: f32 = 18.0;
 const BUTTON_PADDING_Y: f32 = 10.0;
-const BUTTON_BG: u32 = rgb(59, 130, 246);
-const BUTTON_TEXT: u32 = rgb(241, 245, 249);
-
 export class PrimaryButton extends Button {
   constructor(label: string) {
     super(label);
     this
       .cornerRadius(BUTTON_RADIUS)
       .padding(BUTTON_PADDING_X, BUTTON_PADDING_Y, BUTTON_PADDING_X, BUTTON_PADDING_Y)
-      .bgColor(BUTTON_BG)
-      .textColor(BUTTON_TEXT)
       .fontSize(14.0);
   }
 }

package/build/templates/hello/src/fui/Fui.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/src/Fui";

package/build/templates/hello/src/fui/FuiBrowser.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/browser/src/index";

package/build/templates/hello/src/fui/FuiExports.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/src/FuiExports";

package/build/templates/hello/src/fui/FuiPrimitives.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/src/FuiPrimitives";

package/build/templates/mvc/src/fui/Fui.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/src/Fui";

package/build/templates/mvc/src/fui/FuiBrowser.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/browser/src/index";

package/build/templates/mvc/src/fui/FuiExports.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/src/FuiExports";

package/build/templates/mvc/src/fui/FuiPrimitives.ts

@@ -1 +0,0 @@
-export * from "../../node_modules/@effindomv2/fui-as/src/FuiPrimitives";

package/build/templates/mvc/src/routes/shared/design-system/NavPill.ts

@@ -1,42 +0,0 @@
-import { NavLink, Text, rgb } from "../../../fui/Fui";
-
-const PILL_RADIUS: f32 = 999.0;
-const PILL_PADDING_X: f32 = 16.0;
-const PILL_PADDING_Y: f32 = 8.0;
-const PILL_INACTIVE_BG: u32 = rgb(33, 45, 67);
-const PILL_ACTIVE_BG: u32 = rgb(34, 197, 94);
-const PILL_INACTIVE_TEXT: u32 = rgb(226, 232, 240);
-const PILL_ACTIVE_TEXT: u32 = rgb(12, 16, 24);
-
-export class NavPill extends NavLink {
-  private readonly labelNode: Text;
-  private activeValue: bool = false;
-
-  constructor(href: string, label: string) {
-    super(href, label, false);
-    this.labelNode = new Text(label)
-      .fontSize(14.0)
-      .selectable(false) as Text;
-    this
-      .cornerRadius(PILL_RADIUS)
-      .padding(PILL_PADDING_X, PILL_PADDING_Y, PILL_PADDING_X, PILL_PADDING_Y)
-      .child(this.labelNode);
-    this.applyVisualState();
-  }
-
-  active(flag: bool = true): this {
-    this.activeValue = flag;
-    this.applyVisualState();
-    return this;
-  }
-
-  private applyVisualState(): void {
-    if (this.activeValue) {
-      this.bgColor(PILL_ACTIVE_BG);
-      this.labelNode.textColor(PILL_ACTIVE_TEXT);
-      return;
-    }
-    this.bgColor(PILL_INACTIVE_BG);
-    this.labelNode.textColor(PILL_INACTIVE_TEXT);
-  }
-}

package/dist/scripts/sync-templates.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/scripts/sync-templates.js

@@ -1,299 +0,0 @@
-import { cpSync, mkdirSync, readdirSync, readFileSync, rmSync, statSync, writeFileSync } from "node:fs";
-import { dirname, join, relative, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-const PACKAGE_ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..");
-const REPO_ROOT = resolve(PACKAGE_ROOT, "..", "..");
-const FUI_AS_ROOT = join(REPO_ROOT, "v2", "fui-as");
-const FUI_AS_TEMPLATES_ROOT = join(FUI_AS_ROOT, "templates");
-const TEMPLATES_ROOT = join(PACKAGE_ROOT, "build", "templates");
-const LEGACY_TEMPLATES_ROOT = join(PACKAGE_ROOT, "templates");
-function writeTextFile(filePath, contents) {
-    mkdirSync(dirname(filePath), { recursive: true });
-    writeFileSync(filePath, contents, "utf8");
-}
-function posixRelativeImport(fromFilePath, toFilePath) {
-    const fromDirectory = dirname(fromFilePath);
-    let specifier = relative(fromDirectory, toFilePath).replaceAll("\\", "/");
-    if (specifier.endsWith(".ts")) {
-        specifier = specifier.slice(0, -3);
-    }
-    if (!specifier.startsWith(".")) {
-        specifier = `./${specifier}`;
-    }
-    return specifier;
-}
-function rewriteSdkImportsInFile(filePath, templateSrcRoot) {
-    const original = readFileSync(filePath, "utf8");
-    const rewritten = original
-        .replace(/(['"])(?:\.\.\/)+src\/(Fui|FuiExports|FuiPrimitives|FuiBrowser)\1/g, (_full, quote, symbolName) => {
-        const targetPath = join(templateSrcRoot, "fui", `${symbolName}.ts`);
-        const relativeSpecifier = posixRelativeImport(filePath, targetPath);
-        return `${quote}${relativeSpecifier}${quote}`;
-    })
-        .replace(/(['"])(?:\.\.\/)+browser\/src\/(?:host-events|host-services)\1/g, '"@effindomv2/fui-as/browser"');
-    if (rewritten !== original) {
-        writeFileSync(filePath, rewritten, "utf8");
-    }
-}
-function walkFiles(root, callback) {
-    for (const entry of readdirSync(root)) {
-        const absolutePath = join(root, entry);
-        const stats = statSync(absolutePath);
-        if (stats.isDirectory()) {
-            walkFiles(absolutePath, callback);
-            continue;
-        }
-        callback(absolutePath);
-    }
-}
-function writeSharedSdkShims(templateRoot) {
-    const fuiRoot = join(templateRoot, "src", "fui");
-    writeTextFile(join(fuiRoot, "Fui.ts"), 'export * from "../../node_modules/@effindomv2/fui-as/src/Fui";\n');
-    writeTextFile(join(fuiRoot, "FuiExports.ts"), 'export * from "../../node_modules/@effindomv2/fui-as/src/FuiExports";\n');
-    writeTextFile(join(fuiRoot, "FuiPrimitives.ts"), 'export * from "../../node_modules/@effindomv2/fui-as/src/FuiPrimitives";\n');
-    writeTextFile(join(fuiRoot, "FuiBrowser.ts"), 'export * from "../../node_modules/@effindomv2/fui-as/browser/src/index";\n');
-}
-function writeAsconfig(templateRoot) {
-    writeTextFile(join(templateRoot, "asconfig.json"), JSON.stringify({
-        targets: {
-            debug: {
-                debug: true,
-                exportRuntime: true,
-                bindings: "esm",
-                outFile: "public/app.wasm",
-                sourceMap: true,
-                textFile: "public/app.wat",
-            },
-            release: {
-                exportRuntime: true,
-                bindings: "esm",
-                optimizeLevel: 3,
-                outFile: "public/app.wasm",
-                shrinkLevel: 1,
-                sourceMap: false,
-                textFile: "public/app.wat",
-            },
-        },
-        options: {
-            runtime: "stub",
-        },
-    }, null, 2) + "\n");
-}
-function writeTsconfig(templateRoot) {
-    writeTextFile(join(templateRoot, "tsconfig.json"), JSON.stringify({
-        extends: "assemblyscript/std/assembly.json",
-        compilerOptions: {
-            noEmit: true,
-        },
-        include: ["src/**/*.ts"],
-    }, null, 2) + "\n");
-}
-function writePackageJsonTemplate(templateRoot, scripts, description) {
-    writeTextFile(join(templateRoot, "package.json"), JSON.stringify({
-        name: "__PACKAGE_NAME__",
-        version: "0.1.0",
-        private: true,
-        type: "module",
-        description,
-        scripts,
-        dependencies: {
-            "@effindomv2/fui-as": "__FUI_AS_VERSION__",
-            "@effindomv2/runtime": "__RUNTIME_VERSION__",
-        },
-        devDependencies: {
-            assemblyscript: "0.28.17",
-            "chokidar-cli": "^3.0.0",
-            concurrently: "^9.2.1",
-            esbuild: "^0.27.7",
-            "http-server": "^14.1.1",
-            tsx: "^4.20.6",
-        },
-    }, null, 2) + "\n");
-}
-function writeHelloSupportFiles(templateRoot) {
-    writeTextFile(join(templateRoot, "scripts", "prepare-runtime.ts"), `import { copyFileSync, cpSync, existsSync, mkdirSync, rmSync, writeFileSync } from "node:fs";
-
-const outputDir = "public";
-rmSync(outputDir, { recursive: true, force: true });
-mkdirSync(\`\${outputDir}/runtime\`, { recursive: true });
-
-cpSync("node_modules/@effindomv2/runtime/dist", \`\${outputDir}/runtime/dist\`, { recursive: true });
-cpSync("node_modules/@effindomv2/runtime/dist/fonts", \`\${outputDir}/runtime/fonts\`, { recursive: true });
-copyFileSync("node_modules/@effindomv2/runtime/dist/bridge.js", \`\${outputDir}/bridge.js\`);
-if (existsSync("node_modules/@effindomv2/runtime/dist/bridge.js.map")) {
-  copyFileSync("node_modules/@effindomv2/runtime/dist/bridge.js.map", \`\${outputDir}/bridge.js.map\`);
-}
-writeFileSync(
-  \`\${outputDir}/effindom-runtime-config.js\`,
-  'window.__effindomRuntime = Object.assign({}, window.__effindomRuntime, { manifestUrl: "./runtime/dist/effindom.v2.manifest.json" });\\n',
-  "utf8",
-);
-copyFileSync("index.html", \`\${outputDir}/index.html\`);
-`);
-    writeTextFile(join(templateRoot, "scripts", "smoke.ts"), `import { accessSync } from "node:fs";
-
-const expectedFiles = [
-  "public/index.html",
-  "public/harness.js",
-  "public/app.wasm",
-  "public/bridge.js",
-  "public/effindom-runtime-config.js",
-  "public/runtime/dist/effindom.v2.manifest.json",
-  "public/runtime/fonts/NotoSans-Regular.ttf",
-];
-
-for (const filePath of expectedFiles) {
-  accessSync(filePath);
-}
-`);
-    writePackageJsonTemplate(templateRoot, {
-        build: "npm run generate:host && npm run build:assets && npm run build:wasm && npm run build:harness",
-        "build:assets": "tsx scripts/prepare-runtime.ts",
-        "build:wasm": "asc src/App.ts --config asconfig.json --target release",
-        "build:harness": "esbuild harness.ts --bundle --format=esm --platform=browser --outfile=public/harness.js",
-        "generate:host-services": "tsx ./node_modules/@effindomv2/fui-as/scripts/generate-host-services.ts src/host/host-services.ts appHostServices src/host/generated/HostServices.ts ../../fui/FuiPrimitives",
-        "generate:host-events": "tsx ./node_modules/@effindomv2/fui-as/scripts/generate-host-events.ts src/host/host-events.ts appHostEvents src/host/generated/HostEvents.ts ../../fui/FuiPrimitives",
-        "generate:host": "npm run generate:host-services && npm run generate:host-events",
-        watch: 'chokidar "src/**/*.ts" "harness.ts" "index.html" "asconfig.json" --ignore "src/host/generated/**" -c "npm run build"',
-        serve: "http-server public -p 8080 -c-1",
-        dev: 'npm run build && concurrently -k -n watch,serve "npm run watch" "npm run serve"',
-        test: "npm run build && tsx scripts/smoke.ts",
-    }, "Scaffolded FUI-AS hello-world app");
-}
-function writeMvcSupportFiles(templateRoot) {
-    writeTextFile(join(templateRoot, "index.html"), `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="refresh" content="0; url=/home/" />
-    <title>FUI-AS Routed App</title>
-  </head>
-  <body>
-    <p>Redirecting to <a href="/home/">/home/</a>…</p>
-  </body>
-</html>
-`);
-    writeTextFile(join(templateRoot, "scripts", "prepare-runtime.ts"), `import { copyFileSync, cpSync, existsSync, mkdirSync, rmSync, writeFileSync } from "node:fs";
-
-const outputDir = "public";
-rmSync(outputDir, { recursive: true, force: true });
-mkdirSync(\`\${outputDir}/runtime\`, { recursive: true });
-mkdirSync(\`\${outputDir}/home\`, { recursive: true });
-mkdirSync(\`\${outputDir}/settings\`, { recursive: true });
-
-cpSync("node_modules/@effindomv2/runtime/dist", \`\${outputDir}/runtime/dist\`, { recursive: true });
-cpSync("node_modules/@effindomv2/runtime/dist/fonts", \`\${outputDir}/runtime/fonts\`, { recursive: true });
-copyFileSync("node_modules/@effindomv2/runtime/dist/bridge.js", \`\${outputDir}/bridge.js\`);
-if (existsSync("node_modules/@effindomv2/runtime/dist/bridge.js.map")) {
-  copyFileSync("node_modules/@effindomv2/runtime/dist/bridge.js.map", \`\${outputDir}/bridge.js.map\`);
-}
-writeFileSync(
-  \`\${outputDir}/effindom-runtime-config.js\`,
-  'window.__effindomRuntime = Object.assign({}, window.__effindomRuntime, { manifestUrl: "./runtime/dist/effindom.v2.manifest.json" });\\n',
-  "utf8",
-);
-copyFileSync("index.html", \`\${outputDir}/index.html\`);
-copyFileSync("route-shell.html", \`\${outputDir}/home/index.html\`);
-copyFileSync("route-shell.html", \`\${outputDir}/settings/index.html\`);
-`);
-    writeTextFile(join(templateRoot, "scripts", "smoke.ts"), `import { accessSync } from "node:fs";
-
-const expectedFiles = [
-  "public/index.html",
-  "public/harness.js",
-  "public/home/index.html",
-  "public/settings/index.html",
-  "public/home.wasm",
-  "public/settings.wasm",
-  "public/bridge.js",
-  "public/effindom-runtime-config.js",
-  "public/runtime/dist/effindom.v2.manifest.json",
-  "public/runtime/fonts/NotoSans-Regular.ttf",
-];
-
-for (const filePath of expectedFiles) {
-  accessSync(filePath);
-}
-`);
-    writePackageJsonTemplate(templateRoot, {
-        build: "npm run generate:host && npm run build:assets && npm run build:wasm && npm run build:harness",
-        "build:assets": "tsx scripts/prepare-runtime.ts",
-        "build:wasm": "npm run build:wasm:home && npm run build:wasm:settings",
-        "build:wasm:home": "asc src/routes/HomeApp.ts --config asconfig.json --target release --outFile public/home.wasm",
-        "build:wasm:settings": "asc src/routes/SettingsApp.ts --config asconfig.json --target release --outFile public/settings.wasm",
-        "build:harness": "esbuild harness.ts --bundle --format=esm --platform=browser --outfile=public/harness.js",
-        "generate:host-services": "tsx ./node_modules/@effindomv2/fui-as/scripts/generate-host-services.ts src/host/host-services.ts appHostServices src/host/generated/HostServices.ts ../../fui/FuiPrimitives",
-        "generate:host-events": "tsx ./node_modules/@effindomv2/fui-as/scripts/generate-host-events.ts src/host/host-events.ts appHostEvents src/host/generated/HostEvents.ts ../../fui/FuiPrimitives",
-        "generate:host": "npm run generate:host-services && npm run generate:host-events",
-        watch: 'chokidar "src/**/*.ts" "harness.ts" "route-shell.html" "index.html" "asconfig.json" --ignore "src/host/generated/**" -c "npm run build"',
-        serve: "http-server public -p 8080 -c-1",
-        dev: 'npm run build && concurrently -k -n watch,serve "npm run watch" "npm run serve"',
-        test: "npm run build && tsx scripts/smoke.ts",
-    }, "Scaffolded FUI-AS routed app");
-}
-function rewriteHarnessImports(filePath) {
-    const original = readFileSync(filePath, "utf8");
-    const rewritten = original
-        .replace(/(['"])(?:\.\.\/)+browser\/src\/common-harness\1/g, '"@effindomv2/fui-as/browser"')
-        .replace(/(['"])(?:\.\.\/)+browser\/src\/routed-harness\1/g, '"@effindomv2/fui-as/browser"')
-        .replaceAll("?v=midnight-6", "");
-    if (rewritten !== original) {
-        writeFileSync(filePath, rewritten, "utf8");
-    }
-}
-function normalizeGeneratedHeader(filePath, label) {
-    const original = readFileSync(filePath, "utf8");
-    const rewritten = original.replace(/^\/\/ Generated by .*$/m, `// Generated from ${label}.`);
-    if (rewritten !== original) {
-        writeFileSync(filePath, rewritten, "utf8");
-    }
-}
-function syncHelloTemplate() {
-    const templateRoot = join(TEMPLATES_ROOT, "hello");
-    const templateSrcRoot = join(templateRoot, "src");
-    rmSync(templateRoot, { recursive: true, force: true });
-    const sourceRoot = join(FUI_AS_TEMPLATES_ROOT, "demo-hello-world");
-    cpSync(join(sourceRoot, "src"), templateSrcRoot, { recursive: true });
-    cpSync(join(sourceRoot, "harness.ts"), join(templateRoot, "harness.ts"));
-    cpSync(join(sourceRoot, "index.html"), join(templateRoot, "index.html"));
-    cpSync(join(sourceRoot, "README.md"), join(templateRoot, "README.md"));
-    writeSharedSdkShims(templateRoot);
-    writeAsconfig(templateRoot);
-    writeTsconfig(templateRoot);
-    writeHelloSupportFiles(templateRoot);
-    walkFiles(templateSrcRoot, (filePath) => {
-        if (filePath.endsWith(".ts")) {
-            rewriteSdkImportsInFile(filePath, templateSrcRoot);
-        }
-    });
-    rewriteHarnessImports(join(templateRoot, "harness.ts"));
-    normalizeGeneratedHeader(join(templateSrcRoot, "host", "generated", "HostEvents.ts"), "the scaffold host-events definition");
-    normalizeGeneratedHeader(join(templateSrcRoot, "host", "generated", "HostServices.ts"), "the scaffold host-services definition");
-}
-function syncMvcTemplate() {
-    const templateRoot = join(TEMPLATES_ROOT, "mvc");
-    const templateSrcRoot = join(templateRoot, "src");
-    rmSync(templateRoot, { recursive: true, force: true });
-    const sourceRoot = join(FUI_AS_TEMPLATES_ROOT, "demo-mvc");
-    cpSync(join(sourceRoot, "src"), templateSrcRoot, { recursive: true });
-    cpSync(join(sourceRoot, "harness.ts"), join(templateRoot, "harness.ts"));
-    cpSync(join(sourceRoot, "route-shell.html"), join(templateRoot, "route-shell.html"));
-    cpSync(join(sourceRoot, "README.md"), join(templateRoot, "README.md"));
-    writeSharedSdkShims(templateRoot);
-    writeAsconfig(templateRoot);
-    writeTsconfig(templateRoot);
-    writeMvcSupportFiles(templateRoot);
-    walkFiles(templateSrcRoot, (filePath) => {
-        if (filePath.endsWith(".ts")) {
-            rewriteSdkImportsInFile(filePath, templateSrcRoot);
-        }
-    });
-    rewriteHarnessImports(join(templateRoot, "harness.ts"));
-    normalizeGeneratedHeader(join(templateSrcRoot, "host", "generated", "HostEvents.ts"), "the scaffold host-events definition");
-    normalizeGeneratedHeader(join(templateSrcRoot, "host", "generated", "HostServices.ts"), "the scaffold host-services definition");
-}
-rmSync(TEMPLATES_ROOT, { recursive: true, force: true });
-rmSync(LEGACY_TEMPLATES_ROOT, { recursive: true, force: true });
-mkdirSync(TEMPLATES_ROOT, { recursive: true });
-syncHelloTemplate();
-syncMvcTemplate();