@grafloria/element 0.3.19 → 0.3.21

package/src/libs/renderer/src/interaction/ink-overlay.js

@@ -1,154 +0,0 @@
-"use strict";
-// wave10/whiteboard — THE IN-PROGRESS STROKE LAYER.
-//
-// This is the presence-overlay pattern (see presence/presence-overlay.ts) applied to the
-// line a user is ACTIVELY DRAWING, and it exists for the identical reason.
-//
-// =============================================================================
-// WHY THE LIVE STROKE IS NOT A VNODE
-// =============================================================================
-// The renderer has a FRAME GATE (Wave 8): render() skips a frame outright when the model and
-// the viewport are unchanged. A line being drawn changes the PICTURE on every pointermove
-// while — until pointerup — changing NEITHER the model NOR the viewport. So a live stroke
-// routed through the VNode tree would hit one of two failures, both already seen in this repo:
-//
-//   • if it did not invalidate the frame, the gate would skip it and the line would FREEZE
-//     mid-drag until the next unrelated repaint;
-//   • if it DID call invalidateFrame() on every pointermove, it would rebuild and reconcile
-//     the ENTIRE scene (10k nodes and all) 120 times a second to extend a pencil by 3px —
-//     which is exactly the trap the presence overlay's header spends a page warning against.
-//
-// So the live stroke is drawn on a SEPARATE SVG LAYER, a sibling of the diagram's own layers,
-// updated by ONE attribute write per pointermove. It touches no VNode, trips no epoch, and
-// schedules no frame. On pointerup the tool commits ONE StrokeModel to the document — THAT
-// moves the mutation epoch, the gate opens once, and the committed ink renders through the
-// normal VNode path (stroke-layer.ts). The overlay is then cleared.
-//
-// The layer is `aria-hidden` and `pointer-events:none`: a half-drawn line is transient visual
-// feedback, not content and not a hit target. The committed stroke carries the a11y story.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InkOverlay = exports.INK_OVERLAY_CLASS = void 0;
-const SVG_NS = 'http://www.w3.org/2000/svg';
-exports.INK_OVERLAY_CLASS = 'grafloria-ink-overlay';
-/**
- * A camera-registered SVG scratch layer for transient drawing feedback.
- *
- * Draws in WORLD coordinates: the layer's `<g>` carries the same translate+scale the SVG
- * layer's viewBox implies, so a pan or a zoom re-registers every preview with ONE transform
- * write instead of re-projecting points in JS.
- */
-class InkOverlay {
-    constructor(options) {
-        this.options = options;
-        this.disposed = false;
-        /** Reused elements — updated by attribute, never recreated per pointermove. */
-        this.path = null;
-        this.rect = null;
-        this.doc = options.root.ownerDocument;
-        this.layer = this.doc.createElementNS(SVG_NS, 'svg');
-        this.layer.setAttribute('class', exports.INK_OVERLAY_CLASS);
-        this.layer.setAttribute('aria-hidden', 'true');
-        this.layer.setAttribute('style', 'position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none');
-        this.world = this.doc.createElementNS(SVG_NS, 'g');
-        this.world.setAttribute('transform', this.cameraTransform());
-        this.layer.appendChild(this.world);
-        options.root.appendChild(this.layer);
-        // A pan/zoom mid-gesture (two-finger + pen, a trackpad scroll) must keep the preview
-        // registered. Like the presence overlay, we only rewrite OUR transform — the diagram is
-        // already repainting for the viewport change, whose gate it DOES see.
-        this.unsubViewport = options.viewport.onChange(() => {
-            if (!this.disposed)
-                this.world.setAttribute('transform', this.cameraTransform());
-        });
-    }
-    /** For tests and the a11y audit — the DOM this owns. */
-    get element() {
-        return this.layer;
-    }
-    /** SVG transform (unitless) equivalent to the SVG layer's viewBox: world → container px. */
-    cameraTransform() {
-        const v = this.options.viewport.getViewport();
-        const z = this.options.viewport.getZoom();
-        return `translate(${-v.x * z} ${-v.y * z}) scale(${z})`;
-    }
-    ensurePath() {
-        if (!this.path) {
-            this.path = this.doc.createElementNS(SVG_NS, 'path');
-            this.path.setAttribute('fill', 'none');
-            this.path.setAttribute('stroke-linecap', 'round');
-            this.path.setAttribute('stroke-linejoin', 'round');
-            this.world.appendChild(this.path);
-        }
-        return this.path;
-    }
-    ensureRect() {
-        if (!this.rect) {
-            this.rect = this.doc.createElementNS(SVG_NS, 'rect');
-            this.world.appendChild(this.rect);
-        }
-        return this.rect;
-    }
-    /**
-     * Paint (or repaint) the in-progress freehand line through `points` (world coordinates).
-     * ONE `d` attribute write — no VNode, no frame.
-     */
-    drawPolyline(points, style) {
-        var _a;
-        if (this.disposed)
-            return;
-        const path = this.ensurePath();
-        path.setAttribute('d', polyline(points));
-        path.setAttribute('stroke', style.color);
-        path.setAttribute('stroke-width', String(style.width));
-        path.setAttribute('opacity', String((_a = style.opacity) !== null && _a !== void 0 ? _a : 1));
-        path.setAttribute('stroke-dasharray', style.dashed ? '6 4' : 'none');
-    }
-    /** Paint the rubber-band rectangle for the rectangle tool (world coordinates). */
-    drawRect(x, y, width, height, style) {
-        var _a;
-        if (this.disposed)
-            return;
-        const rect = this.ensureRect();
-        rect.setAttribute('x', String(x));
-        rect.setAttribute('y', String(y));
-        rect.setAttribute('width', String(Math.max(0, width)));
-        rect.setAttribute('height', String(Math.max(0, height)));
-        rect.setAttribute('fill', style.opacity !== undefined ? style.color : 'none');
-        rect.setAttribute('fill-opacity', String((_a = style.opacity) !== null && _a !== void 0 ? _a : 0));
-        rect.setAttribute('stroke', style.color);
-        rect.setAttribute('stroke-width', String(style.width));
-        rect.setAttribute('stroke-dasharray', style.dashed ? '6 4' : 'none');
-    }
-    /** Remove all preview geometry. Called on pointerup/cancel, once per gesture. */
-    clear() {
-        if (this.path) {
-            this.path.remove();
-            this.path = null;
-        }
-        if (this.rect) {
-            this.rect.remove();
-            this.rect = null;
-        }
-    }
-    dispose() {
-        if (this.disposed)
-            return;
-        this.disposed = true;
-        this.clear();
-        this.unsubViewport();
-        this.layer.remove();
-    }
-}
-exports.InkOverlay = InkOverlay;
-function polyline(points) {
-    if (points.length === 0)
-        return '';
-    const r = (v) => Math.round(v * 100) / 100;
-    if (points.length === 1)
-        return `M ${r(points[0].x)} ${r(points[0].y)} L ${r(points[0].x)} ${r(points[0].y)}`;
-    let d = `M ${r(points[0].x)} ${r(points[0].y)}`;
-    for (let i = 1; i < points.length; i++)
-        d += ` L ${r(points[i].x)} ${r(points[i].y)}`;
-    return d;
-}
-//# sourceMappingURL=ink-overlay.js.map

package/src/libs/renderer/src/interaction/ink-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ink-overlay.js","sourceRoot":"","sources":["../../../../../../renderer/src/interaction/ink-overlay.ts"],"names":[],"mappings":";AAAA,oDAAoD;AACpD,EAAE;AACF,yFAAyF;AACzF,2EAA2E;AAC3E,EAAE;AACF,gFAAgF;AAChF,qCAAqC;AACrC,gFAAgF;AAChF,6FAA6F;AAC7F,0FAA0F;AAC1F,0FAA0F;AAC1F,+FAA+F;AAC/F,EAAE;AACF,2FAA2F;AAC3F,iDAAiD;AACjD,4FAA4F;AAC5F,0FAA0F;AAC1F,6FAA6F;AAC7F,EAAE;AACF,8FAA8F;AAC9F,2FAA2F;AAC3F,2FAA2F;AAC3F,2FAA2F;AAC3F,oEAAoE;AACpE,EAAE;AACF,8FAA8F;AAC9F,2FAA2F;;;AAI3F,MAAM,MAAM,GAAG,4BAA4B,CAAC;AAE/B,QAAA,iBAAiB,GAAG,uBAAuB,CAAC;AAiBzD;;;;;;GAMG;AACH,MAAa,UAAU;IAWrB,YAA6B,OAA0B;QAA1B,YAAO,GAAP,OAAO,CAAmB;QAN/C,aAAQ,GAAG,KAAK,CAAC;QAEzB,+EAA+E;QACvE,SAAI,GAA0B,IAAI,CAAC;QACnC,SAAI,GAA0B,IAAI,CAAC;QAGzC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;QAEtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,yBAAiB,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,CAAC,YAAY,CACrB,OAAO,EACP,4FAA4F,CAC7F,CAAC;QAEF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErC,qFAAqF;QACrF,wFAAwF;QACxF,sEAAsE;QACtE,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;YAClD,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QACnF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,wDAAwD;IACxD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,4FAA4F;IACpF,eAAe;QACrB,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QAC1C,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC;IAC1D,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;YAClD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED;;;OAGG;IACH,YAAY,CAAC,MAA+C,EAAE,KAAsB;;QAClF,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,CAAC,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC;IAED,kFAAkF;IAClF,QAAQ,CAAC,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc,EAAE,KAAsB;;QAClF,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC9E,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,CAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC;IAED,iFAAiF;IACjF,KAAK;QACH,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IACtB,CAAC;CACF;AAlHD,gCAkHC;AAED,SAAS,QAAQ,CAAC,MAA+C;IAC/D,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACnC,MAAM,CAAC,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACnD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9G,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAChD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,CAAC,IAAI,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtF,OAAO,CAAC,CAAC;AACX,CAAC"}