@grafloria/element 0.3.17 → 0.3.19

package/src/libs/renderer/src/svg/edge-templates.d.ts

@@ -0,0 +1,152 @@
+/**
+ * edge-templates.ts — Wave 4 (Edges & links), Card 5
+ *
+ * The extensibility seam for edges: LINK templates, LABEL templates and custom
+ * MARKERS. Before this, `LabelRenderer` could only emit SVG `<text>` and
+ * `ArrowStyle.type` was a closed enum — an author who wanted an HTML badge on an
+ * edge, a bespoke link body, or a half-arrowhead had to fork the renderer.
+ *
+ * Three registries, one shape (same as the named-style registry in
+ * ../themes/style-registry.ts, deliberately):
+ *
+ *   registerLinkTemplate('audit-trail', ctx => …)   // link.style.template
+ *   registerLabelTemplate('badge',      ctx => …)   // label.template
+ *   registerMarker('feather',           { render, tipOffset })  // arrowHead.type
+ *
+ * WHY NAMES AND NOT FUNCTIONS ON THE MODEL: LinkStyle / LinkLabel are
+ * serializable model state that lives in @grafloria/engine, and the engine must not
+ * depend on the renderer's VNode type. A name survives save/load; a closure does
+ * not. It also means a template can be redefined at runtime and every link using
+ * it repaints — which is why renderers subscribe to `onEdgeTemplateChange` and
+ * drop their VNode cache, exactly like they do for named styles.
+ *
+ * Framework-agnostic: VNodes only. A template that wants real HTML returns a
+ * `foreignObject` VNode (see `htmlLabelVNode`); the patcher materialises its
+ * children in the XHTML namespace and then treats the subtree as opaque.
+ */
+import type { ArrowStyle, LinkLabel, LinkModel, Point } from '@grafloria/engine';
+import type { VNode } from '../types/vnode.types';
+import type { Theme } from '../types/theme.types';
+/** What a LINK template is given. Everything it needs; nothing it can corrupt. */
+export interface LinkTemplateContext {
+    link: LinkModel;
+    /** The ROUTED polyline for this frame — not the model's stale `segments`. */
+    points: Point[];
+    /** The SVG path string the default renderer would have drawn (jumps included). */
+    pathData: string;
+    /** Resolved link styles (stroke, strokeWidth, className, …) for this state. */
+    styles: Record<string, unknown>;
+    theme: Theme;
+    /** Current level-of-detail tier, so a template can drop detail when zoomed out. */
+    lod: string;
+    /** True when the link is selected — templates usually want to react to this. */
+    selected: boolean;
+}
+/** What a LABEL template is given. */
+export interface LabelTemplateContext {
+    label: LinkLabel;
+    link: LinkModel;
+    /** World-space anchor the label resolved to (position/slot + offset + optimizer). */
+    anchor: Point;
+    /** Rotation in degrees the default renderer would have applied, if any. */
+    rotation?: number;
+    theme: Theme;
+}
+/** What a custom MARKER is given. */
+export interface MarkerContext {
+    style: ArrowStyle;
+    /** Normalised size (never negative). */
+    size: number;
+    /** Resolved colour (the marker's own, else the link's stroke). */
+    color: string;
+    /** Stroke width for outlined markers. */
+    width: number;
+    /**
+     * The SVG transform placing the marker: `translate(x, y) rotate(deg)`. The
+     * marker draws in its LOCAL frame — origin at the anchor, +x along the
+     * direction of travel — and MUST put this on its root element.
+     */
+    transform: string;
+    /** Theme background — the fill for hollow markers, so they don't glare on dark. */
+    backgroundColor: string;
+    /** Which end this marker sits on. */
+    end: 'source' | 'target';
+}
+export type LinkTemplate = (ctx: LinkTemplateContext) => VNode | VNode[] | null;
+export type LabelTemplate = (ctx: LabelTemplateContext) => VNode | VNode[] | null;
+export interface MarkerDefinition {
+    render: (ctx: MarkerContext) => VNode | null;
+    /**
+     * Distance from the marker's local origin to its visual TIP along +x. The
+     * renderer pulls the marker back from the path endpoint by exactly this, so
+     * the tip lands ON the port. A triangle drawn from 0 to `size` has tipOffset
+     * `size`; a dot centred on the origin has `size / 2`; a bar has 0.
+     *
+     * Either a constant or a function of the style (so it can scale with `size`).
+     */
+    tipOffset?: number | ((style: ArrowStyle) => number);
+}
+export declare function registerLinkTemplate(name: string, template: LinkTemplate): void;
+export declare function getLinkTemplate(name: string): LinkTemplate | undefined;
+export declare function registerLabelTemplate(name: string, template: LabelTemplate): void;
+export declare function getLabelTemplate(name: string): LabelTemplate | undefined;
+export declare function registerMarker(name: string, definition: MarkerDefinition): void;
+export declare function getMarker(name: string): MarkerDefinition | undefined;
+export declare function hasMarker(name: string): boolean;
+/** Resolve a registered marker's tip offset for a concrete style. */
+export declare function markerTipOffset(definition: MarkerDefinition, style: ArrowStyle): number;
+export declare function listLinkTemplates(): string[];
+export declare function listLabelTemplates(): string[];
+export declare function listMarkers(): string[];
+/** Remove one link template. Returns false when it was not registered. */
+export declare function unregisterLinkTemplate(name: string): boolean;
+/** Remove one label template. Returns false when it was not registered. */
+export declare function unregisterLabelTemplate(name: string): boolean;
+/** Remove one marker. Returns false when it was not registered. */
+export declare function unregisterMarker(name: string): boolean;
+/** Drop every registration (tests, hosts tearing a document down). */
+export declare function clearEdgeTemplates(): void;
+/**
+ * Internal: let a PER-DIAGRAM registry participate in the version/notify
+ * protocol. A scoped registration must invalidate cached VNodes for exactly the
+ * reason a global one must — the definition is baked into the cache. Notifying
+ * every renderer (not just the contributing one) is deliberate: over-invalidation
+ * costs a repaint, under-invalidation shows a stale picture.
+ */
+export declare function notifyEdgeTemplatesChanged(): void;
+/** Bumped on every mutation — renderers key cache invalidation off this. */
+export declare function getEdgeTemplateVersion(): number;
+/**
+ * Subscribe to registry changes. Renderers use this to drop cached link VNodes
+ * when a template is (re)defined — the template's OUTPUT is baked into the
+ * cached VNode, so a redefinition that did not invalidate would never show up.
+ */
+export declare function onEdgeTemplateChange(listener: () => void): () => void;
+export interface HtmlLabelOptions {
+    /** Stable id: becomes part of the VNode key. */
+    id: string;
+    /** Raw HTML. Injected verbatim via `innerHTML` — the author owns its safety. */
+    html: string;
+    /** Centre of the label box in world coordinates. */
+    anchor: Point;
+    width: number;
+    height: number;
+    /** Extra class on the XHTML wrapper div. */
+    className?: string;
+}
+/**
+ * A `foreignObject` VNode carrying arbitrary HTML, positioned so `anchor` is its
+ * CENTRE (labels are centred on the path, unlike nodes which are top-left).
+ *
+ * THE KEY CARRIES A CONTENT HASH, and that is load-bearing. The VNode patcher
+ * treats `foreignObject` subtrees as OPAQUE: it patches their props but NEVER
+ * diffs into their children, so that whatever a framework mounted inside stays
+ * alive. That is exactly right for host-mounted content — and exactly wrong for
+ * content we own, because an edited label would keep rendering its old HTML
+ * forever. Folding the content into the key means changed HTML is a DIFFERENT
+ * VNode identity, which the patcher replaces wholesale. Unchanged HTML keeps the
+ * same key and the same live DOM.
+ */
+export declare function htmlLabelVNode(options: HtmlLabelOptions): VNode;
+/** FNV-1a — small, fast, stable across runs. Only used to key VNodes. */
+export declare function hashString(value: string): string;

package/src/libs/renderer/src/svg/edge-templates.js

@@ -0,0 +1,233 @@
+"use strict";
+/**
+ * edge-templates.ts — Wave 4 (Edges & links), Card 5
+ *
+ * The extensibility seam for edges: LINK templates, LABEL templates and custom
+ * MARKERS. Before this, `LabelRenderer` could only emit SVG `<text>` and
+ * `ArrowStyle.type` was a closed enum — an author who wanted an HTML badge on an
+ * edge, a bespoke link body, or a half-arrowhead had to fork the renderer.
+ *
+ * Three registries, one shape (same as the named-style registry in
+ * ../themes/style-registry.ts, deliberately):
+ *
+ *   registerLinkTemplate('audit-trail', ctx => …)   // link.style.template
+ *   registerLabelTemplate('badge',      ctx => …)   // label.template
+ *   registerMarker('feather',           { render, tipOffset })  // arrowHead.type
+ *
+ * WHY NAMES AND NOT FUNCTIONS ON THE MODEL: LinkStyle / LinkLabel are
+ * serializable model state that lives in @grafloria/engine, and the engine must not
+ * depend on the renderer's VNode type. A name survives save/load; a closure does
+ * not. It also means a template can be redefined at runtime and every link using
+ * it repaints — which is why renderers subscribe to `onEdgeTemplateChange` and
+ * drop their VNode cache, exactly like they do for named styles.
+ *
+ * Framework-agnostic: VNodes only. A template that wants real HTML returns a
+ * `foreignObject` VNode (see `htmlLabelVNode`); the patcher materialises its
+ * children in the XHTML namespace and then treats the subtree as opaque.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerLinkTemplate = registerLinkTemplate;
+exports.getLinkTemplate = getLinkTemplate;
+exports.registerLabelTemplate = registerLabelTemplate;
+exports.getLabelTemplate = getLabelTemplate;
+exports.registerMarker = registerMarker;
+exports.getMarker = getMarker;
+exports.hasMarker = hasMarker;
+exports.markerTipOffset = markerTipOffset;
+exports.listLinkTemplates = listLinkTemplates;
+exports.listLabelTemplates = listLabelTemplates;
+exports.listMarkers = listMarkers;
+exports.unregisterLinkTemplate = unregisterLinkTemplate;
+exports.unregisterLabelTemplate = unregisterLabelTemplate;
+exports.unregisterMarker = unregisterMarker;
+exports.clearEdgeTemplates = clearEdgeTemplates;
+exports.notifyEdgeTemplatesChanged = notifyEdgeTemplatesChanged;
+exports.getEdgeTemplateVersion = getEdgeTemplateVersion;
+exports.onEdgeTemplateChange = onEdgeTemplateChange;
+exports.htmlLabelVNode = htmlLabelVNode;
+exports.hashString = hashString;
+const patch_1 = require("../vnode/patch");
+const registry_scope_1 = require("../ext/registry-scope");
+// ===========================================================================
+// Registries
+// ===========================================================================
+const linkTemplates = new Map();
+const labelTemplates = new Map();
+const markers = new Map();
+const listeners = new Set();
+let version = 0;
+function bump() {
+    version++;
+    listeners.forEach(listener => listener());
+}
+function registerLinkTemplate(name, template) {
+    linkTemplates.set(name, template);
+    bump();
+}
+function getLinkTemplate(name) {
+    var _a, _b;
+    // DIAGRAM-FIRST, then process-global — see `ext/registry-scope.ts`.
+    return (_b = (_a = (0, registry_scope_1.scopedTable)(registry_scope_1.LINK_TEMPLATES)) === null || _a === void 0 ? void 0 : _a.get(name)) !== null && _b !== void 0 ? _b : linkTemplates.get(name);
+}
+function registerLabelTemplate(name, template) {
+    labelTemplates.set(name, template);
+    bump();
+}
+function getLabelTemplate(name) {
+    var _a, _b;
+    return (_b = (_a = (0, registry_scope_1.scopedTable)(registry_scope_1.LABEL_TEMPLATES)) === null || _a === void 0 ? void 0 : _a.get(name)) !== null && _b !== void 0 ? _b : labelTemplates.get(name);
+}
+function registerMarker(name, definition) {
+    markers.set(name, definition);
+    bump();
+}
+function getMarker(name) {
+    var _a, _b;
+    return (_b = (_a = (0, registry_scope_1.scopedTable)(registry_scope_1.MARKERS)) === null || _a === void 0 ? void 0 : _a.get(name)) !== null && _b !== void 0 ? _b : markers.get(name);
+}
+function hasMarker(name) {
+    var _a;
+    return ((_a = (0, registry_scope_1.scopedTable)(registry_scope_1.MARKERS)) === null || _a === void 0 ? void 0 : _a.has(name)) === true || markers.has(name);
+}
+/** Resolve a registered marker's tip offset for a concrete style. */
+function markerTipOffset(definition, style) {
+    const tip = definition.tipOffset;
+    if (typeof tip === 'function')
+        return tip(style);
+    return typeof tip === 'number' ? tip : 0;
+}
+function listLinkTemplates() {
+    return union(linkTemplates, (0, registry_scope_1.scopedTable)(registry_scope_1.LINK_TEMPLATES));
+}
+function listLabelTemplates() {
+    return union(labelTemplates, (0, registry_scope_1.scopedTable)(registry_scope_1.LABEL_TEMPLATES));
+}
+function listMarkers() {
+    return union(markers, (0, registry_scope_1.scopedTable)(registry_scope_1.MARKERS));
+}
+/** Global names plus this diagram's own, global order first, no duplicates. */
+function union(global, scoped) {
+    if (!scoped || scoped.size === 0)
+        return Array.from(global.keys());
+    return [...new Set([...global.keys(), ...scoped.keys()])];
+}
+// ---------------------------------------------------------------------------
+// Wave 6 — Card 0: per-name removal.
+//
+// `clearEdgeTemplates()` was all-or-nothing, which is useless as an extension
+// disposer: tearing down ONE extension would have wiped every OTHER extension's
+// templates too. These remove exactly one registration, which is what the
+// ExtensionHost's `links.registerTemplate()` disposer needs.
+// ---------------------------------------------------------------------------
+/** Remove one link template. Returns false when it was not registered. */
+function unregisterLinkTemplate(name) {
+    const existed = linkTemplates.delete(name);
+    if (existed)
+        bump();
+    return existed;
+}
+/** Remove one label template. Returns false when it was not registered. */
+function unregisterLabelTemplate(name) {
+    const existed = labelTemplates.delete(name);
+    if (existed)
+        bump();
+    return existed;
+}
+/** Remove one marker. Returns false when it was not registered. */
+function unregisterMarker(name) {
+    const existed = markers.delete(name);
+    if (existed)
+        bump();
+    return existed;
+}
+/** Drop every registration (tests, hosts tearing a document down). */
+function clearEdgeTemplates() {
+    if (linkTemplates.size === 0 && labelTemplates.size === 0 && markers.size === 0)
+        return;
+    linkTemplates.clear();
+    labelTemplates.clear();
+    markers.clear();
+    bump();
+}
+/**
+ * Internal: let a PER-DIAGRAM registry participate in the version/notify
+ * protocol. A scoped registration must invalidate cached VNodes for exactly the
+ * reason a global one must — the definition is baked into the cache. Notifying
+ * every renderer (not just the contributing one) is deliberate: over-invalidation
+ * costs a repaint, under-invalidation shows a stale picture.
+ */
+function notifyEdgeTemplatesChanged() {
+    bump();
+}
+/** Bumped on every mutation — renderers key cache invalidation off this. */
+function getEdgeTemplateVersion() {
+    return version;
+}
+/**
+ * Subscribe to registry changes. Renderers use this to drop cached link VNodes
+ * when a template is (re)defined — the template's OUTPUT is baked into the
+ * cached VNode, so a redefinition that did not invalidate would never show up.
+ */
+function onEdgeTemplateChange(listener) {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+}
+/**
+ * A `foreignObject` VNode carrying arbitrary HTML, positioned so `anchor` is its
+ * CENTRE (labels are centred on the path, unlike nodes which are top-left).
+ *
+ * THE KEY CARRIES A CONTENT HASH, and that is load-bearing. The VNode patcher
+ * treats `foreignObject` subtrees as OPAQUE: it patches their props but NEVER
+ * diffs into their children, so that whatever a framework mounted inside stays
+ * alive. That is exactly right for host-mounted content — and exactly wrong for
+ * content we own, because an edited label would keep rendering its old HTML
+ * forever. Folding the content into the key means changed HTML is a DIFFERENT
+ * VNode identity, which the patcher replaces wholesale. Unchanged HTML keeps the
+ * same key and the same live DOM.
+ */
+function htmlLabelVNode(options) {
+    const { id, html, anchor, width, height, className } = options;
+    return {
+        type: 'foreignObject',
+        key: `link-label-html-${id}-${hashString(html)}`,
+        props: {
+            x: anchor.x - width / 2,
+            y: anchor.y - height / 2,
+            width,
+            height,
+            className: 'link-label-foreign',
+            // foreignObject has no fill/stroke of its own; overflow must be visible or
+            // a label that outgrows its box is silently clipped.
+            style: { overflow: 'visible' },
+        },
+        children: [
+            {
+                type: 'div',
+                props: {
+                    xmlns: patch_1.XHTML_NS,
+                    className: className ? `link-label-html ${className}` : 'link-label-html',
+                    innerHTML: html,
+                    style: {
+                        width: '100%',
+                        height: '100%',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        pointerEvents: 'none',
+                    },
+                },
+                children: [],
+            },
+        ],
+    };
+}
+/** FNV-1a — small, fast, stable across runs. Only used to key VNodes. */
+function hashString(value) {
+    let hash = 0x811c9dc5;
+    for (let i = 0; i < value.length; i++) {
+        hash ^= value.charCodeAt(i);
+        hash = Math.imul(hash, 0x01000193);
+    }
+    return (hash >>> 0).toString(36);
+}
+//# sourceMappingURL=edge-templates.js.map

package/src/libs/renderer/src/svg/edge-templates.js.map

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

package/src/libs/renderer/src/svg/html-node.d.ts

@@ -0,0 +1,50 @@
+import type { NodeModel } from '@grafloria/engine';
+import type { VNode } from '../types/vnode.types';
+/** A single node in the structured, sanitized rich-content tree. */
+export interface HtmlContentNode {
+    /** Element tag — validated against {@link ALLOWED_TAGS}. */
+    tag: string;
+    /** Text content, emitted via `textContent` (never innerHTML). */
+    text?: string;
+    /** Inline style (object form); values are sanitized. */
+    style?: Record<string, string | number>;
+    className?: string;
+    /** Extra attributes — filtered against {@link ALLOWED_ATTRS} + sanitized. */
+    attrs?: Record<string, string>;
+    children?: HtmlContentNode[];
+}
+/** The HTML-node body spec, stored at `node.metadata.html`. */
+export interface HtmlNodeContent {
+    /** Plain-text body (safe: rendered through `textContent`). */
+    text?: string;
+    /** Structured, sanitized rich content. */
+    content?: HtmlContentNode;
+    /** Inline style for the root container (object form; values sanitized). */
+    style?: Record<string, string | number>;
+    className?: string;
+    /** Inner padding (px). Default 4. */
+    padding?: number;
+    /**
+     * Let the HTML capture pointer events (forms / links). Default false, so the
+     * shape background beneath receives clicks and the node stays draggable /
+     * selectable like any shape.
+     */
+    interactive?: boolean;
+}
+/** Read a node's HTML body spec, or null when it has none. */
+export declare function getHtmlContent(node: NodeModel): HtmlNodeContent | null;
+/** True when the node renders an HTML body. */
+export declare function hasHtmlContent(node: NodeModel): boolean;
+/**
+ * Convert ONE sanitized content node to a VNode. Unknown tags collapse to a
+ * `<span>` (their text is kept, their dangerous identity is dropped). Returns
+ * null for a node that contributes nothing.
+ */
+export declare function sanitizeHtmlContent(spec: HtmlContentNode): VNode | null;
+/**
+ * Build the `<foreignObject>` body VNode for an HTML node, sized to the node.
+ * Returns null when the node has no HTML content. The wrapper div is
+ * `pointer-events: none` unless the content opts into interactivity, so the
+ * shape background beneath keeps receiving selection / drag hits.
+ */
+export declare function buildHtmlForeignObject(node: NodeModel, width: number, height: number): VNode | null;

package/src/libs/renderer/src/svg/html-node.js

@@ -0,0 +1,214 @@
+"use strict";
+// HTML / foreignObject rich-content nodes (Wave 5 / Nodes & shapes — Card 4)
+//
+// A node whose BODY is arbitrary HTML, sized to `node.size` and living inside a
+// `<foreignObject>`. Because it renders as an ordinary child of the node's
+// translated+rotated `<g>` (on top of the shape background the registry drew), it
+// participates in selection, hit-testing and rotation exactly like any shape —
+// no separate code path.
+//
+// TWO hard-won invariants are honored here:
+//
+//   1. OPAQUE foreignObject (patch.ts). The VNode patcher patches a
+//      foreignObject's PROPS but never diffs its children, so live HTML survives
+//      across frames. We therefore KEY the foreignObject by a hash of its
+//      content: a data change flips the key → the patcher replaces the whole
+//      subtree (fresh content); a hover / selection change keeps the key → the
+//      subtree is left untouched.
+//
+//   2. "Diagram data is user input." NOTHING here uses `innerHTML`. Rich content
+//      is a STRUCTURED, allow-listed tree (`HtmlContentNode`) converted to VNodes
+//      whose text is emitted via `textContent`; tags, attributes and style
+//      declarations are filtered against allow-lists, and image/link URLs pass
+//      through `sanitizeAssetUrl`. This is the same rule the earlier
+//      foreignObject XSS fix established — it is not reopened.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHtmlContent = getHtmlContent;
+exports.hasHtmlContent = hasHtmlContent;
+exports.sanitizeHtmlContent = sanitizeHtmlContent;
+exports.buildHtmlForeignObject = buildHtmlForeignObject;
+const patch_1 = require("../vnode/patch");
+const panel_1 = require("./panel");
+/** Structural HTML tags a content node may use. Deliberately no script/iframe/
+ * object/embed/style/link/form-control-with-handlers. */
+const ALLOWED_TAGS = new Set([
+    'div',
+    'span',
+    'p',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'ul',
+    'ol',
+    'li',
+    'table',
+    'thead',
+    'tbody',
+    'tr',
+    'td',
+    'th',
+    'b',
+    'i',
+    'strong',
+    'em',
+    'small',
+    'code',
+    'pre',
+    'br',
+    'hr',
+    'img',
+]);
+/** Attributes allowed to survive on a content node (per-tag URL sanitization
+ * applies on top of this for `src`). */
+const ALLOWED_ATTRS = new Set(['title', 'alt', 'width', 'height', 'colspan', 'rowspan']);
+/** Read a node's HTML body spec, or null when it has none. */
+function getHtmlContent(node) {
+    const raw = node.getMetadata('html');
+    return raw && typeof raw === 'object' ? raw : null;
+}
+/** True when the node renders an HTML body. */
+function hasHtmlContent(node) {
+    return getHtmlContent(node) !== null;
+}
+/** Drop `javascript:` / `expression(` and other executable style payloads. */
+function sanitizeStyleValue(value) {
+    if (typeof value === 'number')
+        return value;
+    const lowered = value.toLowerCase();
+    if (lowered.includes('javascript:') ||
+        lowered.includes('expression(') ||
+        lowered.includes('vbscript:') ||
+        // url(...) can smuggle a script URL; drop any url() to be safe.
+        lowered.includes('url(')) {
+        return null;
+    }
+    return value;
+}
+function sanitizeStyle(style) {
+    if (!style)
+        return undefined;
+    const out = {};
+    for (const [k, v] of Object.entries(style)) {
+        // Block CSS custom properties / anything odd; allow simple property names.
+        if (!/^[a-zA-Z-]+$/.test(k))
+            continue;
+        const safe = sanitizeStyleValue(v);
+        if (safe !== null)
+            out[k] = safe;
+    }
+    return Object.keys(out).length > 0 ? out : undefined;
+}
+/**
+ * Convert ONE sanitized content node to a VNode. Unknown tags collapse to a
+ * `<span>` (their text is kept, their dangerous identity is dropped). Returns
+ * null for a node that contributes nothing.
+ */
+function sanitizeHtmlContent(spec) {
+    if (!spec || typeof spec.tag !== 'string')
+        return null;
+    const tag = ALLOWED_TAGS.has(spec.tag) ? spec.tag : 'span';
+    const props = { xmlns: patch_1.XHTML_NS };
+    const style = sanitizeStyle(spec.style);
+    if (style)
+        props['style'] = style;
+    if (typeof spec.className === 'string')
+        props['className'] = spec.className;
+    if (spec.attrs) {
+        for (const [k, v] of Object.entries(spec.attrs)) {
+            if (typeof v !== 'string')
+                continue;
+            // Never accept event handlers or arbitrary attrs; `src` is URL-sanitized.
+            if (/^on/i.test(k))
+                continue;
+            if (k === 'src' && tag === 'img') {
+                const safe = (0, panel_1.sanitizeAssetUrl)(v);
+                if (safe)
+                    props['src'] = safe;
+            }
+            else if (ALLOWED_ATTRS.has(k)) {
+                props[k] = v;
+            }
+        }
+    }
+    const children = [];
+    if (spec.children) {
+        for (const child of spec.children) {
+            const built = sanitizeHtmlContent(child);
+            if (built)
+                children.push(built);
+        }
+    }
+    const vnode = { type: tag, props };
+    // Text OWNS the element's content — never mixed with children (matches the
+    // patcher's textContent-owns-the-element rule).
+    if (typeof spec.text === 'string' && children.length === 0) {
+        props['textContent'] = spec.text;
+    }
+    else if (children.length > 0) {
+        vnode.children = children;
+    }
+    return vnode;
+}
+/** Cheap, stable djb2 hash of a value's JSON form — used to key the FO subtree. */
+function hashContent(value) {
+    var _a;
+    const str = (_a = JSON.stringify(value)) !== null && _a !== void 0 ? _a : '';
+    let h = 5381;
+    for (let i = 0; i < str.length; i++)
+        h = ((h << 5) + h + str.charCodeAt(i)) | 0;
+    return (h >>> 0).toString(36);
+}
+/**
+ * Build the `<foreignObject>` body VNode for an HTML node, sized to the node.
+ * Returns null when the node has no HTML content. The wrapper div is
+ * `pointer-events: none` unless the content opts into interactivity, so the
+ * shape background beneath keeps receiving selection / drag hits.
+ */
+function buildHtmlForeignObject(node, width, height) {
+    var _a, _b;
+    const html = getHtmlContent(node);
+    if (!html)
+        return null;
+    const pad = (_a = html.padding) !== null && _a !== void 0 ? _a : 4;
+    const wrapperStyle = Object.assign(Object.assign({ width: '100%', height: '100%', boxSizing: 'border-box', overflow: 'hidden', padding: `${pad}px` }, (html.interactive ? {} : { pointerEvents: 'none' })), ((_b = sanitizeStyle(html.style)) !== null && _b !== void 0 ? _b : {}));
+    const inner = [];
+    if (html.content) {
+        const built = sanitizeHtmlContent(html.content);
+        if (built)
+            inner.push(built);
+    }
+    else if (typeof html.text === 'string') {
+        inner.push({
+            type: 'div',
+            props: { xmlns: patch_1.XHTML_NS, textContent: html.text },
+        });
+    }
+    const wrapper = {
+        type: 'div',
+        props: {
+            xmlns: patch_1.XHTML_NS,
+            className: html.className ? `grafloria-html-node ${html.className}` : 'grafloria-html-node',
+            style: wrapperStyle,
+        },
+        children: inner,
+    };
+    // Key by content hash so a DATA change replaces the opaque subtree while a
+    // hover / selection change (same content) leaves it untouched.
+    return {
+        type: 'foreignObject',
+        key: `html-${node.id}-${hashContent(html)}`,
+        props: {
+            x: 0,
+            y: 0,
+            width,
+            height,
+            // Guard: a rotated node rotates the whole <g>, which includes this FO.
+            className: 'grafloria-html-foreign',
+        },
+        children: [wrapper],
+    };
+}
+//# sourceMappingURL=html-node.js.map

package/src/libs/renderer/src/svg/html-node.js.map

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