@llc3233149/core 0.9.0

package/dist/renderer/fills.js

@@ -0,0 +1,189 @@
+export function drawNodeFill(r, canvas, node, rect, hasRadius) {
+    switch (node.type) {
+        case 'VECTOR': {
+            const fg = r.getFillGeometry(node);
+            if (fg) {
+                for (const p of fg)
+                    canvas.drawPath(p, r.fillPaint);
+            }
+            else {
+                const vps = r.getVectorPaths(node);
+                if (vps) {
+                    for (const vp of vps)
+                        canvas.drawPath(vp, r.fillPaint);
+                }
+            }
+            break;
+        }
+        case 'ELLIPSE':
+            if (node.arcData) {
+                r.drawArc(canvas, node, r.fillPaint);
+            }
+            else {
+                canvas.drawOval(rect, r.fillPaint);
+            }
+            break;
+        case 'TEXT':
+            r.renderText(canvas, node);
+            break;
+        case 'LINE':
+            canvas.drawLine(0, 0, node.width, node.height, r.fillPaint);
+            break;
+        case 'POLYGON':
+        case 'STAR': {
+            const path = r.makePolygonPath(node);
+            canvas.drawPath(path, r.fillPaint);
+            path.delete();
+            break;
+        }
+        default:
+            if (hasRadius) {
+                canvas.drawRRect(r.makeRRect(node), r.fillPaint);
+            }
+            else {
+                canvas.drawRect(rect, r.fillPaint);
+            }
+    }
+}
+export function applyFill(r, fill, node, graph, fillIndex = 0) {
+    r.fillPaint.setShader(null);
+    if (fill.type === 'SOLID') {
+        const c = r.resolveFillColor(fill, fillIndex, node, graph);
+        r.fillPaint.setColor(r.ck.Color4f(c.r, c.g, c.b, c.a));
+        return true;
+    }
+    if (fill.type.startsWith('GRADIENT') && fill.gradientStops && fill.gradientTransform) {
+        r.applyGradientFill(fill, node);
+        return true;
+    }
+    if (fill.type === 'IMAGE' && fill.imageHash) {
+        return r.applyImageFill(fill, node, graph);
+    }
+    return false;
+}
+export function applyGradientFill(r, fill, node) {
+    const stops = fill.gradientStops;
+    const t = fill.gradientTransform;
+    if (!stops || !t)
+        return;
+    const colors = stops.map((s) => r.ck.Color4f(s.color.r, s.color.g, s.color.b, s.color.a));
+    const positions = stops.map((s) => s.position);
+    const w = node.width;
+    const h = node.height;
+    if (fill.type === 'GRADIENT_LINEAR') {
+        const startX = t.m02 * w;
+        const startY = t.m12 * h;
+        const endX = (t.m00 + t.m02) * w;
+        const endY = (t.m10 + t.m12) * h;
+        const shader = r.ck.Shader.MakeLinearGradient([startX, startY], [endX, endY], colors, positions, r.ck.TileMode.Clamp);
+        r.fillPaint.setShader(shader);
+    }
+    else if (fill.type === 'GRADIENT_RADIAL') {
+        const cx = t.m02 * w;
+        const cy = t.m12 * h;
+        const radius = Math.sqrt(t.m00 * t.m00 + t.m10 * t.m10) * Math.max(w, h);
+        const shader = r.ck.Shader.MakeRadialGradient([cx, cy], radius, colors, positions, r.ck.TileMode.Clamp);
+        r.fillPaint.setShader(shader);
+    }
+    else if (fill.type === 'GRADIENT_ANGULAR') {
+        const cx = t.m02 * w;
+        const cy = t.m12 * h;
+        const shader = r.ck.Shader.MakeSweepGradient(cx, cy, colors, positions, r.ck.TileMode.Clamp, undefined);
+        r.fillPaint.setShader(shader);
+    }
+    else if (fill.type === 'GRADIENT_DIAMOND') {
+        const cx = t.m02 * w;
+        const cy = t.m12 * h;
+        const radius = Math.sqrt(t.m00 * t.m00 + t.m10 * t.m10) * Math.max(w, h);
+        const shader = r.ck.Shader.MakeRadialGradient([cx, cy], radius, colors, positions, r.ck.TileMode.Clamp);
+        r.fillPaint.setShader(shader);
+    }
+}
+export function applyImageFill(r, fill, node, graph) {
+    const hash = fill.imageHash;
+    if (!hash)
+        return false;
+    let img = r.imageCache.get(hash);
+    if (!img) {
+        const data = graph.images.get(hash);
+        if (!data)
+            return false;
+        img = r.ck.MakeImageFromEncoded(data) ?? undefined;
+        if (img)
+            r.imageCache.set(hash, img);
+        else
+            return false;
+    }
+    const imgW = img.width();
+    const imgH = img.height();
+    const scaleMode = fill.imageScaleMode ?? 'FILL';
+    if (scaleMode === 'TILE') {
+        const shader = img.makeShaderCubic(r.ck.TileMode.Repeat, r.ck.TileMode.Repeat, 1 / 3, 1 / 3);
+        r.fillPaint.setShader(shader);
+        return true;
+    }
+    let sx, sy, sw, sh;
+    if (scaleMode === 'CROP' && fill.imageTransform) {
+        const t = fill.imageTransform;
+        sx = t.m02 * imgW;
+        sy = t.m12 * imgH;
+        sw = t.m00 * imgW;
+        sh = t.m11 * imgH;
+    }
+    else if (scaleMode === 'FIT') {
+        const scale = Math.min(node.width / imgW, node.height / imgH);
+        sw = imgW;
+        sh = imgH;
+        sx = -(node.width / scale - imgW) / 2;
+        sy = -(node.height / scale - imgH) / 2;
+    }
+    else {
+        const scale = Math.max(node.width / imgW, node.height / imgH);
+        sw = node.width / scale;
+        sh = node.height / scale;
+        sx = (imgW - sw) / 2;
+        sy = (imgH - sh) / 2;
+    }
+    const shader = img.makeShaderCubic(r.ck.TileMode.Clamp, r.ck.TileMode.Clamp, 1 / 3, 1 / 3, r.ck.Matrix.multiply(r.ck.Matrix.scaled(node.width / sw, node.height / sh), r.ck.Matrix.translated(-sx, -sy)));
+    r.fillPaint.setShader(shader);
+    return true;
+}
+export function drawArc(r, canvas, node, paint) {
+    const arc = node.arcData;
+    if (!arc)
+        return;
+    const cx = node.width / 2;
+    const cy = node.height / 2;
+    const rx = node.width / 2;
+    const ry = node.height / 2;
+    const innerRx = rx * arc.innerRadius;
+    const innerRy = ry * arc.innerRadius;
+    const startDeg = arc.startingAngle * (180 / Math.PI);
+    const endDeg = arc.endingAngle * (180 / Math.PI);
+    const sweepDeg = endDeg - startDeg;
+    const path = new r.ck.Path();
+    const oval = r.ck.LTRBRect(0, 0, node.width, node.height);
+    if (arc.innerRadius > 0) {
+        path.addArc(oval, startDeg, sweepDeg);
+        const innerOval = r.ck.LTRBRect(cx - innerRx, cy - innerRy, cx + innerRx, cy + innerRy);
+        const innerPath = new r.ck.Path();
+        innerPath.addArc(innerOval, startDeg + sweepDeg, -sweepDeg);
+        path.addPath(innerPath);
+        path.close();
+        innerPath.delete();
+    }
+    else {
+        const isFullCircle = Math.abs(sweepDeg) >= 359.99;
+        if (isFullCircle) {
+            path.addOval(oval);
+        }
+        else {
+            path.moveTo(cx, cy);
+            path.addArc(oval, startDeg, sweepDeg);
+            path.close();
+        }
+    }
+    canvas.drawPath(path, paint);
+    path.delete();
+}
+//# sourceMappingURL=fills.js.map

package/dist/renderer/fills.js.map

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

package/dist/renderer/index.d.ts

@@ -0,0 +1,2 @@
+export { SkiaRenderer, type RenderOverlays } from './renderer.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA"}

package/dist/renderer/index.js

@@ -0,0 +1,2 @@
+export { SkiaRenderer } from './renderer.js';
+//# sourceMappingURL=index.js.map

package/dist/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,MAAM,YAAY,CAAA"}

package/dist/renderer/label-cache.d.ts

@@ -0,0 +1,43 @@
+import type { SceneGraph, SceneNode } from '../scene-graph.js';
+export interface CachedSection {
+    nodeId: string;
+    absX: number;
+    absY: number;
+    nested: boolean;
+}
+export interface CachedComponent {
+    nodeId: string;
+    absX: number;
+    absY: number;
+    parentType: string;
+}
+interface Viewport {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export declare class LabelCache {
+    private sections;
+    private components;
+    private cachedSceneVersion;
+    private cachedPageId;
+    update(graph: SceneGraph, pageId: string | null, sceneVersion: number): void;
+    invalidate(): void;
+    getSections(graph: SceneGraph, viewport: Viewport): Array<{
+        node: SceneNode;
+        absX: number;
+        absY: number;
+        nested: boolean;
+    }>;
+    getComponents(graph: SceneGraph, viewport: Viewport): Array<{
+        node: SceneNode;
+        absX: number;
+        absY: number;
+        inside: boolean;
+    }>;
+    private rebuild;
+    private walkChildren;
+}
+export {};
+//# sourceMappingURL=label-cache.d.ts.map

package/dist/renderer/label-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-cache.d.ts","sourceRoot":"","sources":["../../src/renderer/label-cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE3D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAID,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,YAAY,CAAsB;IAE1C,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAK3E;IAED,UAAU,IAAI,IAAI,CAKjB;IAED,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAe1H;IAED,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAe5H;IAED,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,YAAY;CAwBrB"}

package/dist/renderer/label-cache.js

@@ -0,0 +1,85 @@
+const LABEL_TYPES = new Set(['COMPONENT', 'COMPONENT_SET']);
+export class LabelCache {
+    sections = [];
+    components = [];
+    cachedSceneVersion = -1;
+    cachedPageId = null;
+    update(graph, pageId, sceneVersion) {
+        if (sceneVersion === this.cachedSceneVersion && pageId === this.cachedPageId)
+            return;
+        this.rebuild(graph, pageId);
+        this.cachedSceneVersion = sceneVersion;
+        this.cachedPageId = pageId;
+    }
+    invalidate() {
+        this.cachedSceneVersion = -1;
+        this.cachedPageId = null;
+        this.sections = [];
+        this.components = [];
+    }
+    getSections(graph, viewport) {
+        const result = [];
+        for (const cached of this.sections) {
+            const node = graph.getNode(cached.nodeId);
+            if (!node)
+                continue;
+            if (cached.absX + node.width >= viewport.x &&
+                cached.absY + node.height >= viewport.y &&
+                cached.absX <= viewport.x + viewport.w &&
+                cached.absY <= viewport.y + viewport.h) {
+                result.push({ node, absX: cached.absX, absY: cached.absY, nested: cached.nested });
+            }
+        }
+        return result;
+    }
+    getComponents(graph, viewport) {
+        const result = [];
+        for (const cached of this.components) {
+            const node = graph.getNode(cached.nodeId);
+            if (!node)
+                continue;
+            if (cached.absX + node.width >= viewport.x &&
+                cached.absY + node.height >= viewport.y &&
+                cached.absX <= viewport.x + viewport.w &&
+                cached.absY <= viewport.y + viewport.h) {
+                result.push({ node, absX: cached.absX, absY: cached.absY, inside: cached.parentType === 'COMPONENT_SET' });
+            }
+        }
+        return result;
+    }
+    rebuild(graph, pageId) {
+        this.sections = [];
+        this.components = [];
+        const pageNode = graph.getNode(pageId ?? graph.rootId);
+        if (!pageNode)
+            return;
+        this.walkChildren(graph, pageNode.id, 0, 0, false);
+    }
+    walkChildren(graph, parentId, ox, oy, insideSection) {
+        const parent = graph.getNode(parentId);
+        if (!parent)
+            return;
+        const parentType = parent.type;
+        for (const childId of parent.childIds) {
+            const child = graph.getNode(childId);
+            if (!child || !child.visible)
+                continue;
+            const ax = ox + child.x;
+            const ay = oy + child.y;
+            if (child.type === 'SECTION') {
+                this.sections.push({ nodeId: childId, absX: ax, absY: ay, nested: insideSection });
+                this.walkChildren(graph, childId, ax, ay, true);
+            }
+            else if (LABEL_TYPES.has(child.type)) {
+                this.components.push({ nodeId: childId, absX: ax, absY: ay, parentType });
+                if (child.childIds.length > 0) {
+                    this.walkChildren(graph, childId, ax, ay, insideSection);
+                }
+            }
+            else if (child.childIds.length > 0) {
+                this.walkChildren(graph, childId, ax, ay, insideSection);
+            }
+        }
+    }
+}
+//# sourceMappingURL=label-cache.js.map

package/dist/renderer/label-cache.js.map

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

package/dist/renderer/labels.d.ts

@@ -0,0 +1,6 @@
+import type { SceneGraph } from '../scene-graph.js';
+import type { Canvas } from 'canvaskit-wasm';
+import type { SkiaRenderer } from './renderer.js';
+export declare function drawSectionTitles(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph): void;
+export declare function drawComponentLabels(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph): void;
+//# sourceMappingURL=labels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../src/renderer/labels.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAa,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3D,OAAO,KAAK,EAAE,MAAM,EAAQ,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAc1F;AAsED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAqE5F"}

package/dist/renderer/labels.js

@@ -0,0 +1,126 @@
+import { SECTION_TITLE_HEIGHT, SECTION_TITLE_PADDING_X, SECTION_TITLE_RADIUS, SECTION_TITLE_GAP, COMPONENT_LABEL_FONT_SIZE, COMPONENT_LABEL_GAP, COMPONENT_LABEL_ICON_SIZE, COMPONENT_LABEL_ICON_GAP } from '../constants.js';
+export function drawSectionTitles(r, canvas, graph) {
+    if (!r.sectionTitleFont || r.zoom < 0.15)
+        return;
+    const sections = r.labelCache.getSections(graph, r.worldViewport);
+    if (sections.length === 0)
+        return;
+    const font = r.sectionTitleFont;
+    const ellipsis = '…';
+    const ellipsisGlyphs = font.getGlyphIDs(ellipsis);
+    const ellipsisWidth = font.getGlyphWidths(ellipsisGlyphs)[0];
+    for (const { node, absX, absY, nested } of sections) {
+        drawSectionTitle(r, canvas, font, node, absX, absY, nested, ellipsis, ellipsisWidth);
+    }
+}
+function drawSectionTitle(r, canvas, font, node, absX, absY, nested, ellipsis, ellipsisWidth) {
+    const screenX = absX * r.zoom + r.panX;
+    const screenY = absY * r.zoom + r.panY;
+    const screenW = node.width * r.zoom;
+    const maxPillW = Math.max(screenW, 0);
+    const glyphIds = font.getGlyphIDs(node.name);
+    const widths = font.getGlyphWidths(glyphIds);
+    let fullTextWidth = 0;
+    for (const w of widths)
+        fullTextWidth += w;
+    const maxTextW = maxPillW - SECTION_TITLE_PADDING_X * 2;
+    let displayText = node.name;
+    let textWidth = fullTextWidth;
+    if (textWidth > maxTextW && maxTextW > ellipsisWidth) {
+        let truncW = 0;
+        let truncIdx = 0;
+        for (let i = 0; i < widths.length; i++) {
+            if (truncW + widths[i] + ellipsisWidth > maxTextW)
+                break;
+            truncW += widths[i];
+            truncIdx = i + 1;
+        }
+        displayText = node.name.slice(0, truncIdx) + ellipsis;
+        textWidth = truncW + ellipsisWidth;
+    }
+    else if (maxTextW <= ellipsisWidth) {
+        displayText = ellipsis;
+        textWidth = ellipsisWidth;
+    }
+    const pillW = Math.min(textWidth + SECTION_TITLE_PADDING_X * 2, maxPillW);
+    const pillH = SECTION_TITLE_HEIGHT;
+    const pillX = screenX;
+    const pillY = nested ? screenY + SECTION_TITLE_GAP : screenY - pillH - SECTION_TITLE_GAP;
+    if (node.fills.length > 0 && node.fills[0].visible) {
+        const c = node.fills[0].color;
+        r.auxFill.setColor(r.ck.Color4f(c.r, c.g, c.b, node.fills[0].opacity));
+    }
+    else {
+        r.auxFill.setColor(r.ck.Color4f(0.37, 0.37, 0.37, 1));
+    }
+    const pillRect = r.ck.LTRBRect(pillX, pillY, pillX + pillW, pillY + pillH);
+    canvas.drawRRect(r.ck.RRectXY(pillRect, SECTION_TITLE_RADIUS, SECTION_TITLE_RADIUS), r.auxFill);
+    const pillColor = node.fills.length > 0 && node.fills[0].visible
+        ? node.fills[0].color
+        : { r: 0.37, g: 0.37, b: 0.37 };
+    const lum = 0.299 * pillColor.r + 0.587 * pillColor.g + 0.114 * pillColor.b;
+    r.auxFill.setColor(lum > 0.5 ? r.ck.BLACK : r.ck.WHITE);
+    const textY = pillY + pillH * 0.7;
+    canvas.drawText(displayText, pillX + SECTION_TITLE_PADDING_X, textY, r.auxFill, font);
+}
+export function drawComponentLabels(r, canvas, graph) {
+    if (!r.componentLabelFont || r.zoom < 0.15)
+        return;
+    const components = r.labelCache.getComponents(graph, r.worldViewport);
+    if (components.length === 0)
+        return;
+    const font = r.componentLabelFont;
+    const compColor = r.compColor();
+    const iconS = COMPONENT_LABEL_ICON_SIZE;
+    for (const { node, absX, absY, inside } of components) {
+        const screenX = absX * r.zoom + r.panX;
+        const screenY = absY * r.zoom + r.panY;
+        const labelX = screenX;
+        let labelY;
+        if (inside) {
+            labelY = screenY + COMPONENT_LABEL_GAP + COMPONENT_LABEL_FONT_SIZE;
+        }
+        else {
+            labelY = screenY - COMPONENT_LABEL_GAP;
+        }
+        const iconX = labelX;
+        const iconY = labelY - COMPONENT_LABEL_FONT_SIZE * 0.75;
+        const iconCx = iconX + iconS / 2;
+        const iconCy = iconY + iconS / 2;
+        const iconR = iconS / 2;
+        r.auxFill.setColor(compColor);
+        if (node.type === 'COMPONENT_SET') {
+            const s = iconR * 0.45;
+            const gap = iconR * 0.2;
+            const path = new r.ck.Path();
+            for (const [dx, dy] of [
+                [-1, -1],
+                [1, -1],
+                [-1, 1],
+                [1, 1]
+            ]) {
+                const cx = iconCx + dx * (s + gap);
+                const cy = iconCy + dy * (s + gap);
+                path.moveTo(cx, cy - s);
+                path.lineTo(cx + s, cy);
+                path.lineTo(cx, cy + s);
+                path.lineTo(cx - s, cy);
+                path.close();
+            }
+            canvas.drawPath(path, r.auxFill);
+            path.delete();
+        }
+        else {
+            const path = new r.ck.Path();
+            path.moveTo(iconCx, iconCy - iconR);
+            path.lineTo(iconCx + iconR, iconCy);
+            path.lineTo(iconCx, iconCy + iconR);
+            path.lineTo(iconCx - iconR, iconCy);
+            path.close();
+            canvas.drawPath(path, r.auxFill);
+            path.delete();
+        }
+        canvas.drawText(node.name, labelX + iconS + COMPONENT_LABEL_ICON_GAP, labelY, r.auxFill, font);
+    }
+}
+//# sourceMappingURL=labels.js.map

package/dist/renderer/labels.js.map

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

package/dist/renderer/lru-cache.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Simple LRU cache with configurable max size.
+ * Calls `dispose` on evicted values so WASM/CanvasKit objects are freed.
+ */
+export declare class LRUCache<K, V> {
+    private readonly map;
+    private readonly dispose;
+    readonly maxSize: number;
+    constructor(maxSize: number, dispose: (value: V) => void);
+    get(key: K): V | undefined;
+    set(key: K, value: V): void;
+    has(key: K): boolean;
+    delete(key: K): boolean;
+    clear(): void;
+    get size(): number;
+    values(): IterableIterator<V>;
+    keys(): IterableIterator<K>;
+    private evict;
+}
+//# sourceMappingURL=lru-cache.d.ts.map

package/dist/renderer/lru-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lru-cache.d.ts","sourceRoot":"","sources":["../../src/renderer/lru-cache.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,qBAAa,QAAQ,CAAC,CAAC,EAAE,CAAC;IACxB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkB;IACtC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoB;IAC5C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IAExB,YAAY,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAGvD;IAED,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAOzB;IAED,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAQ1B;IAED,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,OAAO,CAEnB;IAED,MAAM,CAAC,GAAG,EAAE,CAAC,GAAG,OAAO,CAKtB;IAED,KAAK,IAAI,IAAI,CAKZ;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAE5B;IAED,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAE1B;IAED,OAAO,CAAC,KAAK;CAOd"}

package/dist/renderer/lru-cache.js

@@ -0,0 +1,65 @@
+/**
+ * Simple LRU cache with configurable max size.
+ * Calls `dispose` on evicted values so WASM/CanvasKit objects are freed.
+ */
+export class LRUCache {
+    map = new Map();
+    dispose;
+    maxSize;
+    constructor(maxSize, dispose) {
+        this.maxSize = maxSize;
+        this.dispose = dispose;
+    }
+    get(key) {
+        const value = this.map.get(key);
+        if (value === undefined)
+            return undefined;
+        // Move to end (most recently used)
+        this.map.delete(key);
+        this.map.set(key, value);
+        return value;
+    }
+    set(key, value) {
+        const existing = this.map.get(key);
+        if (existing !== undefined) {
+            this.dispose(existing);
+            this.map.delete(key);
+        }
+        this.map.set(key, value);
+        this.evict();
+    }
+    has(key) {
+        return this.map.has(key);
+    }
+    delete(key) {
+        const value = this.map.get(key);
+        if (value === undefined)
+            return false;
+        this.dispose(value);
+        return this.map.delete(key);
+    }
+    clear() {
+        for (const value of this.map.values()) {
+            this.dispose(value);
+        }
+        this.map.clear();
+    }
+    get size() {
+        return this.map.size;
+    }
+    values() {
+        return this.map.values();
+    }
+    keys() {
+        return this.map.keys();
+    }
+    evict() {
+        while (this.map.size > this.maxSize) {
+            const { value: oldest } = this.map.keys().next();
+            if (oldest === undefined)
+                break;
+            this.delete(oldest);
+        }
+    }
+}
+//# sourceMappingURL=lru-cache.js.map

package/dist/renderer/lru-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lru-cache.js","sourceRoot":"","sources":["../../src/renderer/lru-cache.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,OAAO,QAAQ;IACF,GAAG,GAAG,IAAI,GAAG,EAAQ,CAAA;IACrB,OAAO,CAAoB;IACnC,OAAO,CAAQ;IAExB,YAAY,OAAe,EAAE,OAA2B,EAAE;QACxD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;IAAA,CACvB;IAED,GAAG,CAAC,GAAM,EAAiB;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,SAAS,CAAA;QACzC,mCAAmC;QACnC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QACpB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACxB,OAAO,KAAK,CAAA;IAAA,CACb;IAED,GAAG,CAAC,GAAM,EAAE,KAAQ,EAAQ;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAClC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YACtB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QACtB,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACxB,IAAI,CAAC,KAAK,EAAE,CAAA;IAAA,CACb;IAED,GAAG,CAAC,GAAM,EAAW;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAAA,CACzB;IAED,MAAM,CAAC,GAAM,EAAW;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAA;QACrC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;IAAA,CAC5B;IAED,KAAK,GAAS;QACZ,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAA;IAAA,CACjB;IAED,IAAI,IAAI,GAAW;QACjB,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAA;IAAA,CACrB;IAED,MAAM,GAAwB;QAC5B,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAA;IAAA,CACzB;IAED,IAAI,GAAwB;QAC1B,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;IAAA,CACvB;IAEO,KAAK,GAAS;QACpB,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAA;YAChD,IAAI,MAAM,KAAK,SAAS;gBAAE,MAAK;YAC/B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACrB,CAAC;IAAA,CACF;CACF"}

package/dist/renderer/overlays.d.ts

@@ -0,0 +1,25 @@
+import type { SceneNode, SceneGraph } from '../scene-graph.js';
+import type { SnapGuide } from '../snap.js';
+import type { TextEditor } from '../text-editor.js';
+import type { Rect, Vector } from '../types.js';
+import type { Canvas } from 'canvaskit-wasm';
+import type { SkiaRenderer, RenderOverlays } from './renderer.js';
+export declare function drawHoverHighlight(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, hoveredNodeId?: string | null): void;
+export declare function drawSelection(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, selectedIds: Set<string>, overlays: RenderOverlays): void;
+export declare function drawNodeSelection(r: SkiaRenderer, canvas: Canvas, node: SceneNode, rotation: number, graph: SceneGraph): void;
+export declare function drawSelectionLabels(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, selectedIds: Set<string>): void;
+export declare function drawParentFrameOutlines(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, selectedIds: Set<string>): void;
+export declare function drawNodeOutline(r: SkiaRenderer, canvas: Canvas, node: SceneNode, rotation: number, graph: SceneGraph): void;
+export declare function drawGroupBounds(r: SkiaRenderer, canvas: Canvas, nodes: SceneNode[], graph: SceneGraph): void;
+export declare function getRotatedCorners(r: SkiaRenderer, n: SceneNode, abs: Vector): Vector[];
+export declare function drawHandle(r: SkiaRenderer, canvas: Canvas, x: number, y: number): void;
+export declare function drawSnapGuides(r: SkiaRenderer, canvas: Canvas, guides?: SnapGuide[]): void;
+export declare function drawMarquee(r: SkiaRenderer, canvas: Canvas, marquee?: Rect | null): void;
+export declare function drawFlashes(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph): void;
+export declare function drawLayoutInsertIndicator(r: SkiaRenderer, canvas: Canvas, indicator?: RenderOverlays['layoutInsertIndicator']): void;
+export declare function drawTextEditOverlay(r: SkiaRenderer, canvas: Canvas, node: SceneNode, editor: TextEditor): void;
+export declare function drawPenOverlay(r: SkiaRenderer, canvas: Canvas, penState: RenderOverlays['penState']): void;
+export declare function drawRemoteCursors(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, cursors?: RenderOverlays['remoteCursors']): void;
+export declare function drawMeasurements(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, selectedIds: Set<string>, hoveredNodeId?: string | null): void;
+export declare function drawPaddingOverlay(r: SkiaRenderer, canvas: Canvas, graph: SceneGraph, selectedIds: Set<string>): void;
+//# sourceMappingURL=overlays.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../../src/renderer/overlays.ts"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE9D,wBAAgB,kBAAkB,CAChC,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAC5B,IAAI,CAyBN;AAED,wBAAgB,aAAa,CAC3B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,QAAQ,EAAE,cAAc,GACvB,IAAI,CA6CN;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,UAAU,GAChB,IAAI,CA0CN;AAED,wBAAgB,mBAAmB,CACjC,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,GACvB,IAAI,CAsEN;AAED,wBAAgB,uBAAuB,CACrC,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,GACvB,IAAI,CA6BN;AAED,wBAAgB,eAAe,CAC7B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,UAAU,GAChB,IAAI,CAcN;AAED,wBAAgB,eAAe,CAC7B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,SAAS,EAAE,EAClB,KAAK,EAAE,UAAU,GAChB,IAAI,CA4CN;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,YAAY,EACf,CAAC,EAAE,SAAS,EACZ,GAAG,EAAE,MAAM,GACV,MAAM,EAAE,CAeV;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAUtF;AAED,wBAAgB,cAAc,CAC5B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,MAAM,CAAC,EAAE,SAAS,EAAE,GACnB,IAAI,CAgBN;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAYxF;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAsEpF;AAED,wBAAgB,yBAAyB,CACvC,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,GAClD,IAAI,CAkBN;AAED,wBAAgB,mBAAmB,CACjC,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,UAAU,GACjB,IAAI,CA0CN;AAwGD,wBAAgB,cAAc,CAC5B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,GACnC,IAAI,CAwBN;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,OAAO,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GACxC,IAAI,CAgFN;AAgFD,wBAAgB,gBAAgB,CAC9B,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAC5B,IAAI,CA4HN;AAOD,wBAAgB,kBAAkB,CAChC,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,GACvB,IAAI,CAuEN"}