@llc3233149/core 0.9.0

package/dist/profiler/phase-timer.js

@@ -0,0 +1,51 @@
+function colorForPhase(name) {
+    if (name === 'frame')
+        return 'primary';
+    if (name === 'render:flush')
+        return 'tertiary-dark';
+    if (name === 'render:recordPicture')
+        return 'tertiary';
+    if (name.startsWith('render:'))
+        return 'secondary';
+    if (name.startsWith('layout:'))
+        return 'secondary-dark';
+    return 'secondary-light';
+}
+const SMOOTH = 0.05;
+export class PhaseTimer {
+    enabled = false;
+    averages = new Map();
+    starts = new Map();
+    beginPhase(name) {
+        if (!this.enabled || typeof performance === 'undefined')
+            return;
+        this.starts.set(name, performance.now());
+    }
+    endPhase(name) {
+        if (!this.enabled || typeof performance === 'undefined')
+            return;
+        const startTime = this.starts.get(name);
+        if (startTime === undefined)
+            return;
+        this.starts.delete(name);
+        const duration = performance.now() - startTime;
+        const prev = this.averages.get(name);
+        this.averages.set(name, prev === undefined ? duration : prev + (duration - prev) * SMOOTH);
+        performance.measure(name, {
+            start: startTime,
+            detail: {
+                devtools: {
+                    dataType: 'track-entry',
+                    track: 'Renderer',
+                    trackGroup: 'Lutris',
+                    color: colorForPhase(name)
+                }
+            }
+        });
+    }
+    clearPhases() {
+        this.starts.clear();
+        this.averages.clear();
+    }
+}
+//# sourceMappingURL=phase-timer.js.map

package/dist/profiler/phase-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phase-timer.js","sourceRoot":"","sources":["../../src/profiler/phase-timer.ts"],"names":[],"mappings":"AAQA,SAAS,aAAa,CAAC,IAAY,EAAiB;IAClD,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,SAAS,CAAA;IACtC,IAAI,IAAI,KAAK,cAAc;QAAE,OAAO,eAAe,CAAA;IACnD,IAAI,IAAI,KAAK,sBAAsB;QAAE,OAAO,UAAU,CAAA;IACtD,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;QAAE,OAAO,WAAW,CAAA;IAClD,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;QAAE,OAAO,gBAAgB,CAAA;IACvD,OAAO,iBAAiB,CAAA;AAAA,CACzB;AAED,MAAM,MAAM,GAAG,IAAI,CAAA;AAEnB,MAAM,OAAO,UAAU;IACrB,OAAO,GAAG,KAAK,CAAA;IACN,QAAQ,GAAG,IAAI,GAAG,EAAkB,CAAA;IAErC,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAA;IAE1C,UAAU,CAAC,IAAY,EAAQ;QAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,WAAW,KAAK,WAAW;YAAE,OAAM;QAC/D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAA;IAAA,CACzC;IAED,QAAQ,CAAC,IAAY,EAAQ;QAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,WAAW,KAAK,WAAW;YAAE,OAAM;QAE/D,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACvC,IAAI,SAAS,KAAK,SAAS;YAAE,OAAM;QACnC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAExB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAA;QAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACpC,IAAI,CAAC,QAAQ,CAAC,GAAG,CACf,IAAI,EACJ,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,MAAM,CAClE,CAAA;QAED,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE;YACxB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,QAAQ,EAAE;oBACR,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,UAAU;oBACjB,UAAU,EAAE,QAAQ;oBACpB,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC;iBAC3B;aACF;SACF,CAAC,CAAA;IAAA,CACH;IAED,WAAW,GAAS;QAClB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;QACnB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAAA,CACtB;CACF"}

package/dist/profiler/render-profiler.d.ts

@@ -0,0 +1,41 @@
+import { FrameStats } from './frame-stats.js';
+import { GPUTimer } from './gpu-timer.js';
+import { DrawCallCounter } from './draw-call-counter.js';
+import { PhaseTimer } from './phase-timer.js';
+import type { FrameCapture } from './frame-capture.js';
+import type { CanvasKit, Canvas, Typeface } from 'canvaskit-wasm';
+export declare class RenderProfiler {
+    private ck;
+    enabled: boolean;
+    hudVisible: boolean;
+    capturing: boolean;
+    readonly stats: FrameStats;
+    readonly phases: PhaseTimer;
+    readonly gpuTimer: GPUTimer;
+    readonly drawCallCounter: DrawCallCounter;
+    private hud;
+    private typeface;
+    private captureStack;
+    private captureFrameStart;
+    private lastCapture;
+    private renderStartTime;
+    constructor(ck: CanvasKit, gl: WebGL2RenderingContext | null);
+    toggle(): void;
+    beginFrame(): void;
+    endFrame(): void;
+    beginPhase(name: string): void;
+    endPhase(name: string): void;
+    setNodeCounts(total: number, culled: number): void;
+    setCacheHit(hit: boolean): void;
+    beginCapture(): void;
+    endCapture(): FrameCapture | null;
+    beginNode(nodeId: string, name: string, type: string, culled: boolean): void;
+    endNode(drawCallsBefore: number): void;
+    getLastCapture(): FrameCapture | null;
+    exportSpeedscope(): string | null;
+    downloadSpeedscope(): void;
+    setTypeface(typeface: Typeface): void;
+    drawHUD(canvas: Canvas, showRulers: boolean): void;
+    destroy(): void;
+}
+//# sourceMappingURL=render-profiler.d.ts.map

package/dist/profiler/render-profiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-profiler.d.ts","sourceRoot":"","sources":["../../src/profiler/render-profiler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAIjE,qBAAa,cAAc;IAkBvB,OAAO,CAAC,EAAE;IAjBZ,OAAO,UAAQ;IACf,UAAU,UAAQ;IAClB,SAAS,UAAQ;IAEjB,QAAQ,CAAC,KAAK,aAAmB;IACjC,QAAQ,CAAC,MAAM,aAAmB;IAClC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IAEzC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,iBAAiB,CAAI;IAC7B,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,eAAe,CAAI;IAE3B,YACU,EAAE,EAAE,SAAS,EACrB,EAAE,EAAE,sBAAsB,GAAG,IAAI,EAIlC;IAED,MAAM,IAAI,IAAI,CAIb;IAED,UAAU,IAAI,IAAI,CAMjB;IAED,QAAQ,IAAI,IAAI,CAYf;IAED,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAG7B;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAG3B;IAED,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAGjD;IAED,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,CAE9B;IAED,YAAY,IAAI,IAAI,CAKnB;IAED,UAAU,IAAI,YAAY,GAAG,IAAI,CAmBhC;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAE3E;IAED,OAAO,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAErC;IAED,cAAc,IAAI,YAAY,GAAG,IAAI,CAEpC;IAED,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAGhC;IAED,kBAAkB,IAAI,IAAI,CAUzB;IAED,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAGpC;IAED,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAOjD;IAED,OAAO,IAAI,IAAI,CAMd;CACF"}

package/dist/profiler/render-profiler.js

@@ -0,0 +1,142 @@
+import { FrameStats } from './frame-stats.js';
+import { GPUTimer } from './gpu-timer.js';
+import { DrawCallCounter } from './draw-call-counter.js';
+import { PhaseTimer } from './phase-timer.js';
+import { HudRenderer } from './hud-renderer.js';
+import { CaptureStack, toSpeedscopeJSON } from './frame-capture.js';
+const now = typeof performance !== 'undefined' ? () => performance.now() : () => 0;
+export class RenderProfiler {
+    ck;
+    enabled = false;
+    hudVisible = false;
+    capturing = false;
+    stats = new FrameStats();
+    phases = new PhaseTimer();
+    gpuTimer;
+    drawCallCounter;
+    hud = null;
+    typeface = null;
+    captureStack = null;
+    captureFrameStart = 0;
+    lastCapture = null;
+    renderStartTime = 0;
+    constructor(ck, gl) {
+        this.ck = ck;
+        this.gpuTimer = new GPUTimer(gl);
+        this.drawCallCounter = new DrawCallCounter(gl);
+    }
+    toggle() {
+        this.hudVisible = !this.hudVisible;
+        this.enabled = this.hudVisible;
+        this.phases.enabled = this.enabled;
+    }
+    beginFrame() {
+        if (!this.enabled)
+            return;
+        this.renderStartTime = now();
+        this.phases.beginPhase('frame');
+        this.gpuTimer.beginFrame();
+        this.drawCallCounter.reset();
+    }
+    endFrame() {
+        if (!this.enabled)
+            return;
+        this.gpuTimer.endFrame();
+        this.gpuTimer.pollResults();
+        const cpuTime = now() - this.renderStartTime;
+        this.stats.gpuTime = this.gpuTimer.lastGpuTimeMs;
+        this.stats.drawCalls = this.drawCallCounter.count;
+        this.stats.recordFrame(cpuTime);
+        this.phases.endPhase('frame');
+    }
+    beginPhase(name) {
+        if (!this.enabled)
+            return;
+        this.phases.beginPhase(name);
+    }
+    endPhase(name) {
+        if (!this.enabled)
+            return;
+        this.phases.endPhase(name);
+    }
+    setNodeCounts(total, culled) {
+        this.stats.totalNodes = total;
+        this.stats.culledNodes = culled;
+    }
+    setCacheHit(hit) {
+        this.stats.scenePictureCacheHit = hit;
+    }
+    beginCapture() {
+        this.capturing = true;
+        this.captureStack = new CaptureStack();
+        this.captureFrameStart = now();
+        this.captureStack.reset(this.captureFrameStart);
+    }
+    endCapture() {
+        if (!this.capturing || !this.captureStack)
+            return null;
+        this.capturing = false;
+        const capture = {
+            timestamp: this.captureFrameStart,
+            totalTimeMs: now() - this.captureFrameStart,
+            cpuTimeMs: this.stats.cpuTime,
+            gpuTimeMs: this.gpuTimer.lastGpuTimeMs,
+            totalNodes: this.stats.totalNodes,
+            culledNodes: this.stats.culledNodes,
+            drawCalls: this.stats.drawCalls,
+            scenePictureCacheHit: this.stats.scenePictureCacheHit,
+            rootProfiles: this.captureStack.getRootProfiles()
+        };
+        this.lastCapture = capture;
+        this.captureStack = null;
+        return capture;
+    }
+    beginNode(nodeId, name, type, culled) {
+        this.captureStack?.begin(nodeId, name, type, culled);
+    }
+    endNode(drawCallsBefore) {
+        this.captureStack?.end(this.drawCallCounter.count - drawCallsBefore);
+    }
+    getLastCapture() {
+        return this.lastCapture;
+    }
+    exportSpeedscope() {
+        if (!this.lastCapture)
+            return null;
+        return toSpeedscopeJSON(this.lastCapture);
+    }
+    downloadSpeedscope() {
+        const json = this.exportSpeedscope();
+        if (!json || typeof document === 'undefined')
+            return;
+        const blob = new Blob([json], { type: 'application/json' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `lutris-frame-${Date.now()}.speedscope.json`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    setTypeface(typeface) {
+        this.typeface = typeface;
+        this.hud?.setTypeface(typeface);
+    }
+    drawHUD(canvas, showRulers) {
+        if (!this.hudVisible)
+            return;
+        if (!this.hud) {
+            this.hud = new HudRenderer(this.ck);
+            if (this.typeface)
+                this.hud.setTypeface(this.typeface);
+        }
+        this.hud.draw(canvas, this.stats, this.phases.averages, showRulers);
+    }
+    destroy() {
+        this.gpuTimer.destroy();
+        this.drawCallCounter.destroy();
+        this.hud?.destroy();
+        this.hud = null;
+        this.phases.clearPhases();
+    }
+}
+//# sourceMappingURL=render-profiler.js.map

package/dist/profiler/render-profiler.js.map

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

package/dist/render/components.d.ts

@@ -0,0 +1,25 @@
+import { type BaseProps, type TextProps, type TreeNode } from './tree.js';
+type Child = TreeNode | string;
+export declare function Frame(props: BaseProps, ...children: Child[]): TreeNode;
+export declare function Text(props: TextProps, ...children: Child[]): TreeNode;
+export declare function Rectangle(props: BaseProps, ...children: Child[]): TreeNode;
+export declare function Ellipse(props: BaseProps, ...children: Child[]): TreeNode;
+export declare function Line(props: BaseProps, ...children: Child[]): TreeNode;
+export declare function Star(props: BaseProps & {
+    points?: number;
+    innerRadius?: number;
+}, ...children: Child[]): TreeNode;
+export declare function Polygon(props: BaseProps & {
+    pointCount?: number;
+}, ...children: Child[]): TreeNode;
+export declare function Vector(props: BaseProps, ...children: Child[]): TreeNode;
+export declare function Group(props: BaseProps, ...children: Child[]): TreeNode;
+export declare function Section(props: BaseProps, ...children: Child[]): TreeNode;
+export declare const View: typeof Frame;
+export declare const Rect: typeof Rectangle;
+export declare const Component: typeof Frame;
+export declare const Instance: typeof Frame;
+export declare const Page: typeof Frame;
+export declare const INTRINSIC_ELEMENTS: readonly ["frame", "text", "rectangle", "ellipse", "line", "star", "polygon", "vector", "group", "section"];
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/render/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/render/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5E,KAAK,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAS9B,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAEtE;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAErE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAE1E;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAExE;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAErE;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAEjH;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAElG;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAEvE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAEtE;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAExE;AAED,eAAO,MAAM,IAAI,cAAQ,CAAA;AACzB,eAAO,MAAM,IAAI,kBAAY,CAAA;AAC7B,eAAO,MAAM,SAAS,cAAQ,CAAA;AAC9B,eAAO,MAAM,QAAQ,cAAQ,CAAA;AAC7B,eAAO,MAAM,IAAI,cAAQ,CAAA;AAEzB,eAAO,MAAM,kBAAkB,6GAWrB,CAAA"}

package/dist/render/components.js

@@ -0,0 +1,55 @@
+import { node } from './tree.js';
+function withChildren(type, props, children) {
+    if (children.length > 0) {
+        return node(type, { ...props, children });
+    }
+    return node(type, props);
+}
+export function Frame(props, ...children) {
+    return withChildren('frame', props, children);
+}
+export function Text(props, ...children) {
+    return withChildren('text', props, children);
+}
+export function Rectangle(props, ...children) {
+    return withChildren('rectangle', props, children);
+}
+export function Ellipse(props, ...children) {
+    return withChildren('ellipse', props, children);
+}
+export function Line(props, ...children) {
+    return withChildren('line', props, children);
+}
+export function Star(props, ...children) {
+    return withChildren('star', props, children);
+}
+export function Polygon(props, ...children) {
+    return withChildren('polygon', props, children);
+}
+export function Vector(props, ...children) {
+    return withChildren('vector', props, children);
+}
+export function Group(props, ...children) {
+    return withChildren('group', props, children);
+}
+export function Section(props, ...children) {
+    return withChildren('section', props, children);
+}
+export const View = Frame;
+export const Rect = Rectangle;
+export const Component = Frame;
+export const Instance = Frame;
+export const Page = Frame;
+export const INTRINSIC_ELEMENTS = [
+    'frame',
+    'text',
+    'rectangle',
+    'ellipse',
+    'line',
+    'star',
+    'polygon',
+    'vector',
+    'group',
+    'section'
+];
+//# sourceMappingURL=components.js.map

package/dist/render/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/render/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiD,MAAM,QAAQ,CAAA;AAI5E,SAAS,YAAY,CAAC,IAAY,EAAE,KAA8B,EAAE,QAAiB,EAAY;IAC/F,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC3C,CAAC;IACD,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAAA,CACzB;AAED,MAAM,UAAU,KAAK,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACtE,OAAO,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAC9C;AAED,MAAM,UAAU,IAAI,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACrE,OAAO,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAC7C;AAED,MAAM,UAAU,SAAS,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IAC1E,OAAO,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAClD;AAED,MAAM,UAAU,OAAO,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACxE,OAAO,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAChD;AAED,MAAM,UAAU,IAAI,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACrE,OAAO,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAC7C;AAED,MAAM,UAAU,IAAI,CAAC,KAA4D,EAAE,GAAG,QAAiB,EAAY;IACjH,OAAO,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAC7C;AAED,MAAM,UAAU,OAAO,CAAC,KAA0C,EAAE,GAAG,QAAiB,EAAY;IAClG,OAAO,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAChD;AAED,MAAM,UAAU,MAAM,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACvE,OAAO,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAC/C;AAED,MAAM,UAAU,KAAK,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACtE,OAAO,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAC9C;AAED,MAAM,UAAU,OAAO,CAAC,KAAgB,EAAE,GAAG,QAAiB,EAAY;IACxE,OAAO,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,CAChD;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAA;AACzB,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAA;AAC7B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAA;AAC9B,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAA;AAC7B,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO;IACP,MAAM;IACN,WAAW;IACX,SAAS;IACT,MAAM;IACN,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;IACP,SAAS;CACD,CAAA"}

package/dist/render/emoji-icons.d.ts

@@ -0,0 +1,5 @@
+import type { VectorNetwork } from '../scene-graph.js';
+export declare function stripEmoji(text: string): string;
+export declare function emojiToIconName(text: string): string | null;
+export declare function getIconNetwork(name: string): VectorNetwork | null;
+//# sourceMappingURL=emoji-icons.d.ts.map

package/dist/render/emoji-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-icons.d.ts","sourceRoot":"","sources":["../../src/render/emoji-icons.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAInD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/C;AAyCD,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAG3D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAEjE"}

package/dist/render/emoji-icons.js

@@ -0,0 +1,55 @@
+/**
+ * Emoji detection and mapping to built-in vector icons.
+ * Used by the JSX renderer to replace emoji characters with vector icons.
+ */
+import { ICONS } from '../tools/icons.js';
+const EMOJI_RE = /[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{1F1E0}-\u{1F1FF}\u{2600}-\u{27BF}\u{FE00}-\u{FE0F}\u{1F900}-\u{1F9FF}\u{1FA00}-\u{1FA6F}\u{1FA70}-\u{1FAFF}\u{200D}\u{20E3}\u{E0020}-\u{E007F}]/gu;
+export function stripEmoji(text) {
+    return text.replace(EMOJI_RE, '').replace(/\s{2,}/g, ' ').trim();
+}
+function isPureEmoji(text) {
+    const stripped = text.replace(EMOJI_RE, '').replace(/[\s\uFE0F\u200D]/g, '');
+    return stripped.length === 0 && text.trim().length > 0;
+}
+const EMOJI_ICON_MAP = {
+    '🔍': 'search', '🔎': 'search',
+    '⚙️': 'settings', '⚙': 'settings',
+    '🔔': 'bell', '🔕': 'bell',
+    '👤': 'user', '👥': 'users',
+    '❤️': 'heart', '❤': 'heart',
+    '⭐': 'star', '🌟': 'star',
+    '✉️': 'mail', '📧': 'mail', '📩': 'mail',
+    '📞': 'phone', '📱': 'phone',
+    '📅': 'calendar', '📆': 'calendar',
+    '🕐': 'clock', '⏰': 'clock',
+    '🖼️': 'image', '📷': 'camera', '📸': 'camera',
+    '▶️': 'play', '⏸️': 'pause',
+    '📄': 'file', '📁': 'folder', '📂': 'folder',
+    '⬇️': 'download', '⬆️': 'upload',
+    '🗑️': 'trash', '🗑': 'trash',
+    '📋': 'copy',
+    '💬': 'message-circle',
+    '📤': 'send', '🔗': 'link',
+    '⚠️': 'alert-circle',
+    '✅': 'check-circle',
+    'ℹ️': 'info',
+    '👁️': 'eye', '👀': 'eye',
+    '🏠': 'home', '🏡': 'home',
+    '✏️': 'edit', '📝': 'edit',
+    '➕': 'plus', '➖': 'minus', '❌': 'x',
+    '✔️': 'check',
+    '🔄': 'refresh',
+    '⚡': 'zap', '⚡️': 'zap',
+    '🌐': 'globe', '🌍': 'globe',
+    '🚪': 'log-out',
+    '↗️': 'external-link',
+};
+export function emojiToIconName(text) {
+    if (!isPureEmoji(text))
+        return null;
+    return EMOJI_ICON_MAP[text] ?? null;
+}
+export function getIconNetwork(name) {
+    return ICONS[name] ?? null;
+}
+//# sourceMappingURL=emoji-icons.js.map

package/dist/render/emoji-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-icons.js","sourceRoot":"","sources":["../../src/render/emoji-icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGtC,MAAM,QAAQ,GAAG,gNAAgN,CAAA;AAEjO,MAAM,UAAU,UAAU,CAAC,IAAY,EAAU;IAC/C,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;AAAA,CACjE;AAED,SAAS,WAAW,CAAC,IAAY,EAAW;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAA;IAC5E,OAAO,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;AAAA,CACvD;AAED,MAAM,cAAc,GAA2B;IAC7C,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ;IAC9B,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU;IACjC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAC1B,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;IAC3B,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO;IAC3B,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IACzB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IACxC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAC5B,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU;IAClC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO;IAC3B,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ;IAC9C,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;IAC3B,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ;IAC5C,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ;IAChC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAC7B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAC1B,IAAI,EAAE,cAAc;IACpB,GAAG,EAAE,cAAc;IACnB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK;IACzB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAC1B,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAC1B,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG;IACnC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK;IACvB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,eAAe;CACtB,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,IAAY,EAAiB;IAC3D,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAAA,CACpC;AAED,MAAM,UAAU,cAAc,CAAC,IAAY,EAAwB;IACjE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAAA,CAC3B"}

package/dist/render/export-code.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Multi-format code export: Vue SFC, React Component, HTML+CSS.
+ *
+ * Converts selected SceneGraph nodes into production-ready code.
+ */
+import type { SceneGraph } from '../scene-graph.js';
+export type CodeFormat = 'vue-sfc' | 'react' | 'html';
+export declare function selectionToCode(nodeIds: string[], graph: SceneGraph, format?: CodeFormat): string;
+//# sourceMappingURL=export-code.d.ts.map

package/dist/render/export-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-code.d.ts","sourceRoot":"","sources":["../../src/render/export-code.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAmC,MAAM,gBAAgB,CAAA;AAEjF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAiUrD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EAAE,EACjB,KAAK,EAAE,UAAU,EACjB,MAAM,GAAE,UAAmB,GAC1B,MAAM,CA6BR"}