deskforge 1.0.0

package/packages/renderer/dist/dirty-region.js

@@ -0,0 +1,106 @@
+"use strict";
+// dirty-region.ts
+// Dirty region tracking for incremental rendering optimization
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DirtyRegionTracker = void 0;
+/**
+ * Tracks dirty regions that need re-rendering
+ */
+class DirtyRegionTracker {
+    constructor(width, height) {
+        this.regions = [];
+        this.canvasWidth = width;
+        this.canvasHeight = height;
+    }
+    /**
+     * Mark a region as dirty
+     */
+    markDirty(rect) {
+        this.regions.push(this.clampRect(rect));
+    }
+    /**
+     * Mark entire canvas as dirty
+     */
+    markAllDirty() {
+        this.regions = [{
+                x: 0,
+                y: 0,
+                width: this.canvasWidth,
+                height: this.canvasHeight,
+            }];
+    }
+    /**
+     * Get merged dirty regions (optimized)
+     */
+    getDirtyRegions() {
+        if (this.regions.length === 0)
+            return [];
+        if (this.regions.length === 1)
+            return this.regions;
+        // Simple merging: if regions overlap significantly, merge them
+        return this.mergeRegions(this.regions);
+    }
+    /**
+     * Clear all dirty regions
+     */
+    clear() {
+        this.regions = [];
+    }
+    /**
+     * Check if region needs rendering
+     */
+    isDirty(rect) {
+        return this.regions.some(r => this.rectsIntersect(r, rect));
+    }
+    /**
+     * Resize tracker when canvas resizes
+     */
+    resize(width, height) {
+        this.canvasWidth = width;
+        this.canvasHeight = height;
+        this.markAllDirty();
+    }
+    // Private helpers
+    clampRect(rect) {
+        return {
+            x: Math.max(0, rect.x),
+            y: Math.max(0, rect.y),
+            width: Math.min(this.canvasWidth - rect.x, rect.width),
+            height: Math.min(this.canvasHeight - rect.y, rect.height),
+        };
+    }
+    rectsIntersect(r1, r2) {
+        return !(r1.x + r1.width < r2.x ||
+            r2.x + r2.width < r1.x ||
+            r1.y + r1.height < r2.y ||
+            r2.y + r2.height < r1.y);
+    }
+    mergeRegions(rects) {
+        if (rects.length <= 1)
+            return rects;
+        const sorted = [...rects].sort((a, b) => a.x - b.x);
+        const merged = [];
+        for (const rect of sorted) {
+            const last = merged[merged.length - 1];
+            if (last && this.rectsIntersect(last, rect)) {
+                // Merge by creating bounding box
+                const minX = Math.min(last.x, rect.x);
+                const minY = Math.min(last.y, rect.y);
+                const maxX = Math.max(last.x + last.width, rect.x + rect.width);
+                const maxY = Math.max(last.y + last.height, rect.y + rect.height);
+                merged[merged.length - 1] = {
+                    x: minX,
+                    y: minY,
+                    width: maxX - minX,
+                    height: maxY - minY,
+                };
+            }
+            else {
+                merged.push(rect);
+            }
+        }
+        return merged;
+    }
+}
+exports.DirtyRegionTracker = DirtyRegionTracker;
+//# sourceMappingURL=dirty-region.js.map

package/packages/renderer/dist/dirty-region.js.map

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

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

@@ -0,0 +1,57 @@
+import type { DFNode, DFTree } from '@deskforge/core';
+import type { Renderer } from './renderer';
+/**
+ * Configuration for the rendering engine
+ */
+interface RenderEngineConfig {
+    renderer: Renderer;
+    root: DFNode | DFTree;
+    onBeforeRender?: () => void;
+    onAfterRender?: () => void;
+    onError?: (error: Error) => void;
+}
+/**
+ * Render engine that integrates rendering with scheduling
+ */
+declare class RenderEngine {
+    private config;
+    private scheduler;
+    private root;
+    private running;
+    constructor(config: RenderEngineConfig);
+    /**
+     * Start the rendering engine
+     */
+    start(): void;
+    /**
+     * Stop the rendering engine
+     */
+    stop(): void;
+    /**
+     * Schedule a render
+     */
+    scheduleRender(): void;
+    /**
+     * Perform a render
+     */
+    private render;
+    /**
+     * Update the root node
+     */
+    setRoot(node: DFNode): void;
+    /**
+     * Update the root tree
+     */
+    setTree(tree: DFTree): void;
+    /**
+     * Get the current root node
+     */
+    getRoot(): DFNode;
+    /**
+     * Force immediate render (bypasses scheduler)
+     */
+    forceRender(): void;
+}
+export { RenderEngine };
+export type { RenderEngineConfig };
+//# sourceMappingURL=engine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAkB,MAAM,iBAAiB,CAAA;AAErE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE1C;;GAEG;AACH,UAAU,kBAAkB;IAE1B,QAAQ,EAAE,QAAQ,CAAA;IAGlB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IAGrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAG3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAG1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC;AAED;;GAEG;AACH,cAAM,YAAY;IAEhB,OAAO,CAAC,MAAM,CAA8B;IAG5C,OAAO,CAAC,SAAS,CAAoB;IAGrC,OAAO,CAAC,IAAI,CAAQ;IAGpB,OAAO,CAAC,OAAO,CAAiB;gBAEpB,MAAM,EAAE,kBAAkB;IActC;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,cAAc,IAAI,IAAI;IAMtB;;OAEG;IACH,OAAO,CAAC,MAAM;IAWd;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK3B;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK3B;;OAEG;IACH,OAAO,IAAI,MAAM;IAIjB;;OAEG;IACH,WAAW,IAAI,IAAI;CAGpB;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,kBAAkB,EAAE,CAAA"}

package/packages/renderer/dist/engine.js

@@ -0,0 +1,95 @@
+"use strict";
+// engine.ts
+// Rendering engine — integrates renderer with scheduler
+// Handles automatic re-renders when state/props change
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderEngine = void 0;
+const core_1 = require("@deskforge/core");
+/**
+ * Render engine that integrates rendering with scheduling
+ */
+class RenderEngine {
+    constructor(config) {
+        // The scheduler that batches renders
+        this.scheduler = (0, core_1.createScheduler)();
+        // Whether the engine is running
+        this.running = false;
+        this.config = {
+            onBeforeRender: () => { },
+            onAfterRender: () => { },
+            onError: (error) => console.error('RenderEngine error:', error),
+            ...config
+        };
+        // Extract root node
+        this.root = 'root' in config.root
+            ? config.root.root
+            : config.root;
+    }
+    /**
+     * Start the rendering engine
+     */
+    start() {
+        if (this.running)
+            return;
+        this.running = true;
+        this.render();
+    }
+    /**
+     * Stop the rendering engine
+     */
+    stop() {
+        if (!this.running)
+            return;
+        this.running = false;
+    }
+    /**
+     * Schedule a render
+     */
+    scheduleRender() {
+        if (!this.running)
+            return;
+        (0, core_1.schedule)(this.scheduler, () => this.render());
+    }
+    /**
+     * Perform a render
+     */
+    render() {
+        try {
+            this.config.onBeforeRender();
+            this.config.renderer.renderNode(this.root);
+            this.config.onAfterRender();
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            this.config.onError(err);
+        }
+    }
+    /**
+     * Update the root node
+     */
+    setRoot(node) {
+        this.root = node;
+        this.scheduleRender();
+    }
+    /**
+     * Update the root tree
+     */
+    setTree(tree) {
+        this.root = tree.root;
+        this.scheduleRender();
+    }
+    /**
+     * Get the current root node
+     */
+    getRoot() {
+        return this.root;
+    }
+    /**
+     * Force immediate render (bypasses scheduler)
+     */
+    forceRender() {
+        this.render();
+    }
+}
+exports.RenderEngine = RenderEngine;
+//# sourceMappingURL=engine.js.map

package/packages/renderer/dist/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":";AAAA,YAAY;AACZ,wDAAwD;AACxD,uDAAuD;;;AAGvD,0CAA2D;AAuB3D;;GAEG;AACH,MAAM,YAAY;IAahB,YAAY,MAA0B;QATtC,qCAAqC;QAC7B,cAAS,GAAG,IAAA,sBAAe,GAAE,CAAA;QAKrC,gCAAgC;QACxB,YAAO,GAAY,KAAK,CAAA;QAG9B,IAAI,CAAC,MAAM,GAAG;YACZ,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;YACxB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;YACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC;YAC/D,GAAG,MAAM;SACV,CAAA;QAED,oBAAoB;QACpB,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI;YAC/B,CAAC,CAAE,MAAM,CAAC,IAAe,CAAC,IAAI;YAC9B,CAAC,CAAE,MAAM,CAAC,IAAe,CAAA;IAC7B,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,IAAI,CAAC,OAAO;YAAE,OAAM;QACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAED;;OAEG;IACH,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAM;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;IACtB,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAM;QAEzB,IAAA,eAAQ,EAAC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IAC/C,CAAC;IAED;;OAEG;IACK,MAAM;QACZ,IAAI,CAAC;YACH,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,CAAA;YAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC1C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAA;QAC7B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,GAAG,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;YACrE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,IAAY;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,IAAY;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACrB,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED;;OAEG;IACH,OAAO;QACL,OAAO,IAAI,CAAC,IAAI,CAAA;IAClB,CAAC;IAED;;OAEG;IACH,WAAW;QACT,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;CACF;AAEQ,oCAAY"}

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

@@ -0,0 +1,14 @@
+/**
+ * Simple example rendering a scene with shapes
+ */
+declare function exampleBasicRendering(): Promise<void>;
+/**
+ * Example using the rendering engine with scheduling
+ */
+declare function exampleWithEngine(): Promise<void>;
+/**
+ * Example with custom painter for a custom component
+ */
+declare function exampleCustomPainter(): void;
+export { exampleBasicRendering, exampleWithEngine, exampleCustomPainter };
+//# sourceMappingURL=example.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../src/example.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,iBAAe,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CA4DpD;AAED;;GAEG;AACH,iBAAe,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CA0ChD;AAED;;GAEG;AACH,iBAAS,oBAAoB,IAAI,IAAI,CAmDpC;AAGD,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,EACrB,CAAA"}

package/packages/renderer/dist/example.js

@@ -0,0 +1,160 @@
+"use strict";
+// example.ts
+// Example usage of the DeskForge Skia-Canvas renderer
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exampleBasicRendering = exampleBasicRendering;
+exports.exampleWithEngine = exampleWithEngine;
+exports.exampleCustomPainter = exampleCustomPainter;
+const renderer_1 = require("./renderer");
+const engine_1 = require("./engine");
+const core_1 = require("@deskforge/core");
+/**
+ * Simple example rendering a scene with shapes
+ */
+async function exampleBasicRendering() {
+    // Create a renderer with 800x600 canvas
+    const renderer = new renderer_1.Renderer({
+        width: 800,
+        height: 600,
+        backgroundColor: '#f0f0f0'
+    });
+    // Create a simple node tree
+    const root = (0, core_1.createNode)('view', {
+        x: 0,
+        y: 0,
+        width: 800,
+        height: 600,
+        fill: '#f0f0f0'
+    }, [
+        // Red rectangle
+        (0, core_1.createNode)('rect', {
+            x: 50,
+            y: 50,
+            width: 200,
+            height: 150,
+            fill: '#ff0000',
+            stroke: '#000000'
+        }),
+        // Blue circle
+        (0, core_1.createNode)('circle', {
+            x: 350,
+            y: 100,
+            radius: 75,
+            fill: '#0000ff'
+        }),
+        // Text label
+        (0, core_1.createNode)('text', {
+            x: 50,
+            y: 250,
+            text: 'Hello, Skia-Canvas!',
+            fill: '#000000',
+            font: 'bold 24px sans-serif'
+        }),
+        // Green line
+        (0, core_1.createNode)('line', {
+            x1: 50,
+            y1: 300,
+            x2: 750,
+            y2: 300,
+            stroke: '#00ff00',
+            width: 3
+        })
+    ]);
+    // Render the tree
+    renderer.renderNode(root);
+    // Save the result
+    await renderer.saveAs('./output.png');
+    console.log('Rendered to output.png');
+}
+/**
+ * Example using the rendering engine with scheduling
+ */
+async function exampleWithEngine() {
+    // Create renderer
+    const renderer = new renderer_1.Renderer({
+        width: 640,
+        height: 480,
+        backgroundColor: '#ffffff'
+    });
+    // Create initial scene
+    const scene = (0, core_1.createNode)('view', {
+        x: 0,
+        y: 0,
+        width: 640,
+        height: 480
+    }, [
+        (0, core_1.createNode)('rect', {
+            x: 100,
+            y: 100,
+            width: 200,
+            height: 200,
+            fill: '#4CAF50'
+        })
+    ]);
+    // Create engine with automatic scheduling
+    const engine = new engine_1.RenderEngine({
+        renderer,
+        root: scene,
+        onBeforeRender: () => console.log('Before render'),
+        onAfterRender: () => console.log('After render')
+    });
+    // Start the engine
+    engine.start();
+    // The engine will render and can be updated later
+    // For example, in an event loop or animation frame
+    await new Promise(resolve => setTimeout(resolve, 100));
+    engine.stop();
+    await renderer.saveAs('./engine-output.png');
+    console.log('Rendered with engine to engine-output.png');
+}
+/**
+ * Example with custom painter for a custom component
+ */
+function exampleCustomPainter() {
+    const renderer = new renderer_1.Renderer({
+        width: 400,
+        height: 300,
+        backgroundColor: '#ffffff'
+    });
+    // Register custom painter for "star" component
+    renderer.registerPainter('star', (node, context) => {
+        const { x = 0, y = 0, size = 50, fill = '#FFD700' } = node.props;
+        const { ctx } = context;
+        ctx.fillStyle = fill;
+        ctx.beginPath();
+        for (let i = 0; i < 5; i++) {
+            const angle = (i * 4 * Math.PI) / 5 - Math.PI / 2;
+            const radius = i % 2 === 0 ? size : size * 0.4;
+            const px = x + size + Math.cos(angle) * radius;
+            const py = y + size + Math.sin(angle) * radius;
+            if (i === 0)
+                ctx.moveTo(px, py);
+            else
+                ctx.lineTo(px, py);
+        }
+        ctx.closePath();
+        ctx.fill();
+    });
+    // Create scene with custom star component
+    const scene = (0, core_1.createNode)('view', {
+        x: 0,
+        y: 0,
+        width: 400,
+        height: 300
+    }, [
+        (0, core_1.createNode)('star', {
+            x: 50,
+            y: 50,
+            size: 40,
+            fill: '#FFD700'
+        }),
+        (0, core_1.createNode)('star', {
+            x: 150,
+            y: 100,
+            size: 35,
+            fill: '#FFA500'
+        })
+    ]);
+    renderer.renderNode(scene);
+}
+//# sourceMappingURL=example.js.map

package/packages/renderer/dist/example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.js","sourceRoot":"","sources":["../src/example.ts"],"names":[],"mappings":";AAAA,aAAa;AACb,sDAAsD;;AAmLpD,sDAAqB;AACrB,8CAAiB;AACjB,oDAAoB;AAnLtB,yCAAqC;AACrC,qCAAuC;AAEvC,0CAAwD;AAIxD;;GAEG;AACH,KAAK,UAAU,qBAAqB;IAClC,wCAAwC;IACxC,MAAM,QAAQ,GAAG,IAAI,mBAAQ,CAAC;QAC5B,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAA;IAEF,4BAA4B;IAC5B,MAAM,IAAI,GAAG,IAAA,iBAAU,EAAC,MAAM,EAAE;QAC9B,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,SAAS;KAChB,EAAE;QACD,gBAAgB;QAChB,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SAClB,CAAC;QAEF,cAAc;QACd,IAAA,iBAAU,EAAC,QAAQ,EAAE;YACnB,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,SAAS;SAChB,CAAC;QAEF,aAAa;QACb,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,GAAG;YACN,IAAI,EAAE,qBAAqB;YAC3B,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,sBAAsB;SAC7B,CAAC;QAEF,aAAa;QACb,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,CAAC;SACT,CAAC;KACH,CAAC,CAAA;IAEF,kBAAkB;IAClB,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IAEzB,kBAAkB;IAClB,MAAM,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;IACrC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA;AACvC,CAAC;AAED;;GAEG;AACH,KAAK,UAAU,iBAAiB;IAC9B,kBAAkB;IAClB,MAAM,QAAQ,GAAG,IAAI,mBAAQ,CAAC;QAC5B,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAA;IAEF,uBAAuB;IACvB,MAAM,KAAK,GAAG,IAAA,iBAAU,EAAC,MAAM,EAAE;QAC/B,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ,EAAE;QACD,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,SAAS;SAChB,CAAC;KACH,CAAC,CAAA;IAEF,0CAA0C;IAC1C,MAAM,MAAM,GAAG,IAAI,qBAAY,CAAC;QAC9B,QAAQ;QACR,IAAI,EAAE,KAAK;QACX,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;QAClD,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;KACjD,CAAC,CAAA;IAEF,mBAAmB;IACnB,MAAM,CAAC,KAAK,EAAE,CAAA;IAEd,kDAAkD;IAClD,mDAAmD;IACnD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;IAEtD,MAAM,CAAC,IAAI,EAAE,CAAA;IACb,MAAM,QAAQ,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAA;IAC5C,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAA;AAC1D,CAAC;AAED;;GAEG;AACH,SAAS,oBAAoB;IAC3B,MAAM,QAAQ,GAAG,IAAI,mBAAQ,CAAC;QAC5B,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAA;IAEF,+CAA+C;IAC/C,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,IAAY,EAAE,OAAsB,EAAE,EAAE;QACxE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC,KAAY,CAAA;QACvE,MAAM,EAAE,GAAG,EAAE,GAAG,OAAO,CAAA;QAEvB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;QACpB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;YACjD,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAA;YAC9C,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;YAC9C,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;YAE9C,IAAI,CAAC,KAAK,CAAC;gBAAE,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;;gBAC1B,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACzB,CAAC;QAED,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,0CAA0C;IAC1C,MAAM,KAAK,GAAG,IAAA,iBAAU,EAAC,MAAM,EAAE;QAC/B,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ,EAAE;QACD,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,SAAS;SAChB,CAAC;KACH,CAAC,CAAA;IAEF,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;AAC5B,CAAC"}

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

@@ -0,0 +1,23 @@
+export type BlendMode = 'source-over' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion';
+export interface FilterOptions {
+    blur?: number;
+    brightness?: number;
+    contrast?: number;
+    saturation?: number;
+    hueRotate?: number;
+    invert?: boolean;
+    sepia?: boolean;
+}
+/**
+ * Apply CSS filter string to canvas context
+ */
+export declare function applyFilter(ctx: CanvasRenderingContext2D, filter: FilterOptions): string;
+/**
+ * Set blend mode on canvas context
+ */
+export declare function setBlendMode(ctx: CanvasRenderingContext2D, mode: BlendMode): void;
+/**
+ * Reset to default blend mode
+ */
+export declare function resetBlendMode(ctx: CanvasRenderingContext2D): void;
+//# sourceMappingURL=filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../src/filters.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GACjB,aAAa,GACb,UAAU,GACV,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,CAAA;AAEf,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,wBAAwB,EAC7B,MAAM,EAAE,aAAa,GACpB,MAAM,CAYR;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,SAAS,GACd,IAAI,CAEN;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,GAAG,IAAI,CAElE"}

package/packages/renderer/dist/filters.js

@@ -0,0 +1,41 @@
+"use strict";
+// filters.ts
+// Rendering filters and blend modes for advanced visual effects
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyFilter = applyFilter;
+exports.setBlendMode = setBlendMode;
+exports.resetBlendMode = resetBlendMode;
+/**
+ * Apply CSS filter string to canvas context
+ */
+function applyFilter(ctx, filter) {
+    const parts = [];
+    if (filter.blur)
+        parts.push(`blur(${filter.blur}px)`);
+    if (filter.brightness)
+        parts.push(`brightness(${filter.brightness})`);
+    if (filter.contrast)
+        parts.push(`contrast(${filter.contrast})`);
+    if (filter.saturation)
+        parts.push(`saturate(${filter.saturation})`);
+    if (filter.hueRotate)
+        parts.push(`hue-rotate(${filter.hueRotate}deg)`);
+    if (filter.invert)
+        parts.push(`invert(1)`);
+    if (filter.sepia)
+        parts.push(`sepia(1)`);
+    return parts.join(' ');
+}
+/**
+ * Set blend mode on canvas context
+ */
+function setBlendMode(ctx, mode) {
+    ctx.globalCompositeOperation = mode;
+}
+/**
+ * Reset to default blend mode
+ */
+function resetBlendMode(ctx) {
+    ctx.globalCompositeOperation = 'source-over';
+}
+//# sourceMappingURL=filters.js.map

package/packages/renderer/dist/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../src/filters.ts"],"names":[],"mappings":";AAAA,aAAa;AACb,gEAAgE;;AA6BhE,kCAeC;AAKD,oCAKC;AAKD,wCAEC;AAnCD;;GAEG;AACH,SAAgB,WAAW,CACzB,GAA6B,EAC7B,MAAqB;IAErB,MAAM,KAAK,GAAa,EAAE,CAAA;IAE1B,IAAI,MAAM,CAAC,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,MAAM,CAAC,IAAI,KAAK,CAAC,CAAA;IACrD,IAAI,MAAM,CAAC,UAAU;QAAE,KAAK,CAAC,IAAI,CAAC,cAAc,MAAM,CAAC,UAAU,GAAG,CAAC,CAAA;IACrE,IAAI,MAAM,CAAC,QAAQ;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAA;IAC/D,IAAI,MAAM,CAAC,UAAU;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM,CAAC,UAAU,GAAG,CAAC,CAAA;IACnE,IAAI,MAAM,CAAC,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,cAAc,MAAM,CAAC,SAAS,MAAM,CAAC,CAAA;IACtE,IAAI,MAAM,CAAC,MAAM;QAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC1C,IAAI,MAAM,CAAC,KAAK;QAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAExC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC;AAED;;GAEG;AACH,SAAgB,YAAY,CAC1B,GAA6B,EAC7B,IAAe;IAEf,GAAG,CAAC,wBAAwB,GAAG,IAAgC,CAAA;AACjE,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc,CAAC,GAA6B;IAC1D,GAAG,CAAC,wBAAwB,GAAG,aAAa,CAAA;AAC9C,CAAC"}

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

@@ -0,0 +1,7 @@
+type IconDefinition = {
+    path: string;
+    type: 'fill' | 'stroke';
+};
+export declare function getIconDefinition(name: string): IconDefinition | undefined;
+export type { IconDefinition };
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AAyB/D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAE1E;AAED,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/packages/renderer/dist/icons.js

@@ -0,0 +1,31 @@
+"use strict";
+// icons.ts
+// Shared icon path definitions for renderer and SVG export.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconDefinition = getIconDefinition;
+const iconDefinitions = {
+    home: { path: 'M3 10 L12 3 L21 10 L21 20 L14 20 L14 13 L10 13 L10 20 L3 20 Z', type: 'fill' },
+    search: { path: 'M3 10 L17 10 M10 3 L10 17', type: 'stroke' },
+    settings: { path: 'M12 3 L14 7 L19 8 L15.5 12 L16.5 17 L12 14.5 L7.5 17 L8.5 12 L5 8 L10 7 Z', type: 'fill' },
+    user: { path: 'M12 12 C15.3 12 18 9.3 18 6 C18 2.7 15.3 0 12 0 C8.7 0 6 2.7 6 6 C6 9.3 8.7 12 12 12 Z M12 14 C7.3 14 3 16.4 3 20 L3 24 L21 24 L21 20 C21 16.4 16.7 14 12 14 Z', type: 'fill' },
+    bell: { path: 'M12 2 C8.7 2 6 4.7 6 8 L6 10.3 C6 12.1 5.2 13.8 4 15 L3 16 L21 16 L20 15 C18.8 13.8 18 12.1 18 10.3 L18 8 C18 4.7 15.3 2 12 2 Z M9 20 C9.6 21.2 10.7 22 12 22 C13.3 22 14.4 21.2 15 20 Z', type: 'fill' },
+    heart: { path: 'M12 21 C12 21 3 14 3 8 C3 5 5 3 8 3 C10 3 12 4 12 4 C12 4 14 3 16 3 C19 3 21 5 21 8 C21 14 12 21 12 21 Z', type: 'fill' },
+    star: { path: 'M12 2 L15.1 8.6 L22 9.5 L16.9 14.2 L18.8 21 L12 17.5 L5.2 21 L7.1 14.2 L2 9.5 L8.9 8.6 Z', type: 'fill' },
+    plus: { path: 'M12 3 L12 21 M3 12 L21 12', type: 'stroke' },
+    check: { path: 'M3 12 L9 18 L21 6', type: 'stroke' },
+    close: { path: 'M4 4 L20 20 M20 4 L4 20', type: 'stroke' },
+    menu: { path: 'M3 6 L21 6 M3 12 L21 12 M3 18 L21 18', type: 'stroke' },
+    'chevron-right': { path: 'M8 4 L16 12 L8 20', type: 'stroke' },
+    'chevron-left': { path: 'M16 4 L8 12 L16 20', type: 'stroke' },
+    'arrow-right': { path: 'M4 12 L20 12 M14 6 L20 12 L14 18', type: 'stroke' },
+    'arrow-left': { path: 'M20 12 L4 12 M10 6 L4 12 L10 18', type: 'stroke' },
+    info: { path: 'M12 2 C6.5 2 2 6.5 2 12 C2 17.5 6.5 22 12 22 C17.5 22 22 17.5 22 12 C22 6.5 17.5 2 12 2 Z M13 17 L11 17 L11 11 L13 11 Z M13 9 L11 9 L11 7 L13 7 Z', type: 'fill' },
+    pin: { path: 'M11 2 H13 C15.2 2 17 3.8 17 6 C17 7.5 16.3 8.8 15.1 9.7 L13 12 L13 21 H11 L11 12 L8.9 9.7 C7.7 8.8 7 7.5 7 6 C7 3.8 8.8 2 11 2 Z', type: 'stroke' },
+    'pin-filled': { path: 'M11 2 H13 C15.2 2 17 3.8 17 6 C17 7.5 16.3 8.8 15.1 9.7 L13 12 L13 21 H11 L11 12 L8.9 9.7 C7.7 8.8 7 7.5 7 6 C7 3.8 8.8 2 11 2 Z', type: 'fill' },
+    archive: { path: 'M4 6 H20 V18 H4 Z M8 10 H16 M12 10 V14', type: 'stroke' },
+    trash: { path: 'M6 6 H18 M8 6 V18 H16 V6 M10 6 V4 H14 V6', type: 'stroke' }
+};
+function getIconDefinition(name) {
+    return iconDefinitions[name] ?? iconDefinitions.home;
+}
+//# sourceMappingURL=icons.js.map

package/packages/renderer/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,4DAA4D;;AA2B5D,8CAEC;AAzBD,MAAM,eAAe,GAAmC;IACtD,IAAI,EAAE,EAAE,IAAI,EAAE,+DAA+D,EAAE,IAAI,EAAE,MAAM,EAAE;IAC7F,MAAM,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC7D,QAAQ,EAAE,EAAE,IAAI,EAAE,2EAA2E,EAAE,IAAI,EAAE,MAAM,EAAE;IAC7G,IAAI,EAAE,EAAE,IAAI,EAAE,gKAAgK,EAAE,IAAI,EAAE,MAAM,EAAE;IAC9L,IAAI,EAAE,EAAE,IAAI,EAAE,0LAA0L,EAAE,IAAI,EAAE,MAAM,EAAE;IACxN,KAAK,EAAE,EAAE,IAAI,EAAE,0GAA0G,EAAE,IAAI,EAAE,MAAM,EAAE;IACzI,IAAI,EAAE,EAAE,IAAI,EAAE,0FAA0F,EAAE,IAAI,EAAE,MAAM,EAAE;IACxH,IAAI,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC3D,KAAK,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE;IACpD,KAAK,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC1D,IAAI,EAAE,EAAE,IAAI,EAAE,sCAAsC,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtE,eAAe,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9D,cAAc,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9D,aAAa,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC3E,YAAY,EAAE,EAAE,IAAI,EAAE,iCAAiC,EAAE,IAAI,EAAE,QAAQ,EAAE;IACzE,IAAI,EAAE,EAAE,IAAI,EAAE,mJAAmJ,EAAE,IAAI,EAAE,MAAM,EAAE;IACjL,GAAG,EAAE,EAAE,IAAI,EAAE,kIAAkI,EAAE,IAAI,EAAE,QAAQ,EAAE;IACjK,YAAY,EAAE,EAAE,IAAI,EAAE,kIAAkI,EAAE,IAAI,EAAE,MAAM,EAAE;IACxK,OAAO,EAAE,EAAE,IAAI,EAAE,wCAAwC,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC3E,KAAK,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE;CAC5E,CAAA;AAED,SAAgB,iBAAiB,CAAC,IAAY;IAC5C,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,IAAI,CAAA;AACtD,CAAC"}

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

@@ -0,0 +1,16 @@
+export { Renderer } from './renderer';
+export type { RenderContext } from './context';
+export { createRenderContext, pushState, popState } from './context';
+export type { Canvas } from './canvas';
+export { createCanvas, createCanvasWithDPR } from './canvas';
+export { createNode, createTree } from '@deskforge/core';
+export type { PaintHandler, ComponentPainters } from './painter';
+export { defaultPainters, paintNode, paintTree } from './painter';
+export { RenderEngine } from './engine';
+export type { RenderEngineConfig } from './engine';
+export type { BlendMode, FilterOptions } from './filters';
+export { applyFilter, setBlendMode, resetBlendMode } from './filters';
+export { DirtyRegionTracker } from './dirty-region';
+export type { Rect } from './dirty-region';
+export { SVGBuilder, nodeToSVG } from './svg-export';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAClD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,YAAY,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}

package/packages/renderer/dist/index.js

@@ -0,0 +1,34 @@
+"use strict";
+// index.ts
+// Public API for the renderer package
+// Everything needed to render DeskForge components with skia-canvas
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodeToSVG = exports.SVGBuilder = exports.DirtyRegionTracker = exports.resetBlendMode = exports.setBlendMode = exports.applyFilter = exports.RenderEngine = exports.paintTree = exports.paintNode = exports.defaultPainters = exports.createTree = exports.createNode = exports.createCanvasWithDPR = exports.createCanvas = exports.popState = exports.pushState = exports.createRenderContext = exports.Renderer = void 0;
+var renderer_1 = require("./renderer");
+Object.defineProperty(exports, "Renderer", { enumerable: true, get: function () { return renderer_1.Renderer; } });
+var context_1 = require("./context");
+Object.defineProperty(exports, "createRenderContext", { enumerable: true, get: function () { return context_1.createRenderContext; } });
+Object.defineProperty(exports, "pushState", { enumerable: true, get: function () { return context_1.pushState; } });
+Object.defineProperty(exports, "popState", { enumerable: true, get: function () { return context_1.popState; } });
+var canvas_1 = require("./canvas");
+Object.defineProperty(exports, "createCanvas", { enumerable: true, get: function () { return canvas_1.createCanvas; } });
+Object.defineProperty(exports, "createCanvasWithDPR", { enumerable: true, get: function () { return canvas_1.createCanvasWithDPR; } });
+var core_1 = require("@deskforge/core");
+Object.defineProperty(exports, "createNode", { enumerable: true, get: function () { return core_1.createNode; } });
+Object.defineProperty(exports, "createTree", { enumerable: true, get: function () { return core_1.createTree; } });
+var painter_1 = require("./painter");
+Object.defineProperty(exports, "defaultPainters", { enumerable: true, get: function () { return painter_1.defaultPainters; } });
+Object.defineProperty(exports, "paintNode", { enumerable: true, get: function () { return painter_1.paintNode; } });
+Object.defineProperty(exports, "paintTree", { enumerable: true, get: function () { return painter_1.paintTree; } });
+var engine_1 = require("./engine");
+Object.defineProperty(exports, "RenderEngine", { enumerable: true, get: function () { return engine_1.RenderEngine; } });
+var filters_1 = require("./filters");
+Object.defineProperty(exports, "applyFilter", { enumerable: true, get: function () { return filters_1.applyFilter; } });
+Object.defineProperty(exports, "setBlendMode", { enumerable: true, get: function () { return filters_1.setBlendMode; } });
+Object.defineProperty(exports, "resetBlendMode", { enumerable: true, get: function () { return filters_1.resetBlendMode; } });
+var dirty_region_1 = require("./dirty-region");
+Object.defineProperty(exports, "DirtyRegionTracker", { enumerable: true, get: function () { return dirty_region_1.DirtyRegionTracker; } });
+var svg_export_1 = require("./svg-export");
+Object.defineProperty(exports, "SVGBuilder", { enumerable: true, get: function () { return svg_export_1.SVGBuilder; } });
+Object.defineProperty(exports, "nodeToSVG", { enumerable: true, get: function () { return svg_export_1.nodeToSVG; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,WAAW;AACX,sCAAsC;AACtC,oEAAoE;;;AAEpE,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AAEjB,qCAAoE;AAA3D,8GAAA,mBAAmB,OAAA;AAAE,oGAAA,SAAS,OAAA;AAAE,mGAAA,QAAQ,OAAA;AAEjD,mCAA4D;AAAnD,sGAAA,YAAY,OAAA;AAAE,6GAAA,mBAAmB,OAAA;AAC1C,wCAAwD;AAA/C,kGAAA,UAAU,OAAA;AAAE,kGAAA,UAAU,OAAA;AAE/B,qCAAiE;AAAxD,0GAAA,eAAe,OAAA;AAAE,oGAAA,SAAS,OAAA;AAAE,oGAAA,SAAS,OAAA;AAC9C,mCAAuC;AAA9B,sGAAA,YAAY,OAAA;AAGrB,qCAAqE;AAA5D,sGAAA,WAAW,OAAA;AAAE,uGAAA,YAAY,OAAA;AAAE,yGAAA,cAAc,OAAA;AAClD,+CAAmD;AAA1C,kHAAA,kBAAkB,OAAA;AAE3B,2CAAoD;AAA3C,wGAAA,UAAU,OAAA;AAAE,uGAAA,SAAS,OAAA"}