deskforge 1.0.0

package/packages/renderer/dist/painter.d.ts

@@ -0,0 +1,27 @@
+import type { DFNode } from '@deskforge/core';
+import type { RenderContext } from './context';
+/**
+ * Handler function for rendering a specific component type
+ */
+type PaintHandler = (node: DFNode, context: RenderContext) => void;
+/**
+ * Component painters — maps component types to rendering functions
+ */
+interface ComponentPainters {
+    [componentType: string]: PaintHandler;
+}
+/**
+ * Default component painters for built-in components
+ */
+declare const defaultPainters: ComponentPainters;
+/**
+ * Paints a single node using the appropriate painter
+ */
+declare function paintNode(node: DFNode, context: RenderContext, painters?: ComponentPainters): void;
+/**
+ * Paints a tree of nodes recursively
+ */
+declare function paintTree(node: DFNode, context: RenderContext, painters?: ComponentPainters): void;
+export type { PaintHandler, ComponentPainters };
+export { defaultPainters, paintNode, paintTree };
+//# sourceMappingURL=painter.d.ts.map

package/packages/renderer/dist/painter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../src/painter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AA2E9C;;GAEG;AACH,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;AAElE;;GAEG;AACH,UAAU,iBAAiB;IACzB,CAAC,aAAa,EAAE,MAAM,GAAG,YAAY,CAAA;CACtC;AAED;;GAEG;AACH,QAAA,MAAM,eAAe,EAAE,iBAwItB,CAAA;AAED;;GAEG;AACH,iBAAS,SAAS,CAChB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,aAAa,EACtB,QAAQ,GAAE,iBAAmC,GAC5C,IAAI,CAQN;AAED;;GAEG;AACH,iBAAS,SAAS,CAChB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,aAAa,EACtB,QAAQ,GAAE,iBAAmC,GAC5C,IAAI,CAQN;AAED,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA"}

package/packages/renderer/dist/painter.js

@@ -0,0 +1,221 @@
+"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;
+const icons_1 = require("./icons");
+function drawPath(ctx, path) {
+    const tokens = path.trim().split(/\s+/).filter(Boolean);
+    let i = 0;
+    let x = 0;
+    let y = 0;
+    let startX = 0;
+    let startY = 0;
+    while (i < tokens.length) {
+        const command = tokens[i++];
+        if (!command)
+            continue;
+        const upper = command.toUpperCase();
+        if (upper === 'Z') {
+            x = startX;
+            y = startY;
+            ctx.closePath();
+            continue;
+        }
+        const isRelative = command === command.toLowerCase();
+        const isMove = upper === 'M';
+        const isLine = upper === 'L';
+        const isHorizontal = upper === 'H';
+        const isVertical = upper === 'V';
+        if (!isMove && !isLine && !isHorizontal && !isVertical) {
+            continue;
+        }
+        const args = [];
+        while (i < tokens.length && !/[A-Za-z]/.test(tokens[i])) {
+            args.push(Number(tokens[i++]));
+        }
+        if (args.length === 0)
+            continue;
+        if (isMove) {
+            const nextX = isRelative ? x + args[0] : args[0];
+            const nextY = isRelative ? y + (args[1] ?? 0) : (args[1] ?? args[0]);
+            ctx.moveTo(nextX, nextY);
+            x = nextX;
+            y = nextY;
+            startX = x;
+            startY = y;
+        }
+        else if (isLine) {
+            for (let index = 0; index + 1 < args.length; index += 2) {
+                const nextX = isRelative ? x + args[index] : args[index];
+                const nextY = isRelative ? y + args[index + 1] : args[index + 1];
+                ctx.lineTo(nextX, nextY);
+                x = nextX;
+                y = nextY;
+            }
+        }
+        else if (isHorizontal) {
+            for (const value of args) {
+                const nextX = isRelative ? x + value : value;
+                ctx.lineTo(nextX, y);
+                x = nextX;
+            }
+        }
+        else if (isVertical) {
+            for (const value of args) {
+                const nextY = isRelative ? y + value : value;
+                ctx.lineTo(x, nextY);
+                y = nextY;
+            }
+        }
+    }
+}
+/**
+ * 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');
+        }
+    },
+    // Icon component
+    Icon(node, context) {
+        const { x = 0, y = 0, size = 24, color = '#000000', opacity = 1, name = 'home' } = node.props;
+        const { ctx } = context;
+        const icon = (0, icons_1.getIconDefinition)(String(name));
+        if (!icon) {
+            return;
+        }
+        ctx.save();
+        ctx.translate(x, y);
+        ctx.scale(size / 24, size / 24);
+        ctx.globalAlpha = opacity;
+        ctx.fillStyle = color;
+        ctx.strokeStyle = color;
+        ctx.lineCap = 'round';
+        ctx.lineJoin = 'round';
+        ctx.lineWidth = 2;
+        ctx.beginPath();
+        drawPath(ctx, icon.path);
+        if (icon.type === 'fill') {
+            ctx.fill();
+        }
+        else {
+            ctx.stroke();
+        }
+        ctx.restore();
+    },
+    // 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/packages/renderer/dist/painter.js.map

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

package/packages/renderer/dist/renderer.d.ts

@@ -0,0 +1,72 @@
+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 };
+//# sourceMappingURL=renderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAKlD;;GAEG;AACH,UAAU,cAAc;IAEtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IAGd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAGzB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC7B;AAED;;;GAGG;AACH,cAAM,QAAQ;IAEZ,OAAO,CAAC,MAAM,CAA0B;IAGxC,OAAO,CAAC,MAAM,CAAQ;IAGtB,OAAO,CAAC,OAAO,CAAe;IAG9B,OAAO,CAAC,QAAQ,CAAmB;IAGnC,OAAO,CAAC,WAAW,CAAiB;gBAExB,MAAM,EAAE,cAAc;IAyBlC;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM9B;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM9B;;OAEG;IACH,KAAK,IAAI,IAAI;IAQb;;OAEG;IACH,SAAS,IAAI,MAAM;IAInB;;OAEG;IACH,UAAU,IAAI,aAAa;IAI3B;;OAEG;IACG,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC;IAIjC;;OAEG;IACG,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAIlC;;OAEG;IACG,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIzC;;OAEG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,GAAG,IAAI;IAI5F;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAW3C;;OAEG;IACH,OAAO,CAAC,iBAAiB;CAK1B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/packages/renderer/dist/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/packages/renderer/dist/renderer.js.map

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

package/packages/renderer/dist/svg-export.d.ts

@@ -0,0 +1,52 @@
+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 SVG path
+     */
+    addPath(data: string, fill?: string, stroke?: string, strokeWidth?: number): 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;
+//# sourceMappingURL=svg-export.d.ts.map

package/packages/renderer/dist/svg-export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-export.d.ts","sourceRoot":"","sources":["../src/svg-export.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAe7C;;GAEG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,IAAI,CAAe;gBAEf,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKzC;;OAEG;IACH,OAAO,CACL,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,MAAM,GACd,IAAI;IAUP;;OAEG;IACH,SAAS,CACP,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,GACd,IAAI;IASP;;OAEG;IACH,OAAO,CACL,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI;IAUP;;OAEG;IACH,OAAO,CACL,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,CAAC,EAAE,MAAM,EACf,WAAW,CAAC,EAAE,MAAM,GACnB,IAAI;IASP;;OAEG;IACH,QAAQ,CACN,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,IAAI;IAMP;;OAEG;IACH,OAAO,CACL,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,EACf,WAAW,CAAC,EAAE,MAAM,GACnB,IAAI;IAUP;;OAEG;IACH,QAAQ,CACN,QAAQ,EAAE,MAAM,EAAE,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,IAAI;IAMP;;OAEG;IACH,KAAK,IAAI,MAAM;IAWf;;OAEG;IACH,OAAO,CAAC,SAAS;CAQlB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAI7E"}