deskforge 1.0.0

package/packages/renderer/src/svg-export.ts

@@ -0,0 +1,270 @@
+// svg-export.ts
+// SVG export functionality for vector-format output
+
+import type { DFNode } from '@deskforge/core'
+import { getIconDefinition } from './icons'
+
+/**
+ * Escape XML special characters
+ */
+function escapeXml(text: string): string {
+  return text
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&apos;')
+}
+
+/**
+ * SVG builder for creating vector exports
+ */
+export class SVGBuilder {
+  private width: number
+  private height: number
+  private elements: string[] = []
+  private defs: string[] = []
+
+  constructor(width: number, height: number) {
+    this.width = width
+    this.height = height
+  }
+
+  /**
+   * Add rectangle to SVG
+   */
+  addRect(
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    fill?: string,
+    stroke?: string,
+    radius?: number
+  ): void {
+    const radiusAttr = radius ? ` rx="${radius}" ry="${radius}"` : ''
+    const fillAttr = fill ? ` fill="${fill}"` : ' fill="none"'
+    const strokeAttr = stroke ? ` stroke="${stroke}"` : ''
+
+    this.elements.push(
+      `<rect x="${x}" y="${y}" width="${width}" height="${height}"${radiusAttr}${fillAttr}${strokeAttr} />`
+    )
+  }
+
+  /**
+   * Add circle to SVG
+   */
+  addCircle(
+    cx: number,
+    cy: number,
+    radius: number,
+    fill?: string,
+    stroke?: string
+  ): void {
+    const fillAttr = fill ? ` fill="${fill}"` : ' fill="none"'
+    const strokeAttr = stroke ? ` stroke="${stroke}"` : ''
+
+    this.elements.push(
+      `<circle cx="${cx}" cy="${cy}" r="${radius}"${fillAttr}${strokeAttr} />`
+    )
+  }
+
+  /**
+   * Add text to SVG
+   */
+  addText(
+    x: number,
+    y: number,
+    text: string,
+    fill?: string,
+    fontSize?: number,
+    fontFamily?: string
+  ): void {
+    const fillAttr = fill ? ` fill="${fill}"` : ''
+    const fontSizeAttr = fontSize ? ` font-size="${fontSize}"` : ''
+    const fontFamilyAttr = fontFamily ? ` font-family="${fontFamily}"` : ''
+
+    this.elements.push(
+      `<text x="${x}" y="${y}"${fillAttr}${fontSizeAttr}${fontFamilyAttr}>${this.escapeXml(text)}</text>`
+    )
+  }
+
+  /**
+   * Add line to SVG
+   */
+  addLine(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    stroke?: string,
+    strokeWidth?: number
+  ): void {
+    const strokeAttr = stroke ? ` stroke="${stroke}"` : ' stroke="black"'
+    const strokeWidthAttr = strokeWidth ? ` stroke-width="${strokeWidth}"` : ''
+
+    this.elements.push(
+      `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}"${strokeAttr}${strokeWidthAttr} />`
+    )
+  }
+
+  /**
+   * Add image reference to SVG
+   */
+  addImage(
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    href: string
+  ): void {
+    this.elements.push(
+      `<image x="${x}" y="${y}" width="${width}" height="${height}" href="${href}" />`
+    )
+  }
+
+  /**
+   * Add SVG path
+   */
+  addPath(
+    data: string,
+    fill?: string,
+    stroke?: string,
+    strokeWidth?: number
+  ): void {
+    const fillAttr = fill ? ` fill="${fill}"` : ' fill="none"'
+    const strokeAttr = stroke ? ` stroke="${stroke}"` : ''
+    const strokeWidthAttr = strokeWidth ? ` stroke-width="${strokeWidth}"` : ''
+
+    this.elements.push(
+      `<path d="${this.escapeXml(data)}"${fillAttr}${strokeAttr}${strokeWidthAttr} />`
+    )
+  }
+
+  /**
+   * Add group/container
+   */
+  addGroup(
+    elements: string[],
+    transform?: string
+  ): void {
+    const transformAttr = transform ? ` transform="${transform}"` : ''
+    const group = `<g${transformAttr}>${elements.join('')}</g>`
+    this.elements.push(group)
+  }
+
+  /**
+   * Build final SVG string
+   */
+  build(): string {
+    const defs = this.defs.length > 0 ? `<defs>${this.defs.join('')}</defs>` : ''
+    const content = this.elements.join('\n  ')
+
+    return `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="${this.width}" height="${this.height}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  ${defs}
+  ${content}
+</svg>`
+  }
+
+  /**
+   * Escape XML special characters
+   */
+  private escapeXml(text: string): string {
+    return text
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&apos;')
+  }
+}
+
+/**
+ * Export node tree to SVG format
+ */
+export function nodeToSVG(node: DFNode, width: number, height: number): string {
+  const svg = new SVGBuilder(width, height)
+  renderNodeToSVG(node, svg)
+  return svg.build()
+}
+
+/**
+ * Recursively render node to SVG
+ */
+function renderNodeToSVG(node: DFNode, svg: SVGBuilder): void {
+  const props = node.props as any
+
+  switch (node.type) {
+    case 'rect':
+      svg.addRect(
+        props.x ?? 0,
+        props.y ?? 0,
+        props.width ?? 100,
+        props.height ?? 100,
+        props.fill,
+        props.stroke,
+        props.radius
+      )
+      break
+
+    case 'circle':
+      svg.addCircle(
+        props.cx ?? 0,
+        props.cy ?? 0,
+        props.radius ?? 50,
+        props.fill,
+        props.stroke
+      )
+      break
+
+    case 'text':
+      svg.addText(
+        props.x ?? 0,
+        props.y ?? 0,
+        props.text ?? '',
+        props.fill,
+        props.fontSize,
+        props.fontFamily
+      )
+      break
+
+    case 'line':
+      svg.addLine(
+        props.x1 ?? 0,
+        props.y1 ?? 0,
+        props.x2 ?? 100,
+        props.y2 ?? 100,
+        props.stroke,
+        props.strokeWidth
+      )
+      break
+
+    case 'Icon': {
+      const icon = getIconDefinition(String(props.name ?? 'home'))
+      if (icon) {
+        const size = Number(props.size ?? 24)
+        const color = String(props.color ?? '#000000')
+        const x = Number(props.x ?? 0)
+        const y = Number(props.y ?? 0)
+
+        svg.addGroup([
+          `<path d="${escapeXml(icon.path)}"${
+            icon.type === 'fill' ? ` fill="${color}"` : ' fill="none"'
+          }${
+            icon.type === 'stroke' ? ` stroke="${color}"` : ''
+          } stroke-width="2" />`
+        ], `translate(${x} ${y}) scale(${size / 24})`)
+      }
+      break
+    }
+
+    case 'group':
+    case 'view':
+      // Render children
+      if (node.children) {
+        node.children.forEach(child => renderNodeToSVG(child, svg))
+      }
+      break
+  }
+}

package/packages/renderer/test/renderer.test.js

@@ -0,0 +1,41 @@
+const test = require('node:test')
+const assert = require('node:assert/strict')
+
+const { Renderer, createNode, nodeToSVG, RenderEngine } = require('../dist/index.js')
+
+test('renderer package exposes core node creation and SVG export helpers', async () => {
+  const renderer = new Renderer({ width: 320, height: 240, backgroundColor: '#ffffff' })
+  const scene = createNode('rect', {
+    x: 10,
+    y: 20,
+    width: 100,
+    height: 60,
+    fill: '#ff0000'
+  })
+
+  renderer.renderNode(scene)
+  const buffer = await renderer.toBuffer()
+  assert.ok(Buffer.isBuffer(buffer))
+  assert.ok(buffer.length > 0)
+
+  const svg = nodeToSVG(scene, 320, 240)
+  assert.ok(svg.includes('<svg'))
+  assert.ok(svg.includes('rect'))
+
+  const engine = new RenderEngine({ renderer, root: scene })
+  engine.start()
+  engine.stop()
+  assert.strictEqual(engine.getRoot().id, scene.id)
+})
+
+test('renderer exports built-in icon nodes as SVG paths', () => {
+  const icon = createNode('Icon', {
+    name: 'home',
+    size: 24,
+    color: '#2563eb'
+  })
+
+  const svg = nodeToSVG(icon, 120, 120)
+  assert.ok(svg.includes('<svg'))
+  assert.ok(svg.includes('path'))
+})

package/packages/renderer/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "types": ["node"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["dist"]
+}

package/packages/router/dist/app.d.ts

@@ -0,0 +1,10 @@
+import type { RouteManifest } from './manifest';
+import { FileRouter } from './file-router';
+export interface AppContext {
+    router: InstanceType<typeof FileRouter>;
+}
+export declare function createApp(opts: {
+    manifest: RouteManifest;
+}): AppContext;
+export default createApp;
+//# sourceMappingURL=app.d.ts.map

package/packages/router/dist/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA;CACxC;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE,GAAG,UAAU,CAMvE;AAED,eAAe,SAAS,CAAA"}

package/packages/router/dist/app.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createApp = createApp;
+const file_router_1 = require("./file-router");
+function createApp(opts) {
+    const router = new file_router_1.FileRouter(opts.manifest);
+    return {
+        router,
+    };
+}
+exports.default = createApp;
+//# sourceMappingURL=app.js.map

package/packages/router/dist/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":";;AAOA,8BAMC;AAZD,+CAA0C;AAM1C,SAAgB,SAAS,CAAC,IAAiC;IACzD,MAAM,MAAM,GAAG,IAAI,wBAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE5C,OAAO;QACL,MAAM;KACP,CAAA;AACH,CAAC;AAED,kBAAe,SAAS,CAAA"}

package/packages/router/dist/file-router.d.ts

@@ -0,0 +1,36 @@
+import type { DFNode, ScreenParams, ScreenComponent } from './screen';
+export interface FileRouteEntry {
+    path: string;
+    pattern: string;
+    component: ScreenComponent;
+    params: ScreenParams;
+}
+export declare function filePathToRoute(filePath: string): {
+    path: string;
+    pattern: string;
+    dynamicSegments: string[];
+};
+export declare function extractParams(path: string, pattern: {
+    dynamicSegments: string[];
+    segments: string[];
+}): ScreenParams;
+export declare class FileRouter {
+    private routes;
+    private history;
+    private listeners;
+    private currentPath;
+    private routeManifest;
+    constructor(manifest: Record<string, ScreenComponent>);
+    private initializeRoutes;
+    navigate(path: string, params?: ScreenParams): void;
+    back(): void;
+    private findRoute;
+    private matchesPattern;
+    private extractDynamicParams;
+    render(): DFNode | null;
+    getCurrentPath(): string;
+    onRouteChange(listener: () => void): () => void;
+    private notifyListeners;
+    getRoutes(): string[];
+}
+//# sourceMappingURL=file-router.d.ts.map

package/packages/router/dist/file-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-router.d.ts","sourceRoot":"","sources":["../src/file-router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAErE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,eAAe,CAAA;IAC1B,MAAM,EAAE,YAAY,CAAA;CACrB;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,EAAE,CAAA;CAC1B,CAuBA;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE;IAAE,eAAe,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,YAAY,CAYpH;AAED,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,aAAa,CAAiC;gBAE1C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;IAKrD,OAAO,CAAC,gBAAgB;IAYxB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,YAAiB,GAAG,IAAI;IAcvD,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,oBAAoB;IAmB5B,MAAM,IAAI,MAAM,GAAG,IAAI;IAUvB,cAAc,IAAI,MAAM;IAIxB,aAAa,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAK/C,OAAO,CAAC,eAAe;IAIvB,SAAS,IAAI,MAAM,EAAE;CAGtB"}

package/packages/router/dist/file-router.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileRouter = void 0;
+exports.filePathToRoute = filePathToRoute;
+exports.extractParams = extractParams;
+function filePathToRoute(filePath) {
+    let path = filePath.replace(/\.ts$/, '');
+    if (path === 'index') {
+        return { path: '/', pattern: '^/$', dynamicSegments: [] };
+    }
+    const segments = path.split('/').filter(Boolean);
+    const dynamicSegments = [];
+    const patternSegments = segments.map(segment => {
+        if (segment.startsWith('[') && segment.endsWith(']')) {
+            const param = segment.slice(1, -1);
+            dynamicSegments.push(param);
+            return `:${param}`;
+        }
+        return segment;
+    });
+    const route = '/' + patternSegments.join('/');
+    let pattern = '^' + route.replace(/:[^/]+/g, '[^/]+').replace(/\//g, '\\/');
+    pattern += '$';
+    return { path: route, pattern, dynamicSegments };
+}
+function extractParams(path, pattern) {
+    const params = {};
+    const pathSegments = path.split('/').filter(Boolean);
+    for (let index = 0; index < pattern.dynamicSegments.length; index += 1) {
+        const paramName = pattern.dynamicSegments[index];
+        if (paramName !== undefined) {
+            params[paramName] = pathSegments[index] ?? '';
+        }
+    }
+    return params;
+}
+class FileRouter {
+    constructor(manifest) {
+        this.routes = new Map();
+        this.history = [];
+        this.listeners = new Set();
+        this.currentPath = '/';
+        this.routeManifest = manifest;
+        this.initializeRoutes();
+    }
+    initializeRoutes() {
+        for (const [filePath, component] of Object.entries(this.routeManifest)) {
+            const { path, pattern } = filePathToRoute(filePath);
+            this.routes.set(path, {
+                path,
+                pattern,
+                component,
+                params: {},
+            });
+        }
+    }
+    navigate(path, params = {}) {
+        this.currentPath = path;
+        this.history.push(path);
+        this.notifyListeners();
+        const route = this.findRoute(path);
+        if (route) {
+            route.params = {
+                ...route.params,
+                ...params,
+            };
+        }
+    }
+    back() {
+        if (this.history.length <= 1)
+            return;
+        this.history.pop();
+        this.currentPath = this.history[this.history.length - 1] ?? '/';
+        this.notifyListeners();
+    }
+    findRoute(path) {
+        if (this.routes.has(path)) {
+            return this.routes.get(path) ?? null;
+        }
+        for (const [routePath, route] of this.routes.entries()) {
+            if (this.matchesPattern(path, routePath)) {
+                const params = this.extractDynamicParams(path, routePath);
+                return {
+                    ...route,
+                    params,
+                };
+            }
+        }
+        return null;
+    }
+    matchesPattern(path, routePath) {
+        const routeSegments = routePath.split('/').filter(Boolean);
+        const pathSegments = path.split('/').filter(Boolean);
+        if (routeSegments.length !== pathSegments.length) {
+            return false;
+        }
+        return routeSegments.every((segment, index) => {
+            if (segment.startsWith('[') && segment.endsWith(']')) {
+                return true;
+            }
+            if (segment.startsWith(':')) {
+                return true;
+            }
+            return segment === pathSegments[index];
+        });
+    }
+    extractDynamicParams(path, routePath) {
+        const params = {};
+        const routeSegments = routePath.split('/').filter(Boolean);
+        const pathSegments = path.split('/').filter(Boolean);
+        routeSegments.forEach((segment, index) => {
+            if (segment.startsWith('[') && segment.endsWith(']')) {
+                const paramName = segment.slice(1, -1);
+                params[paramName] = pathSegments[index] ?? '';
+            }
+            if (segment.startsWith(':')) {
+                const paramName = segment.slice(1);
+                params[paramName] = pathSegments[index] ?? '';
+            }
+        });
+        return params;
+    }
+    render() {
+        const route = this.findRoute(this.currentPath);
+        if (!route) {
+            return null;
+        }
+        return route.component(route.params);
+    }
+    getCurrentPath() {
+        return this.currentPath;
+    }
+    onRouteChange(listener) {
+        this.listeners.add(listener);
+        return () => this.listeners.delete(listener);
+    }
+    notifyListeners() {
+        this.listeners.forEach(listener => listener());
+    }
+    getRoutes() {
+        return Array.from(this.routes.keys());
+    }
+}
+exports.FileRouter = FileRouter;
+//# sourceMappingURL=file-router.js.map

package/packages/router/dist/file-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-router.js","sourceRoot":"","sources":["../src/file-router.ts"],"names":[],"mappings":"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"}

package/packages/router/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './screen';
+export * from './router';
+export * from './file-router';
+export * from './manifest';
+export * from './app';
+//# sourceMappingURL=index.d.ts.map

package/packages/router/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}

package/packages/router/dist/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// index.ts
+// Public entrypoint for the router package.
+__exportStar(require("./screen"), exports);
+__exportStar(require("./router"), exports);
+__exportStar(require("./file-router"), exports);
+__exportStar(require("./manifest"), exports);
+__exportStar(require("./app"), exports);
+//# sourceMappingURL=index.js.map

package/packages/router/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,WAAW;AACX,4CAA4C;AAC5C,2CAAwB;AACxB,2CAAwB;AACxB,gDAA6B;AAC7B,6CAA0B;AAC1B,wCAAqB"}

package/packages/router/dist/manifest.d.ts

@@ -0,0 +1,10 @@
+import type { ScreenComponent } from './screen';
+export type RouteManifest = Record<string, ScreenComponent>;
+export declare function buildManifest(routes: Record<string, ScreenComponent>): RouteManifest;
+export declare class ManifestBuilder {
+    private routes;
+    add(filePath: string, component: ScreenComponent): this;
+    build(): RouteManifest;
+}
+export declare function loadManifest(importFn: () => Promise<Record<string, ScreenComponent>>): Promise<RouteManifest>;
+//# sourceMappingURL=manifest.d.ts.map

package/packages/router/dist/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;AAE3D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,aAAa,CAEpF;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAsC;IAEpD,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,IAAI;IAKvD,KAAK,IAAI,aAAa;CAGvB;AAED,wBAAsB,YAAY,CAChC,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,GACvD,OAAO,CAAC,aAAa,CAAC,CAGxB"}

package/packages/router/dist/manifest.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ManifestBuilder = void 0;
+exports.buildManifest = buildManifest;
+exports.loadManifest = loadManifest;
+function buildManifest(routes) {
+    return { ...routes };
+}
+class ManifestBuilder {
+    constructor() {
+        this.routes = {};
+    }
+    add(filePath, component) {
+        this.routes[filePath] = component;
+        return this;
+    }
+    build() {
+        return { ...this.routes };
+    }
+}
+exports.ManifestBuilder = ManifestBuilder;
+async function loadManifest(importFn) {
+    const routes = await importFn();
+    return buildManifest(routes);
+}
+//# sourceMappingURL=manifest.js.map

package/packages/router/dist/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":";;;AAIA,sCAEC;AAeD,oCAKC;AAtBD,SAAgB,aAAa,CAAC,MAAuC;IACnE,OAAO,EAAE,GAAG,MAAM,EAAE,CAAA;AACtB,CAAC;AAED,MAAa,eAAe;IAA5B;QACU,WAAM,GAAoC,EAAE,CAAA;IAUtD,CAAC;IARC,GAAG,CAAC,QAAgB,EAAE,SAA0B;QAC9C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAA;QACjC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,KAAK;QACH,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;IAC3B,CAAC;CACF;AAXD,0CAWC;AAEM,KAAK,UAAU,YAAY,CAChC,QAAwD;IAExD,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE,CAAA;IAC/B,OAAO,aAAa,CAAC,MAAM,CAAC,CAAA;AAC9B,CAAC"}

package/packages/router/dist/router.d.ts

@@ -0,0 +1,31 @@
+import type { DFNode } from './screen';
+import type { ScreenParams, ScreenComponent, ScreenConfig } from './screen';
+interface HistoryEntry {
+    name: string;
+    params: ScreenParams;
+}
+interface RouterState {
+    routes: Map<string, ScreenConfig>;
+    history: HistoryEntry[];
+    currentIndex: number;
+    listeners: Set<() => void>;
+}
+declare function Router(routes: Record<string, ScreenComponent | ScreenConfig>): void;
+declare namespace Router {
+    var go: typeof import("./router").go;
+    var back: typeof import("./router").back;
+    var forward: typeof import("./router").forward;
+    var params: typeof import("./router").params;
+    var currentRoute: () => string | null;
+    var render: typeof import("./router").render;
+    var onRouteChange: (listener: () => void) => () => void;
+    var getRoutes: () => string[];
+}
+declare function go(name: string, params?: ScreenParams): void;
+declare function back(): void;
+declare function forward(): void;
+declare function params(): ScreenParams;
+declare function render(): DFNode | null;
+export type { HistoryEntry, RouterState };
+export { Router, go, back, forward, params, render };
+//# sourceMappingURL=router.d.ts.map

package/packages/router/dist/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EAEb,MAAM,UAAU,CAAA;AAGjB,UAAU,YAAY;IACpB,IAAI,EAAI,MAAM,CAAA;IACd,MAAM,EAAE,YAAY,CAAA;CACrB;AAGD,UAAU,WAAW;IAEnB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IAIjC,OAAO,EAAE,YAAY,EAAE,CAAA;IAIvB,YAAY,EAAE,MAAM,CAAA;IAGpB,SAAS,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;CAC3B;AAiBD,iBAAS,MAAM,CACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,YAAY,CAAC,GACrD,IAAI,CAaN;kBAfQ,MAAM;;;;;4BAiEU,MAAM,GAAG,IAAI;;kCAsBL,MAAM,IAAI,KAAG,MAAM,IAAI;yBAMlC,MAAM,EAAE;;AA1E9B,iBAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,YAAiB,GAAG,IAAI,CAmBzD;AAGD,iBAAS,IAAI,IAAI,IAAI,CAKpB;AAGD,iBAAS,OAAO,IAAI,IAAI,CAOvB;AAGD,iBAAS,MAAM,IAAI,YAAY,CAG9B;AAUD,iBAAS,MAAM,IAAI,MAAM,GAAG,IAAI,CAW/B;AAwBD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA"}