@grafloria/element 0.3.17 → 0.3.19

package/src/libs/renderer/src/ext/manifest.js

@@ -0,0 +1,149 @@
+"use strict";
+/**
+ * ============================================================================
+ * Card 7 — the declarative extension manifest + semver engine-compat gate
+ * ============================================================================
+ *
+ * A manifest is a plugin's contract, and it is deliberately DECLARATIVE: the
+ * host can answer "what does this add?" and "may it run here?" by reading it,
+ * WITHOUT importing a line of the plugin's code. That is what makes lazy loading
+ * safe (`registerLazy` validates the manifest and stops) and what makes the
+ * capability grant enforceable (you cannot ask for privileges at runtime that
+ * your manifest did not declare).
+ *
+ * `contributes` is documentation + discovery (a palette can list a plugin's
+ * shapes before it loads). `capabilities` is the ENFORCED grant.
+ *
+ * The semver matcher below is intentionally small — `^`, `~`, `>=`, `x`-ranges
+ * and exact pins — rather than a dependency on `semver`. `libs/renderer` has no
+ * runtime deps and this wave is not the place to add one.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateManifest = validateManifest;
+exports.assertEngineCompatible = assertEngineCompatible;
+exports.satisfies = satisfies;
+const ID_RE = /^[a-z0-9][a-z0-9._-]*$/i;
+const SEMVER_RE = /^(\d+)\.(\d+)\.(\d+)(?:-[0-9a-z.-]+)?(?:\+[0-9a-z.-]+)?$/i;
+const VALID_CAPABILITIES = [
+    'shapes',
+    'links',
+    'routers',
+    'templates',
+    'animations',
+    'tools',
+    'panels',
+];
+/** Throw with a precise reason. A malformed manifest must never half-load. */
+function validateManifest(manifest) {
+    if (!manifest || typeof manifest !== 'object') {
+        throw new Error('[ExtensionHost] manifest is required');
+    }
+    if (!manifest.id || !ID_RE.test(manifest.id)) {
+        throw new Error(`[ExtensionHost] invalid extension id '${String(manifest.id)}' — expected ` +
+            `letters/digits/dot/dash/underscore, e.g. 'acme.flowchart-shapes'`);
+    }
+    if (!manifest.version || !SEMVER_RE.test(manifest.version)) {
+        throw new Error(`[ExtensionHost] extension '${manifest.id}' has an invalid version ` +
+            `'${String(manifest.version)}' — expected semver, e.g. '1.2.0'`);
+    }
+    if (!Array.isArray(manifest.capabilities)) {
+        throw new Error(`[ExtensionHost] extension '${manifest.id}' must declare a 'capabilities' array ` +
+            `(use [] for a plugin that registers nothing)`);
+    }
+    for (const capability of manifest.capabilities) {
+        if (!VALID_CAPABILITIES.includes(capability)) {
+            throw new Error(`[ExtensionHost] extension '${manifest.id}' declares unknown capability ` +
+                `'${String(capability)}'. Known: ${VALID_CAPABILITIES.join(', ')}`);
+        }
+    }
+}
+/** Reject a plugin built against an incompatible host API. */
+function assertEngineCompatible(manifest, apiVersion) {
+    var _a;
+    const range = (_a = manifest.engines) === null || _a === void 0 ? void 0 : _a.grafloria;
+    if (!range)
+        return; // No claim = no gate. The plugin takes its chances.
+    if (!satisfies(apiVersion, range)) {
+        throw new Error(`[ExtensionHost] extension '${manifest.id}' requires grafloria '${range}', ` +
+            `but this host is '${apiVersion}'. Refusing to register.`);
+    }
+}
+function parse(version) {
+    const match = SEMVER_RE.exec(version.trim());
+    if (!match)
+        return null;
+    return { major: +match[1], minor: +match[2], patch: +match[3] };
+}
+function compare(a, b) {
+    return a.major - b.major || a.minor - b.minor || a.patch - b.patch;
+}
+/**
+ * A deliberately small semver range matcher. Supports:
+ *   *  / x            any
+ *   1.2.3             exact
+ *   ^1.2.3            >=1.2.3 <2.0.0   (and ^0.2.3 → >=0.2.3 <0.3.0)
+ *   ~1.2.3            >=1.2.3 <1.3.0
+ *   >=1.2.3, >1.2.3, <=1.2.3, <1.2.3
+ *   1.x / 1.2.x
+ *   " || "            union of any of the above
+ */
+function satisfies(version, range) {
+    const target = parse(version);
+    if (!target)
+        return false;
+    return range
+        .split('||')
+        .map((part) => part.trim())
+        .some((part) => satisfiesOne(target, part));
+}
+function satisfiesOne(target, range) {
+    var _a;
+    if (range === '*' || range === 'x' || range === '')
+        return true;
+    // x-ranges: 1.x, 1.2.x
+    if (/^\d+(\.\d+)?\.?x$/i.test(range) || /^\d+$/.test(range)) {
+        const parts = range.toLowerCase().replace(/\.?x$/, '').split('.').filter(Boolean);
+        const major = Number(parts[0]);
+        if (Number.isNaN(major) || target.major !== major)
+            return false;
+        if (parts.length > 1 && target.minor !== Number(parts[1]))
+            return false;
+        return true;
+    }
+    const operatorMatch = /^(>=|<=|>|<|\^|~)?\s*(.+)$/.exec(range);
+    if (!operatorMatch)
+        return false;
+    const operator = (_a = operatorMatch[1]) !== null && _a !== void 0 ? _a : '';
+    const base = parse(operatorMatch[2]);
+    if (!base)
+        return false;
+    const cmp = compare(target, base);
+    switch (operator) {
+        case '':
+            return cmp === 0;
+        case '>=':
+            return cmp >= 0;
+        case '>':
+            return cmp > 0;
+        case '<=':
+            return cmp <= 0;
+        case '<':
+            return cmp < 0;
+        case '~':
+            // >=base, same major.minor
+            return cmp >= 0 && target.major === base.major && target.minor === base.minor;
+        case '^':
+            if (cmp < 0)
+                return false;
+            // ^0.x is special: the minor acts as the breaking-change axis.
+            if (base.major === 0) {
+                return base.minor === 0
+                    ? target.major === 0 && target.minor === 0 && target.patch === base.patch
+                    : target.major === 0 && target.minor === base.minor;
+            }
+            return target.major === base.major;
+        default:
+            return false;
+    }
+}
+//# sourceMappingURL=manifest.js.map

package/src/libs/renderer/src/ext/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../../../../../renderer/src/ext/manifest.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;GAkBG;;AAwDH,4CA8BC;AAGD,wDAYC;AA4BD,8BAQC;AA/FD,MAAM,KAAK,GAAG,yBAAyB,CAAC;AACxC,MAAM,SAAS,GAAG,2DAA2D,CAAC;AAE9E,MAAM,kBAAkB,GAA8B;IACpD,QAAQ;IACR,OAAO;IACP,SAAS;IACT,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;CACT,CAAC;AAEF,8EAA8E;AAC9E,SAAgB,gBAAgB,CAAC,QAA2C;IAC1E,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC9C,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;QAC7C,MAAM,IAAI,KAAK,CACb,yCAAyC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,eAAe;YACzE,kEAAkE,CACrE,CAAC;IACJ,CAAC;IACD,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3D,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,CAAC,EAAE,2BAA2B;YAClE,IAAI,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,mCAAmC,CAClE,CAAC;IACJ,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,CAAC,EAAE,wCAAwC;YAC/E,8CAA8C,CACjD,CAAC;IACJ,CAAC;IACD,KAAK,MAAM,UAAU,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC/C,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC7C,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,CAAC,EAAE,gCAAgC;gBACvE,IAAI,MAAM,CAAC,UAAU,CAAC,aAAa,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CACrE,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC;AAED,8DAA8D;AAC9D,SAAgB,sBAAsB,CACpC,QAA2C,EAC3C,UAAkB;;IAElB,MAAM,KAAK,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,SAAS,CAAC;IAC1C,IAAI,CAAC,KAAK;QAAE,OAAO,CAAC,oDAAoD;IACxE,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,CAAC,EAAE,yBAAyB,KAAK,KAAK;YAC1E,qBAAqB,UAAU,0BAA0B,CAC5D,CAAC;IACJ,CAAC;AACH,CAAC;AAQD,SAAS,KAAK,CAAC,OAAe;IAC5B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7C,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAClE,CAAC;AAED,SAAS,OAAO,CAAC,CAAU,EAAE,CAAU;IACrC,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,SAAS,CAAC,OAAe,EAAE,KAAa;IACtD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAE1B,OAAO,KAAK;SACT,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SAC1B,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,YAAY,CAAC,MAAe,EAAE,KAAa;;IAClD,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,IAAI,CAAC;IAEhE,uBAAuB;IACvB,IAAI,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAClF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK;YAAE,OAAO,KAAK,CAAC;QAChE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;QACxE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/D,IAAI,CAAC,aAAa;QAAE,OAAO,KAAK,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAA,aAAa,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAExB,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAElC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,EAAE;YACL,OAAO,GAAG,KAAK,CAAC,CAAC;QACnB,KAAK,IAAI;YACP,OAAO,GAAG,IAAI,CAAC,CAAC;QAClB,KAAK,GAAG;YACN,OAAO,GAAG,GAAG,CAAC,CAAC;QACjB,KAAK,IAAI;YACP,OAAO,GAAG,IAAI,CAAC,CAAC;QAClB,KAAK,GAAG;YACN,OAAO,GAAG,GAAG,CAAC,CAAC;QACjB,KAAK,GAAG;YACN,2BAA2B;YAC3B,OAAO,GAAG,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAChF,KAAK,GAAG;YACN,IAAI,GAAG,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YAC1B,+DAA+D;YAC/D,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;gBACrB,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC;oBACrB,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;oBACzE,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YACxD,CAAC;YACD,OAAO,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QACrC;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC"}

package/src/libs/renderer/src/ext/node-component.d.ts

@@ -0,0 +1,114 @@
+/**
+ * ============================================================================
+ * Card 3 — the custom node/edge component AUTHORING CONTRACT
+ * ============================================================================
+ *
+ * SCOPE, STATED PLAINLY. Wave 4 shipped the HOST HOOK (`renderCustomNode(node,
+ * element)` on `createDiagram`) and wave 5 shipped HTML/foreignObject nodes with
+ * content-hash keying. Both are mechanisms: "here is a div, do what you like".
+ * Neither is an authoring CONTRACT — there was no typed prop bag, no lifecycle,
+ * and no way to get a component's MEASURED size back into the model, which is the
+ * hard half (a node whose height depends on its content cannot be laid out or
+ * routed to until something measures it).
+ *
+ * This is that contract, built ON those hooks rather than forking them.
+ *
+ *   defineNodeComponent({ render, onUpdate, onDestroy, autoSize })
+ *   mountNodeComponents(instance, registry)   ← wires into renderCustomNode
+ *
+ * ---------------------------------------------------------------------------
+ * MEASURED SIZE — the part that actually matters
+ * ---------------------------------------------------------------------------
+ * A component that renders text of unknown length must be able to say "I turned
+ * out to be 214 px tall" and have the engine believe it: the node model resizes,
+ * links re-route to the new boundary, and the layout re-flows.
+ *
+ * We measure with a `ResizeObserver` on the component's own host element, and
+ * write the result back through `node.setSize()`. Two hazards, both handled:
+ *
+ *   1. FEEDBACK LOOP. Writing the size re-renders the node, which can resize the
+ *      host, which fires the observer again. We break it by only writing when the
+ *      measurement differs by more than a threshold (sub-pixel jitter from
+ *      fractional zoom is not a resize).
+ *
+ *   2. ZOOM. `getBoundingClientRect()` on the host returns SCREEN px, which is
+ *      world px × zoom. Writing that straight into the model would make a node
+ *      grow every time you zoomed in. We use `offsetWidth/offsetHeight` (layout
+ *      px, unaffected by the CSS transform on the layer) and fall back to
+ *      dividing the client rect by the zoom.
+ */
+import type { NodeModel } from '@grafloria/engine';
+import type { DiagramInstance } from '../instance/create-diagram';
+import type { VNode } from '../types';
+import type { Disposer } from './disposable';
+/** The typed props a node component receives. Recomputed on every update. */
+export interface NodeComponentProps<D = Record<string, unknown>> {
+    readonly id: string;
+    /** The node's own data bag (`node.data` / metadata). */
+    readonly data: D;
+    readonly selected: boolean;
+    readonly dragging: boolean;
+    readonly hovered: boolean;
+    /** Current camera zoom — for LOD rendering ("hide the detail below 0.5"). */
+    readonly zoom: number;
+    readonly width: number;
+    readonly height: number;
+    /** The node's ports, so a component can position its own handles. */
+    readonly ports: ReadonlyArray<{
+        id: string;
+        side: string;
+        type: string;
+    }>;
+    /** Escape hatch: the live model. Prefer the fields above. */
+    readonly node: NodeModel;
+}
+/**
+ * A component's render function.
+ *
+ * Return a `VNode` to have the renderer patch it (the framework-agnostic path),
+ * or take the `HTMLElement` and own it yourself (the React/Angular/Vue path —
+ * mount a portal into it and return `void`).
+ */
+export type NodeRenderFn<D = Record<string, unknown>> = (props: NodeComponentProps<D>, element: HTMLElement) => VNode | void;
+export interface NodeComponent<D = Record<string, unknown>> {
+    render: NodeRenderFn<D>;
+    /** Called on every prop change AFTER the first render. Optional fast path. */
+    onUpdate?: (props: NodeComponentProps<D>, element: HTMLElement) => void;
+    /** Unmount your framework's subtree here. */
+    onDestroy?: (element: HTMLElement) => void;
+    /**
+     * Measure the rendered element and write the size back into the model, so
+     * layout + routing see the node's REAL extent. Default false — a node whose
+     * size is authored should not be silently overridden by its content.
+     */
+    autoSize?: boolean;
+    /** Ignore measurement deltas smaller than this (px). Default 1. */
+    sizeThreshold?: number;
+}
+export declare function defineNodeComponent<D = Record<string, unknown>>(component: NodeComponent<D>): NodeComponent<D>;
+/** type → component. */
+export type NodeComponentRegistry = Record<string, NodeComponent<never>>;
+/**
+ * Wire a component registry into a live diagram.
+ *
+ * Returns a disposer that unmounts every component and disconnects every
+ * observer — the leak rule; a stranded ResizeObserver keeps its target's whole
+ * subtree alive.
+ */
+export declare function mountNodeComponents(instance: DiagramInstance, registry: NodeComponentRegistry): Disposer;
+/**
+ * The options you hand to `createDiagram()` to use a component registry from the
+ * very first paint (preferred over `mountNodeComponents` on a running instance,
+ * because the first render then already has the components).
+ *
+ * ```ts
+ * const diagram = createDiagram(el, {
+ *   nodes, edges,
+ *   ...nodeComponentOptions(registry, () => diagram),
+ * });
+ * ```
+ */
+export declare function nodeComponentOptions(registry: NodeComponentRegistry, getInstance: () => DiagramInstance): {
+    renderCustomNode: (node: NodeModel, element: HTMLElement) => void;
+    removeCustomNode: (id: string, element: HTMLElement) => void;
+};

package/src/libs/renderer/src/ext/node-component.js

@@ -0,0 +1,290 @@
+"use strict";
+/**
+ * ============================================================================
+ * Card 3 — the custom node/edge component AUTHORING CONTRACT
+ * ============================================================================
+ *
+ * SCOPE, STATED PLAINLY. Wave 4 shipped the HOST HOOK (`renderCustomNode(node,
+ * element)` on `createDiagram`) and wave 5 shipped HTML/foreignObject nodes with
+ * content-hash keying. Both are mechanisms: "here is a div, do what you like".
+ * Neither is an authoring CONTRACT — there was no typed prop bag, no lifecycle,
+ * and no way to get a component's MEASURED size back into the model, which is the
+ * hard half (a node whose height depends on its content cannot be laid out or
+ * routed to until something measures it).
+ *
+ * This is that contract, built ON those hooks rather than forking them.
+ *
+ *   defineNodeComponent({ render, onUpdate, onDestroy, autoSize })
+ *   mountNodeComponents(instance, registry)   ← wires into renderCustomNode
+ *
+ * ---------------------------------------------------------------------------
+ * MEASURED SIZE — the part that actually matters
+ * ---------------------------------------------------------------------------
+ * A component that renders text of unknown length must be able to say "I turned
+ * out to be 214 px tall" and have the engine believe it: the node model resizes,
+ * links re-route to the new boundary, and the layout re-flows.
+ *
+ * We measure with a `ResizeObserver` on the component's own host element, and
+ * write the result back through `node.setSize()`. Two hazards, both handled:
+ *
+ *   1. FEEDBACK LOOP. Writing the size re-renders the node, which can resize the
+ *      host, which fires the observer again. We break it by only writing when the
+ *      measurement differs by more than a threshold (sub-pixel jitter from
+ *      fractional zoom is not a resize).
+ *
+ *   2. ZOOM. `getBoundingClientRect()` on the host returns SCREEN px, which is
+ *      world px × zoom. Writing that straight into the model would make a node
+ *      grow every time you zoomed in. We use `offsetWidth/offsetHeight` (layout
+ *      px, unaffected by the CSS transform on the layer) and fall back to
+ *      dividing the client rect by the zoom.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineNodeComponent = defineNodeComponent;
+exports.mountNodeComponents = mountNodeComponents;
+exports.nodeComponentOptions = nodeComponentOptions;
+const disposable_1 = require("./disposable");
+function defineNodeComponent(component) {
+    return component;
+}
+function propsFor(node, zoom, dragging) {
+    var _a, _b, _c, _d, _e;
+    return {
+        id: node.id,
+        data: ((_c = (_a = node.data) !== null && _a !== void 0 ? _a : (_b = node.getMetadata) === null || _b === void 0 ? void 0 : _b.call(node, 'data')) !== null && _c !== void 0 ? _c : {}),
+        selected: ((_d = node.state) === null || _d === void 0 ? void 0 : _d.selected) === true,
+        // NOTE: `dragging` is NOT on NodeState — node-drag lives in the DomEventBinder.
+        // The instance exposes it via getDraggingNodeIds(); see Card 3 in that file.
+        dragging,
+        hovered: ((_e = node.state) === null || _e === void 0 ? void 0 : _e.hovered) === true,
+        zoom,
+        width: node.size.width,
+        height: node.size.height,
+        ports: node.getPorts().map((p) => {
+            var _a, _b;
+            return ({
+                id: p.id,
+                side: String((_b = (_a = p.alignment) === null || _a === void 0 ? void 0 : _a.side) !== null && _b !== void 0 ? _b : 'right'),
+                type: String(p.type),
+            });
+        }),
+        node,
+    };
+}
+/**
+ * Wire a component registry into a live diagram.
+ *
+ * Returns a disposer that unmounts every component and disconnects every
+ * observer — the leak rule; a stranded ResizeObserver keeps its target's whole
+ * subtree alive.
+ */
+function mountNodeComponents(instance, registry) {
+    const store = new disposable_1.DisposableStore();
+    const mounted = new Map();
+    const observers = new Map();
+    const componentFor = (node) => { var _a, _b, _c; return (_a = registry[String(node.type)]) !== null && _a !== void 0 ? _a : registry[String((_c = (_b = node.getMetadata) === null || _b === void 0 ? void 0 : _b.call(node, 'component')) !== null && _c !== void 0 ? _c : '')]; };
+    /**
+     * The READ half of auto-sizing: measure, and return the size to write back (or
+     * null when there is nothing to do). It writes NOTHING — see `measureAll`.
+     */
+    const readSize = (node, element, component) => {
+        var _a;
+        if (!component.autoSize)
+            return null;
+        const threshold = (_a = component.sizeThreshold) !== null && _a !== void 0 ? _a : 1;
+        const zoom = instance.viewport.getZoom() || 1;
+        // offsetWidth/Height are LAYOUT px — immune to the CSS transform the HTML
+        // layer carries. The client-rect fallback must be divided by the zoom, or the
+        // node would grow every time the user zoomed in.
+        const width = element.offsetWidth || element.getBoundingClientRect().width / zoom;
+        const height = element.offsetHeight || element.getBoundingClientRect().height / zoom;
+        if (!(width > 0) || !(height > 0))
+            return null;
+        if (Math.abs(width - node.size.width) < threshold &&
+            Math.abs(height - node.size.height) < threshold) {
+            return null; // sub-threshold jitter — writing it would loop
+        }
+        return { width, height };
+    };
+    /**
+     * wave8/dirty — Card 1: measure a WHOLE batch of components in one read phase.
+     *
+     * The bug this replaces: `renderInto()` used to write a component's DOM and
+     * then immediately read `offsetWidth` off it. Inside `refresh()`, which loops
+     * over every mounted component, that is
+     *
+     *     write → READ → write → READ → write → READ …
+     *
+     * and every one of those reads forces the browser to flush layout synchronously
+     * to answer it. N custom nodes ⇒ N forced layouts per frame. Textbook layout
+     * thrash, and invisible until someone puts 200 custom nodes on a canvas.
+     *
+     * Now: all writes, then all reads (ONE layout flush, because the first read
+     * pays for the whole batch), then the size write-backs — inside a single
+     * `batchUpdate` so N resizes still cost exactly one repaint.
+     */
+    const measureAll = (pending) => {
+        if (pending.length === 0)
+            return;
+        // -- READ PHASE (no writes in this loop) ---------------------------------
+        const sizes = [];
+        for (const { node, element, component } of pending) {
+            const size = readSize(node, element, component);
+            if (size)
+                sizes.push(Object.assign({ node }, size));
+        }
+        if (sizes.length === 0)
+            return;
+        // -- WRITE-BACK PHASE ----------------------------------------------------
+        const batch = instance.batchUpdate;
+        const apply = () => {
+            // Wave 9 — Card 7: a SYSTEM write, for the same reason as svg/auto-size.ts —
+            // this is the MEASURED size of the component the document already declares,
+            // not an edit to the document. Exempt from the read-only lock so a custom
+            // node still sizes correctly in presentation mode.
+            for (const { node, width, height } of sizes) {
+                const write = () => node.setSize(width, height);
+                node.diagram ? node.diagram.runSystemWrite(write) : write();
+            }
+        };
+        // `batchUpdate` is the wave8 entry point; tolerate an older instance shape
+        // (tests build partial fakes) by falling back to the plain path.
+        if (typeof batch === 'function')
+            batch.call(instance, apply);
+        else {
+            apply();
+            instance.render();
+        }
+    };
+    /** The WRITE half: paint the component into its host. Reads nothing. */
+    const writeInto = (node, element, first) => {
+        const component = componentFor(node);
+        if (!component)
+            return false;
+        const dragging = instance.getDraggingNodeIds().includes(node.id);
+        const props = propsFor(node, instance.viewport.getZoom(), dragging);
+        if (first || !component.onUpdate) {
+            const vnode = component.render(props, element);
+            // A VNode-returning component gets patched for free; an element-owning one
+            // returned void and has already done its own thing.
+            if (vnode)
+                instance.patcher.reconcile(element, vnode);
+        }
+        else {
+            component.onUpdate(props, element);
+        }
+        return !!component.autoSize;
+    };
+    const renderInto = (node, element, first) => {
+        const component = componentFor(node);
+        if (!component)
+            return;
+        if (writeInto(node, element, first))
+            measureAll([{ node, element, component }]);
+    };
+    // The host hook wave 4 shipped. We are a CONSUMER of it, not a replacement.
+    const onCreate = (node, element) => {
+        const component = componentFor(node);
+        if (!component)
+            return;
+        mounted.set(node.id, { component, element });
+        renderInto(node, element, true);
+        if (component.autoSize && typeof ResizeObserver !== 'undefined') {
+            // A ResizeObserver callback already runs after layout, so reading here is
+            // free — but route it through measureAll anyway so there is exactly one
+            // place that reads a size and one place that writes it back.
+            const observer = new ResizeObserver(() => measureAll([{ node, element, component }]));
+            observer.observe(element);
+            observers.set(node.id, observer);
+        }
+    };
+    const onRemove = (id, element) => {
+        var _a, _b, _c;
+        (_a = observers.get(id)) === null || _a === void 0 ? void 0 : _a.disconnect();
+        observers.delete(id);
+        const entry = mounted.get(id);
+        (_c = entry === null || entry === void 0 ? void 0 : (_b = entry.component).onDestroy) === null || _c === void 0 ? void 0 : _c.call(_b, element);
+        // Drop any VNode tree we patched in, so the patcher does not keep the old
+        // DOM keyed against a node that no longer exists.
+        if (entry)
+            instance.patcher.unmount(element);
+        mounted.delete(id);
+    };
+    // Re-render mounted components when their node or the camera changes (zoom is
+    // a PROP — an LOD component must re-render when it crosses its threshold).
+    //
+    // wave8/dirty — Card 1: WRITE every component first, THEN measure them all in
+    // one read pass. Interleaving (the old shape) cost one forced layout per node.
+    const refresh = () => {
+        const pending = [];
+        for (const [id, entry] of mounted) {
+            const node = instance.getModel().getNode(id);
+            if (!node)
+                continue;
+            if (writeInto(node, entry.element, false)) {
+                pending.push({ node, element: entry.element, component: entry.component });
+            }
+        }
+        measureAll(pending);
+    };
+    store.add(instance.on('nodes:change', refresh));
+    store.add(instance.on('selection:change', refresh));
+    store.add(instance.on('viewport:change', refresh));
+    // Hand our hooks to the instance. NOTE: `createDiagram` takes these as OPTIONS,
+    // so a diagram already running needs them installed here.
+    const host = instance;
+    host.__nodeComponentHooks = { renderCustomNode: onCreate, removeCustomNode: onRemove };
+    store.add(() => {
+        for (const [id, entry] of [...mounted])
+            onRemove(id, entry.element);
+        mounted.clear();
+        for (const observer of observers.values())
+            observer.disconnect();
+        observers.clear();
+        delete host.__nodeComponentHooks;
+    });
+    return (0, disposable_1.once)(() => store.dispose());
+}
+/**
+ * The options you hand to `createDiagram()` to use a component registry from the
+ * very first paint (preferred over `mountNodeComponents` on a running instance,
+ * because the first render then already has the components).
+ *
+ * ```ts
+ * const diagram = createDiagram(el, {
+ *   nodes, edges,
+ *   ...nodeComponentOptions(registry, () => diagram),
+ * });
+ * ```
+ */
+function nodeComponentOptions(registry, getInstance) {
+    let disposer;
+    let wired = false;
+    const ensure = () => {
+        const instance = getInstance();
+        if (!instance)
+            return undefined;
+        if (!wired) {
+            wired = true;
+            disposer = mountNodeComponents(instance, registry);
+            void disposer;
+        }
+        return instance;
+    };
+    return {
+        renderCustomNode(node, element) {
+            var _a;
+            const instance = ensure();
+            if (!instance)
+                return;
+            const hooks = instance.__nodeComponentHooks;
+            (_a = hooks === null || hooks === void 0 ? void 0 : hooks.renderCustomNode) === null || _a === void 0 ? void 0 : _a.call(hooks, node, element);
+        },
+        removeCustomNode(id, element) {
+            var _a;
+            const instance = getInstance();
+            const hooks = instance === null || instance === void 0 ? void 0 : instance.__nodeComponentHooks;
+            (_a = hooks === null || hooks === void 0 ? void 0 : hooks.removeCustomNode) === null || _a === void 0 ? void 0 : _a.call(hooks, id, element);
+        },
+    };
+}
+//# sourceMappingURL=node-component.js.map

package/src/libs/renderer/src/ext/node-component.js.map

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

package/src/libs/renderer/src/ext/plugins-loader.d.ts

@@ -0,0 +1 @@
+export declare function loadCanvasPlugins(): Promise<typeof import('./components/attach')>;

package/src/libs/renderer/src/ext/plugins-loader.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadCanvasPlugins = loadCanvasPlugins;
+/**
+ * Lazy, memoized loader for the canvas-plugins chain (minimap, zoom/fit
+ * controls, background grid) — the elkjs recipe applied to the ext layer.
+ *
+ * The framework wrappers reference `attachCanvasPlugins` on their `plugins`
+ * code path; a STATIC import makes every consumer bundle carry the whole ext
+ * chain whether plugins are used or not (measured: +0.6 MB on the Angular
+ * consumer app). Loading through `import()` keeps the chain out of the module
+ * graph until the first attach — bundlers split it into its own chunk.
+ */
+let pending;
+function loadCanvasPlugins() {
+    return (pending !== null && pending !== void 0 ? pending : (pending = Promise.resolve().then(() => require('./components/attach'))));
+}
+//# sourceMappingURL=plugins-loader.js.map

package/src/libs/renderer/src/ext/plugins-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins-loader.js","sourceRoot":"","sources":["../../../../../../renderer/src/ext/plugins-loader.ts"],"names":[],"mappings":";;AAYA,8CAEC;AAdD;;;;;;;;;GASG;AACH,IAAI,OAAkE,CAAC;AAEvE,SAAgB,iBAAiB;IAC/B,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,IAAP,OAAO,wCAAY,qBAAqB,IAAE,CAAC;AACrD,CAAC"}