deskforge 1.0.0

package/examples/deskforge-app/dist/packages/renderer/src/painter.js

@@ -0,0 +1,127 @@
+"use strict";
+// painter.ts
+// Core painting logic — converts DFNode trees to skia-canvas rendering
+// Interprets component types and renders them appropriately
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultPainters = void 0;
+exports.paintNode = paintNode;
+exports.paintTree = paintTree;
+/**
+ * Default component painters for built-in components
+ */
+const defaultPainters = {
+    // Rect component
+    rect(node, context) {
+        const { x = 0, y = 0, width = 100, height = 100, fill, stroke, radius = 0 } = node.props;
+        const { ctx } = context;
+        if (radius) {
+            ctx.beginPath();
+            ctx.roundRect(x, y, width, height, radius);
+            ctx.closePath();
+        }
+        else {
+            ctx.beginPath();
+            ctx.rect(x, y, width, height);
+            ctx.closePath();
+        }
+        if (fill) {
+            ctx.fillStyle = fill;
+            ctx.fill();
+        }
+        if (stroke) {
+            ctx.strokeStyle = stroke;
+            ctx.stroke();
+        }
+    },
+    // Circle component
+    circle(node, context) {
+        const { x = 0, y = 0, radius = 50, fill, stroke } = node.props;
+        const { ctx } = context;
+        ctx.beginPath();
+        ctx.arc(x + radius, y + radius, radius, 0, Math.PI * 2);
+        ctx.closePath();
+        if (fill) {
+            ctx.fillStyle = fill;
+            ctx.fill();
+        }
+        if (stroke) {
+            ctx.strokeStyle = stroke;
+            ctx.stroke();
+        }
+    },
+    // Text component
+    text(node, context) {
+        const { x = 0, y = 0, text = '', fill = '#000000', font = '12px sans-serif' } = node.props;
+        const { ctx } = context;
+        ctx.fillStyle = fill;
+        ctx.font = font;
+        ctx.fillText(text, x, y);
+    },
+    // Line component
+    line(node, context) {
+        const { x1 = 0, y1 = 0, x2 = 100, y2 = 100, stroke = '#000000', width = 1 } = node.props;
+        const { ctx } = context;
+        ctx.strokeStyle = stroke;
+        ctx.lineWidth = width;
+        ctx.beginPath();
+        ctx.moveTo(x1, y1);
+        ctx.lineTo(x2, y2);
+        ctx.stroke();
+    },
+    // Image component
+    image(node, context) {
+        const { x = 0, y = 0, width = 100, height = 100, src } = node.props;
+        const { ctx } = context;
+        if (src) {
+            // For now, we'll skip image rendering as it requires async loading
+            // This would need to be handled at a higher level in the renderer
+            console.warn('Image component rendering not yet implemented');
+        }
+    },
+    // Group component (just renders children)
+    group(node, context) {
+        // Groups don't render anything themselves
+        // Their children are rendered normally
+    },
+    // Container/View component
+    view(node, context) {
+        const { x = 0, y = 0, width = 100, height = 100, fill, stroke } = node.props;
+        const { ctx } = context;
+        ctx.beginPath();
+        ctx.rect(x, y, width, height);
+        ctx.closePath();
+        if (fill) {
+            ctx.fillStyle = fill;
+            ctx.fill();
+        }
+        if (stroke) {
+            ctx.strokeStyle = stroke;
+            ctx.stroke();
+        }
+    }
+};
+exports.defaultPainters = defaultPainters;
+/**
+ * Paints a single node using the appropriate painter
+ */
+function paintNode(node, context, painters = defaultPainters) {
+    const painter = painters[node.type];
+    if (painter) {
+        painter(node, context);
+    }
+    else {
+        console.warn(`No painter found for component type: ${node.type}`);
+    }
+}
+/**
+ * Paints a tree of nodes recursively
+ */
+function paintTree(node, context, painters = defaultPainters) {
+    // Paint this node
+    paintNode(node, context, painters);
+    // Paint children
+    for (const child of node.children) {
+        paintTree(child, context, painters);
+    }
+}
+//# sourceMappingURL=painter.js.map

package/examples/deskforge-app/dist/packages/renderer/src/painter.js.map

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

package/examples/deskforge-app/dist/packages/renderer/src/renderer.d.ts

@@ -0,0 +1,71 @@
+import type { DFNode, DFTree } from '@deskforge/core';
+import type { Canvas } from './canvas';
+import type { RenderContext } from './context';
+import type { ComponentPainters } from './painter';
+/**
+ * Configuration for the renderer
+ */
+interface RendererConfig {
+    width: number;
+    height: number;
+    devicePixelRatio?: number;
+    backgroundColor?: string;
+    painters?: ComponentPainters;
+}
+/**
+ * Main Renderer class
+ * Handles rendering DFNode trees to skia-canvas
+ */
+declare class Renderer {
+    private config;
+    private canvas;
+    private context;
+    private painters;
+    private initialized;
+    constructor(config: RendererConfig);
+    /**
+     * Render a single node
+     */
+    renderNode(node: DFNode): void;
+    /**
+     * Render a tree
+     */
+    renderTree(tree: DFTree): void;
+    /**
+     * Clear the canvas
+     */
+    clear(): void;
+    /**
+     * Get the canvas instance
+     */
+    getCanvas(): Canvas;
+    /**
+     * Get the rendering context
+     */
+    getContext(): RenderContext;
+    /**
+     * Export the rendered output as PNG buffer
+     */
+    toBuffer(): Promise<Buffer>;
+    /**
+     * Export the rendered output as data URL
+     */
+    toDataURL(): Promise<string>;
+    /**
+     * Save the rendered output to disk
+     */
+    saveAs(path: string): Promise<void>;
+    /**
+     * Register a custom painter for a component type
+     */
+    registerPainter(type: string, painter: (node: DFNode, context: RenderContext) => void): void;
+    /**
+     * Resize the renderer
+     */
+    resize(width: number, height: number): void;
+    /**
+     * Check if renderer is initialized
+     */
+    private ensureInitialized;
+}
+export { Renderer };

package/examples/deskforge-app/dist/packages/renderer/src/renderer.js

@@ -0,0 +1,120 @@
+"use strict";
+// renderer.ts
+// Main Renderer class — orchestrates rendering with skia-canvas
+// Integrates canvas, context, and painting logic
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Renderer = void 0;
+const canvas_1 = require("./canvas");
+const context_1 = require("./context");
+const painter_1 = require("./painter");
+/**
+ * Main Renderer class
+ * Handles rendering DFNode trees to skia-canvas
+ */
+class Renderer {
+    constructor(config) {
+        // Whether the renderer is initialized
+        this.initialized = false;
+        this.config = {
+            devicePixelRatio: 1,
+            backgroundColor: '#ffffff',
+            painters: {},
+            ...config
+        };
+        // Create canvas
+        const { width, height, devicePixelRatio } = this.config;
+        this.canvas = (0, canvas_1.createCanvas)(width * devicePixelRatio, height * devicePixelRatio);
+        // Create rendering context
+        const ctx = this.canvas.getContext();
+        this.context = (0, context_1.createRenderContext)(ctx, this.canvas);
+        // Merge custom painters with defaults
+        this.painters = {
+            ...painter_1.defaultPainters,
+            ...(this.config.painters || {})
+        };
+        this.initialized = true;
+    }
+    /**
+     * Render a single node
+     */
+    renderNode(node) {
+        this.ensureInitialized();
+        this.clear();
+        (0, painter_1.paintTree)(node, this.context, this.painters);
+    }
+    /**
+     * Render a tree
+     */
+    renderTree(tree) {
+        this.ensureInitialized();
+        this.clear();
+        (0, painter_1.paintTree)(tree.root, this.context, this.painters);
+    }
+    /**
+     * Clear the canvas
+     */
+    clear() {
+        const { ctx } = this.context;
+        const { backgroundColor } = this.config;
+        ctx.fillStyle = backgroundColor;
+        ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+    }
+    /**
+     * Get the canvas instance
+     */
+    getCanvas() {
+        return this.canvas;
+    }
+    /**
+     * Get the rendering context
+     */
+    getContext() {
+        return this.context;
+    }
+    /**
+     * Export the rendered output as PNG buffer
+     */
+    async toBuffer() {
+        return this.canvas.toBuffer('png');
+    }
+    /**
+     * Export the rendered output as data URL
+     */
+    async toDataURL() {
+        return this.canvas.toDataURL('png');
+    }
+    /**
+     * Save the rendered output to disk
+     */
+    async saveAs(path) {
+        return this.canvas.saveAs(path, 'png');
+    }
+    /**
+     * Register a custom painter for a component type
+     */
+    registerPainter(type, painter) {
+        this.painters[type] = painter;
+    }
+    /**
+     * Resize the renderer
+     */
+    resize(width, height) {
+        const { devicePixelRatio } = this.config;
+        this.config.width = width;
+        this.config.height = height;
+        // Recreate canvas with new size
+        this.canvas = (0, canvas_1.createCanvas)(width * devicePixelRatio, height * devicePixelRatio);
+        const ctx = this.canvas.getContext();
+        this.context = (0, context_1.createRenderContext)(ctx, this.canvas);
+    }
+    /**
+     * Check if renderer is initialized
+     */
+    ensureInitialized() {
+        if (!this.initialized) {
+            throw new Error('Renderer not initialized');
+        }
+    }
+}
+exports.Renderer = Renderer;
+//# sourceMappingURL=renderer.js.map

package/examples/deskforge-app/dist/packages/renderer/src/renderer.js.map

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

package/examples/deskforge-app/dist/packages/renderer/src/svg-export.d.ts

@@ -0,0 +1,47 @@
+import type { DFNode } from '@deskforge/core';
+/**
+ * SVG builder for creating vector exports
+ */
+export declare class SVGBuilder {
+    private width;
+    private height;
+    private elements;
+    private defs;
+    constructor(width: number, height: number);
+    /**
+     * Add rectangle to SVG
+     */
+    addRect(x: number, y: number, width: number, height: number, fill?: string, stroke?: string, radius?: number): void;
+    /**
+     * Add circle to SVG
+     */
+    addCircle(cx: number, cy: number, radius: number, fill?: string, stroke?: string): void;
+    /**
+     * Add text to SVG
+     */
+    addText(x: number, y: number, text: string, fill?: string, fontSize?: number, fontFamily?: string): void;
+    /**
+     * Add line to SVG
+     */
+    addLine(x1: number, y1: number, x2: number, y2: number, stroke?: string, strokeWidth?: number): void;
+    /**
+     * Add image reference to SVG
+     */
+    addImage(x: number, y: number, width: number, height: number, href: string): void;
+    /**
+     * Add group/container
+     */
+    addGroup(elements: string[], transform?: string): void;
+    /**
+     * Build final SVG string
+     */
+    build(): string;
+    /**
+     * Escape XML special characters
+     */
+    private escapeXml;
+}
+/**
+ * Export node tree to SVG format
+ */
+export declare function nodeToSVG(node: DFNode, width: number, height: number): string;

package/examples/deskforge-app/dist/packages/renderer/src/svg-export.js

@@ -0,0 +1,125 @@
+"use strict";
+// svg-export.ts
+// SVG export functionality for vector-format output
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SVGBuilder = void 0;
+exports.nodeToSVG = nodeToSVG;
+/**
+ * SVG builder for creating vector exports
+ */
+class SVGBuilder {
+    constructor(width, height) {
+        this.elements = [];
+        this.defs = [];
+        this.width = width;
+        this.height = height;
+    }
+    /**
+     * Add rectangle to SVG
+     */
+    addRect(x, y, width, height, fill, stroke, radius) {
+        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, cy, radius, fill, stroke) {
+        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, y, text, fill, fontSize, fontFamily) {
+        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, y1, x2, y2, stroke, strokeWidth) {
+        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, y, width, height, href) {
+        this.elements.push(`<image x="${x}" y="${y}" width="${width}" height="${height}" href="${href}" />`);
+    }
+    /**
+     * Add group/container
+     */
+    addGroup(elements, transform) {
+        const transformAttr = transform ? ` transform="${transform}"` : '';
+        const group = `<g${transformAttr}>${elements.join('')}</g>`;
+        this.elements.push(group);
+    }
+    /**
+     * Build final SVG string
+     */
+    build() {
+        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
+     */
+    escapeXml(text) {
+        return text
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&apos;');
+    }
+}
+exports.SVGBuilder = SVGBuilder;
+/**
+ * Export node tree to SVG format
+ */
+function nodeToSVG(node, width, height) {
+    const svg = new SVGBuilder(width, height);
+    renderNodeToSVG(node, svg);
+    return svg.build();
+}
+/**
+ * Recursively render node to SVG
+ */
+function renderNodeToSVG(node, svg) {
+    const props = node.props;
+    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 'group':
+        case 'view':
+            // Render children
+            if (node.children) {
+                node.children.forEach(child => renderNodeToSVG(child, svg));
+            }
+            break;
+    }
+}
+//# sourceMappingURL=svg-export.js.map

package/examples/deskforge-app/dist/packages/renderer/src/svg-export.js.map

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

package/examples/deskforge-app/dist/packages/router/src/app.d.ts

@@ -0,0 +1,9 @@
+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;

package/examples/deskforge-app/dist/packages/router/src/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/examples/deskforge-app/dist/packages/router/src/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../../../packages/router/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/examples/deskforge-app/dist/packages/router/src/file-router.d.ts

@@ -0,0 +1,35 @@
+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[];
+}