@pauloricca/spagbol 0.0.0-stage → 0.1.1

package/dist/react/context.d.ts

@@ -0,0 +1,84 @@
+import { type ComponentType, type CSSProperties, type ReactNode } from "react";
+import { type Diagnostic, type GraphEditor, type EditorSnapshot, type GraphNode, type NodeData, type ObservationStore, type Point } from "../core/index.js";
+export interface SpagbolCanvasFeatures {
+    compact?: boolean;
+    selectable?: boolean;
+    draggable?: boolean;
+    areas?: boolean;
+    linkProperties?: boolean;
+    nestedGraphs?: boolean;
+    panels?: boolean;
+}
+export interface SpagbolNodeViewProps<D extends NodeData = NodeData> {
+    node: GraphNode<D>;
+    selected: boolean;
+    projected: boolean;
+    path: readonly string[];
+    resetOverride?(): void;
+    readOnly: boolean;
+    setValue(portId: string, value: number): void;
+    patchData(data: Partial<D>, structural?: boolean): void;
+    beginGesture(label?: string): void;
+    endGesture(cancel?: boolean): void;
+}
+export interface SpagbolNodeView {
+    body?: ComponentType<SpagbolNodeViewProps>;
+    /** Complete custom geometry; use SpagbolNodePort and the supplied command props. */
+    render?: ComponentType<SpagbolNodeViewProps>;
+    projected?: ComponentType<SpagbolNodeViewProps>;
+    minWidth?: number;
+    minHeight?: number;
+    resizable?: boolean;
+    autoWidth?: boolean;
+    compact?: boolean;
+    selectable?: boolean;
+    draggable?: boolean;
+}
+/** Keep application body props typed while the renderer registry erases payloads. */
+export declare function defineNodeView<D extends NodeData>(view: {
+    body?: ComponentType<SpagbolNodeViewProps<D>>;
+    render?: ComponentType<SpagbolNodeViewProps<D>>;
+    projected?: ComponentType<SpagbolNodeViewProps<D>>;
+    minWidth?: number;
+    minHeight?: number;
+    resizable?: boolean;
+    autoWidth?: boolean;
+    compact?: boolean;
+    selectable?: boolean;
+    draggable?: boolean;
+}): SpagbolNodeView;
+export interface GraphContextValue {
+    editor: GraphEditor;
+    views: Readonly<Record<string, SpagbolNodeView>>;
+    features: SpagbolCanvasFeatures;
+    diagnostics: readonly Diagnostic[];
+    nodeKinds?: readonly string[];
+    changeNodeKind?(id: string, kind: string): void | Promise<void>;
+    zoom: number;
+    connecting: boolean;
+    linkOverlay: HTMLElement | null;
+    projection?: {
+        groupId: string;
+        path: readonly string[];
+    };
+    instanceId: string;
+    areaDuplicate?(id: string, phase: "start" | "move" | "end" | "cancel", offset: Point, external?: boolean): void;
+    registerTarget(key: string, element: HTMLElement | null): void;
+}
+export declare const GraphContext: import("react").Context<GraphContextValue | null>;
+export declare function useSpagbol(): GraphContextValue;
+export declare function useGraphEditor(): GraphEditor;
+export declare function useEditorSnapshot(editor: GraphEditor): EditorSnapshot;
+/** Subscribe to a stable slice, so value changes do not redraw selection-only UI. */
+export declare function useEditorSelector<T>(editor: GraphEditor, select: (snapshot: EditorSnapshot) => T): T;
+export declare function useObservation<T>(store: ObservationStore<T>, path: readonly string[], nodeId: string, instance?: string): T | undefined;
+/** Register a scoped DOM target for app-owned GPU/canvas rendering. */
+export declare function useRenderTarget(nodeId: string, slot?: string): (element: HTMLElement | null) => void;
+export type SpagbolTheme = CSSProperties & {
+    [key: `--spagbol-${string}`]: string | number;
+};
+export interface SpagbolCanvasSlots {
+    background?: ReactNode;
+    overlay?: ReactNode;
+}
+//# sourceMappingURL=context.d.ts.map

package/dist/react/context.d.ts.map

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

package/dist/react/context.js

@@ -0,0 +1,43 @@
+import { createContext, createElement, useCallback, useContext, useSyncExternalStore, } from "react";
+import {} from "../core/index.js";
+/** Keep application body props typed while the renderer registry erases payloads. */
+export function defineNodeView(view) {
+    const wrap = (component) => component
+        ? (props) => createElement(component, props)
+        : undefined;
+    return {
+        ...view,
+        body: wrap(view.body),
+        render: wrap(view.render),
+        projected: wrap(view.projected),
+    };
+}
+export const GraphContext = createContext(null);
+export function useSpagbol() {
+    const context = useContext(GraphContext);
+    if (!context)
+        throw new Error("Spagbol components must be inside SpagbolCanvas.");
+    return context;
+}
+export function useGraphEditor() {
+    return useSpagbol().editor;
+}
+export function useEditorSnapshot(editor) {
+    return useSyncExternalStore(editor.subscribe, editor.getSnapshot, editor.getSnapshot);
+}
+/** Subscribe to a stable slice, so value changes do not redraw selection-only UI. */
+export function useEditorSelector(editor, select) {
+    return useSyncExternalStore(editor.subscribe, () => select(editor.getSnapshot()), () => select(editor.getSnapshot()));
+}
+export function useObservation(store, path, nodeId, instance = "") {
+    const key = store.key(path, nodeId, instance);
+    return useSyncExternalStore((listener) => store.subscribe(key, listener), () => store.get(key), () => undefined);
+}
+/** Register a scoped DOM target for app-owned GPU/canvas rendering. */
+export function useRenderTarget(nodeId, slot = "preview") {
+    const { editor, registerTarget, projection } = useSpagbol();
+    const path = [...editor.getSnapshot().path, ...(projection ? [projection.groupId, ...projection.path.slice(0, -1)] : [])];
+    const key = JSON.stringify([path, nodeId, slot]);
+    return useCallback((element) => registerTarget(key, element), [key, registerTarget]);
+}
+//# sourceMappingURL=context.js.map

package/dist/react/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/react/context.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useSyncExternalStore,\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport {\n  type Diagnostic,\n  type GraphEditor,\n  type EditorSnapshot,\n  type GraphNode,\n  type NodeData,\n  type ObservationStore,\n  type Point,\n} from \"../core/index.js\";\n\nexport interface SpagbolCanvasFeatures {\n  compact?: boolean;\n  selectable?: boolean;\n  draggable?: boolean;\n  areas?: boolean;\n  linkProperties?: boolean;\n  nestedGraphs?: boolean;\n  panels?: boolean;\n}\nexport interface SpagbolNodeViewProps<D extends NodeData = NodeData> {\n  node: GraphNode<D>;\n  selected: boolean;\n  projected: boolean;\n  path: readonly string[];\n  resetOverride?(): void;\n  readOnly: boolean;\n  setValue(portId: string, value: number): void;\n  patchData(data: Partial<D>, structural?: boolean): void;\n  beginGesture(label?: string): void;\n  endGesture(cancel?: boolean): void;\n}\nexport interface SpagbolNodeView {\n  body?: ComponentType<SpagbolNodeViewProps>;\n  /** Complete custom geometry; use SpagbolNodePort and the supplied command props. */\n  render?: ComponentType<SpagbolNodeViewProps>;\n  projected?: ComponentType<SpagbolNodeViewProps>;\n  minWidth?: number;\n  minHeight?: number;\n  resizable?: boolean;\n  autoWidth?: boolean;\n  compact?: boolean;\n  selectable?: boolean;\n  draggable?: boolean;\n}\n/** Keep application body props typed while the renderer registry erases payloads. */\nexport function defineNodeView<D extends NodeData>(view: {\n  body?: ComponentType<SpagbolNodeViewProps<D>>;\n  render?: ComponentType<SpagbolNodeViewProps<D>>;\n  projected?: ComponentType<SpagbolNodeViewProps<D>>;\n  minWidth?: number;\n  minHeight?: number;\n  resizable?: boolean;\n  autoWidth?: boolean;\n  compact?: boolean;\n  selectable?: boolean;\n  draggable?: boolean;\n}): SpagbolNodeView {\n  const wrap = (\n    component?: ComponentType<SpagbolNodeViewProps<D>>,\n  ): ComponentType<SpagbolNodeViewProps> | undefined =>\n    component\n      ? (props) => createElement(component, props as SpagbolNodeViewProps<D>)\n      : undefined;\n  return {\n    ...view,\n    body: wrap(view.body),\n    render: wrap(view.render),\n    projected: wrap(view.projected),\n  };\n}\nexport interface GraphContextValue {\n  editor: GraphEditor;\n  views: Readonly<Record<string, SpagbolNodeView>>;\n  features: SpagbolCanvasFeatures;\n  diagnostics: readonly Diagnostic[];\n  nodeKinds?: readonly string[];\n  changeNodeKind?(id: string, kind: string): void | Promise<void>;\n  zoom: number;\n  connecting: boolean;\n  linkOverlay: HTMLElement | null;\n  projection?: { groupId: string; path: readonly string[] };\n  instanceId: string;\n  areaDuplicate?(id: string, phase: \"start\" | \"move\" | \"end\" | \"cancel\", offset: Point, external?: boolean): void;\n  registerTarget(key: string, element: HTMLElement | null): void;\n}\nexport const GraphContext = createContext<GraphContextValue | null>(null);\nexport function useSpagbol(): GraphContextValue {\n  const context = useContext(GraphContext);\n  if (!context)\n    throw new Error(\"Spagbol components must be inside SpagbolCanvas.\");\n  return context;\n}\nexport function useGraphEditor() {\n  return useSpagbol().editor;\n}\nexport function useEditorSnapshot(editor: GraphEditor) {\n  return useSyncExternalStore(\n    editor.subscribe,\n    editor.getSnapshot,\n    editor.getSnapshot,\n  );\n}\n/** Subscribe to a stable slice, so value changes do not redraw selection-only UI. */\nexport function useEditorSelector<T>(editor: GraphEditor, select: (snapshot: EditorSnapshot) => T): T {\n  return useSyncExternalStore(editor.subscribe, () => select(editor.getSnapshot()), () => select(editor.getSnapshot()));\n}\nexport function useObservation<T>(\n  store: ObservationStore<T>,\n  path: readonly string[],\n  nodeId: string,\n  instance = \"\",\n): T | undefined {\n  const key = store.key(path, nodeId, instance);\n  return useSyncExternalStore(\n    (listener) => store.subscribe(key, listener),\n    () => store.get(key),\n    () => undefined,\n  );\n}\n/** Register a scoped DOM target for app-owned GPU/canvas rendering. */\nexport function useRenderTarget(nodeId: string, slot = \"preview\") {\n  const { editor, registerTarget, projection } = useSpagbol();\n  const path = [...editor.getSnapshot().path, ...(projection ? [projection.groupId, ...projection.path.slice(0, -1)] : [])];\n  const key = JSON.stringify([path, nodeId, slot]);\n  return useCallback(\n    (element: HTMLElement | null) => registerTarget(key, element),\n    [key, registerTarget],\n  );\n}\nexport type SpagbolTheme = CSSProperties & {\n  [key: `--spagbol-${string}`]: string | number;\n};\nexport interface SpagbolCanvasSlots {\n  background?: ReactNode;\n  overlay?: ReactNode;\n}\n"]}

package/dist/react/duplicateDrag.d.ts

@@ -0,0 +1,19 @@
+import type { GraphDocument, GraphFragment, GraphNode, GraphArea, Point } from "../core/index.js";
+export interface DuplicateDrag {
+    namespace: string;
+    fragment: GraphFragment;
+    origin: Point;
+    nodeId: string;
+    positions: Map<string, Point>;
+    external: boolean;
+    areaPositions?: Map<string, Point>;
+}
+/** Rendering only: originals and moving copies coexist without editing the document. */
+export declare function duplicateDragPresentation(graph: GraphDocument, drag: DuplicateDrag): {
+    graph: GraphDocument;
+    originalAreas: Map<string, GraphArea>;
+    originalNodes: Map<string, GraphNode<import("../core/model.js").NodeData>>;
+    previewNodeIds: Set<string>;
+    previewLinks: Map<string, string>;
+};
+//# sourceMappingURL=duplicateDrag.d.ts.map

package/dist/react/duplicateDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duplicateDrag.d.ts","sourceRoot":"","sources":["../../src/react/duplicateDrag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,KAAK,EACN,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;CACpC;AAED,wFAAwF;AACxF,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,aAAa;;;;;;EA2EpB"}

package/dist/react/duplicateDrag.js

@@ -0,0 +1,71 @@
+/** Rendering only: originals and moving copies coexist without editing the document. */
+export function duplicateDragPresentation(graph, drag) {
+    const aliases = new Map(drag.fragment.nodes.map((node) => [
+        node.id,
+        `${drag.namespace}:origin:${node.id}`,
+    ]));
+    const areaAliases = new Map(drag.fragment.areas.map(area => [area.id, `${drag.namespace}:origin:${area.id}`]));
+    const originalAreas = new Map();
+    const originalNodes = new Map();
+    const previewNodeIds = new Set(drag.fragment.nodes.map((node) => node.id));
+    const candidates = [
+        ...drag.fragment.links,
+        ...(drag.external ? drag.fragment.boundaryLinks : []),
+    ];
+    const previewLinks = new Map(candidates.map((link) => [`${drag.namespace}:link:${link.id}`, link.id]));
+    const linkIds = new Map(candidates.map((link) => [link.id, `${drag.namespace}:link:${link.id}`]));
+    const stationary = graph.nodes.map((node) => {
+        const alias = aliases.get(node.id);
+        if (!alias)
+            return node;
+        originalNodes.set(alias, node);
+        return { ...node, id: alias };
+    });
+    const moving = drag.fragment.nodes.map((node) => ({
+        ...node,
+        position: drag.positions.get(node.id) ?? node.position,
+    }));
+    const originalLinks = graph.links.map((link) => ({
+        ...link,
+        source: {
+            ...link.source,
+            nodeId: aliases.get(link.source.nodeId) ?? link.source.nodeId,
+        },
+        target: link.target.type === "port"
+            ? {
+                ...link.target,
+                nodeId: aliases.get(link.target.nodeId) ?? link.target.nodeId,
+            }
+            : link.target,
+    }));
+    const movingLinks = candidates.map((link) => ({
+        ...link,
+        id: linkIds.get(link.id),
+        target: link.target.type === "link"
+            ? {
+                ...link.target,
+                linkId: linkIds.get(link.target.linkId) ?? link.target.linkId,
+            }
+            : link.target,
+    }));
+    const presentation = {
+        ...graph,
+        nodes: [...stationary, ...moving],
+        links: [...originalLinks, ...movingLinks],
+        areas: [
+            ...graph.areas.map(area => {
+                const alias = areaAliases.get(area.id);
+                if (alias)
+                    originalAreas.set(alias, area);
+                return { ...area, id: alias ?? area.id,
+                    ...(area.ownerNodeId ? { ownerNodeId: aliases.get(area.ownerNodeId) ?? area.ownerNodeId } : {}),
+                    ...(area.nodeIds ? { nodeIds: area.nodeIds.map(id => aliases.get(id) ?? id) } : {}),
+                    ...(area.areaIds ? { areaIds: area.areaIds.map(id => areaAliases.get(id) ?? id) } : {}),
+                };
+            }),
+            ...drag.fragment.areas.map(area => ({ ...area, position: drag.areaPositions?.get(area.id) ?? area.position })),
+        ],
+    };
+    return { graph: presentation, originalAreas, originalNodes, previewNodeIds, previewLinks };
+}
+//# sourceMappingURL=duplicateDrag.js.map

package/dist/react/duplicateDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duplicateDrag.js","sourceRoot":"","sources":["../../src/react/duplicateDrag.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  GraphDocument,\n  GraphFragment,\n  GraphNode,\n  GraphArea,\n  Point,\n} from \"../core/index.js\";\n\nexport interface DuplicateDrag {\n  namespace: string;\n  fragment: GraphFragment;\n  origin: Point;\n  nodeId: string;\n  positions: Map<string, Point>;\n  external: boolean;\n  areaPositions?: Map<string, Point>;\n}\n\n/** Rendering only: originals and moving copies coexist without editing the document. */\nexport function duplicateDragPresentation(\n  graph: GraphDocument,\n  drag: DuplicateDrag,\n) {\n  const aliases = new Map(\n    drag.fragment.nodes.map((node) => [\n      node.id,\n      `${drag.namespace}:origin:${node.id}`,\n    ]),\n  );\n  const areaAliases = new Map(drag.fragment.areas.map(area => [area.id, `${drag.namespace}:origin:${area.id}`]));\n  const originalAreas = new Map<string, GraphArea>();\n  const originalNodes = new Map<string, GraphNode>();\n  const previewNodeIds = new Set(drag.fragment.nodes.map((node) => node.id));\n  const candidates = [\n    ...drag.fragment.links,\n    ...(drag.external ? drag.fragment.boundaryLinks : []),\n  ];\n  const previewLinks = new Map(\n    candidates.map((link) => [`${drag.namespace}:link:${link.id}`, link.id]),\n  );\n  const linkIds = new Map(\n    candidates.map((link) => [link.id, `${drag.namespace}:link:${link.id}`]),\n  );\n  const stationary = graph.nodes.map((node) => {\n    const alias = aliases.get(node.id);\n    if (!alias) return node;\n    originalNodes.set(alias, node);\n    return { ...node, id: alias };\n  });\n  const moving = drag.fragment.nodes.map((node) => ({\n    ...node,\n    position: drag.positions.get(node.id) ?? node.position,\n  }));\n  const originalLinks = graph.links.map((link) => ({\n    ...link,\n    source: {\n      ...link.source,\n      nodeId: aliases.get(link.source.nodeId) ?? link.source.nodeId,\n    },\n    target:\n      link.target.type === \"port\"\n        ? {\n            ...link.target,\n            nodeId: aliases.get(link.target.nodeId) ?? link.target.nodeId,\n          }\n        : link.target,\n  }));\n  const movingLinks = candidates.map((link) => ({\n    ...link,\n    id: linkIds.get(link.id)!,\n    target:\n      link.target.type === \"link\"\n        ? {\n            ...link.target,\n            linkId: linkIds.get(link.target.linkId) ?? link.target.linkId,\n          }\n        : link.target,\n  }));\n  const presentation: GraphDocument = {\n    ...graph,\n    nodes: [...stationary, ...moving],\n    links: [...originalLinks, ...movingLinks],\n    areas: [\n      ...graph.areas.map(area => {\n        const alias = areaAliases.get(area.id);\n        if (alias) originalAreas.set(alias, area);\n        return { ...area, id: alias ?? area.id,\n          ...(area.ownerNodeId ? { ownerNodeId: aliases.get(area.ownerNodeId) ?? area.ownerNodeId } : {}),\n          ...(area.nodeIds ? { nodeIds: area.nodeIds.map(id => aliases.get(id) ?? id) } : {}),\n          ...(area.areaIds ? { areaIds: area.areaIds.map(id => areaAliases.get(id) ?? id) } : {}),\n        };\n      }),\n      ...drag.fragment.areas.map(area => ({ ...area, position: drag.areaPositions?.get(area.id) ?? area.position })),\n    ],\n  };\n  return { graph: presentation, originalAreas, originalNodes, previewNodeIds, previewLinks };\n}\n"]}

package/dist/react/flowPresentation.d.ts

@@ -0,0 +1,11 @@
+import type { Edge, Node, NodeChange } from "@xyflow/react";
+import type { Size } from "../core/index.js";
+/** Apply measurement notifications without turning them into graph/history edits. */
+export declare function rememberMeasurements<N extends Node>(cache: Map<string, Size>, changes: readonly NodeChange<N>[]): boolean;
+/** React Flow hides the reconnecting edge; a separate identity keeps the source visible. */
+export declare function stationaryReconnectEdge<E extends Edge>(edge: E): E;
+/** Keep native flow records stable when immutable model and geometry are unchanged. */
+export declare function reuseFlowPresentations<T extends {
+    id: string;
+}>(previous: T[], next: T[]): T[];
+//# sourceMappingURL=flowPresentation.d.ts.map

package/dist/react/flowPresentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowPresentation.d.ts","sourceRoot":"","sources":["../../src/react/flowPresentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EACjD,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,EACxB,OAAO,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,GAChC,OAAO,CAcT;AAED,4FAA4F;AAC5F,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAWlE;AASD,uFAAuF;AACvF,wBAAgB,sBAAsB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAU9F"}

package/dist/react/flowPresentation.js

@@ -0,0 +1,50 @@
+/** Apply measurement notifications without turning them into graph/history edits. */
+export function rememberMeasurements(cache, changes) {
+    let changed = false;
+    for (const change of changes)
+        if (change.type === "dimensions" && change.dimensions) {
+            const previous = cache.get(change.id);
+            if (previous?.width !== change.dimensions.width ||
+                previous?.height !== change.dimensions.height) {
+                cache.set(change.id, { ...change.dimensions });
+                changed = true;
+            }
+        }
+    return changed;
+}
+/** React Flow hides the reconnecting edge; a separate identity keeps the source visible. */
+export function stationaryReconnectEdge(edge) {
+    return {
+        ...edge,
+        id: `reconnect-preview:${edge.id}`,
+        selected: false,
+        reconnectable: false,
+        selectable: false,
+        focusable: false,
+        deletable: false,
+        data: { ...edge.data, emphasized: false, dimmed: false },
+    };
+}
+function shallowRecordEqual(left, right) {
+    if (left === right)
+        return true;
+    if (!left || !right || typeof left !== 'object' || typeof right !== 'object')
+        return false;
+    const a = left, b = right;
+    const keys = Object.keys(a);
+    return keys.length === Object.keys(b).length && keys.every(key => a[key] === b[key]);
+}
+/** Keep native flow records stable when immutable model and geometry are unchanged. */
+export function reuseFlowPresentations(previous, next) {
+    const byId = new Map(previous.map(item => [item.id, item]));
+    const result = next.map(item => {
+        const old = byId.get(item.id);
+        if (!old)
+            return item;
+        const a = old, b = item;
+        const keys = Object.keys(a);
+        return keys.length === Object.keys(b).length && keys.every(key => a[key] === b[key] || (['data', 'style', 'position', 'measured'].includes(key) && shallowRecordEqual(a[key], b[key]))) ? old : item;
+    });
+    return result.length === previous.length && result.every((item, index) => item === previous[index]) ? previous : result;
+}
+//# sourceMappingURL=flowPresentation.js.map

package/dist/react/flowPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowPresentation.js","sourceRoot":"","sources":["../../src/react/flowPresentation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Edge, Node, NodeChange } from \"@xyflow/react\";\nimport type { Size } from \"../core/index.js\";\n\n/** Apply measurement notifications without turning them into graph/history edits. */\nexport function rememberMeasurements<N extends Node>(\n  cache: Map<string, Size>,\n  changes: readonly NodeChange<N>[],\n): boolean {\n  let changed = false;\n  for (const change of changes)\n    if (change.type === \"dimensions\" && change.dimensions) {\n      const previous = cache.get(change.id);\n      if (\n        previous?.width !== change.dimensions.width ||\n        previous?.height !== change.dimensions.height\n      ) {\n        cache.set(change.id, { ...change.dimensions });\n        changed = true;\n      }\n    }\n  return changed;\n}\n\n/** React Flow hides the reconnecting edge; a separate identity keeps the source visible. */\nexport function stationaryReconnectEdge<E extends Edge>(edge: E): E {\n  return {\n    ...edge,\n    id: `reconnect-preview:${edge.id}`,\n    selected: false,\n    reconnectable: false,\n    selectable: false,\n    focusable: false,\n    deletable: false,\n    data: { ...edge.data, emphasized: false, dimmed: false },\n  };\n}\n\nfunction shallowRecordEqual(left: unknown, right: unknown): boolean {\n  if (left === right) return true;\n  if (!left || !right || typeof left !== 'object' || typeof right !== 'object') return false;\n  const a = left as Record<string, unknown>, b = right as Record<string, unknown>;\n  const keys = Object.keys(a);\n  return keys.length === Object.keys(b).length && keys.every(key => a[key] === b[key]);\n}\n/** Keep native flow records stable when immutable model and geometry are unchanged. */\nexport function reuseFlowPresentations<T extends { id: string }>(previous: T[], next: T[]): T[] {\n  const byId = new Map(previous.map(item => [item.id, item]));\n  const result = next.map(item => {\n    const old = byId.get(item.id);\n    if (!old) return item;\n    const a = old as unknown as Record<string, unknown>, b = item as unknown as Record<string, unknown>;\n    const keys = Object.keys(a);\n    return keys.length === Object.keys(b).length && keys.every(key => a[key] === b[key] || (['data', 'style', 'position', 'measured'].includes(key) && shallowRecordEqual(a[key], b[key]))) ? old : item;\n  });\n  return result.length === previous.length && result.every((item, index) => item === previous[index]) ? previous : result;\n}\n"]}

package/dist/react/geometry.d.ts

@@ -0,0 +1,13 @@
+import type { Point } from "../core/index.js";
+/** Adapted from Teia's feedback/self-loop treatment; no audio semantics here. */
+export declare function linkPath(source: Point, target: Point, feedback?: boolean, sameNode?: boolean): [string, number, number];
+export declare const nodeFlowId: (id: string) => string;
+export declare const areaFlowId: (id: string) => string;
+export declare const anchorFlowId: (id: string) => string;
+export declare const sourceHandle: (id: string) => string;
+export declare const targetHandle: (id: string) => string;
+export declare function parseHandle(handle: string | null | undefined): {
+    direction: "input" | "output";
+    id: string;
+} | undefined;
+//# sourceMappingURL=geometry.d.ts.map

package/dist/react/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/react/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,iFAAiF;AACjF,wBAAgB,QAAQ,CACtB,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,KAAK,EACb,QAAQ,UAAQ,EAChB,QAAQ,UAAQ,GACf,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CA8B1B;AACD,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,WAAiB,CAAC;AACvD,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,WAAiB,CAAC;AACvD,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,WAAmB,CAAC;AAC3D,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,WAAgB,CAAC;AACxD,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,WAAe,CAAC;AACvD,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAChC;IAAE,SAAS,EAAE,OAAO,GAAG,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAK3D"}

package/dist/react/geometry.js

@@ -0,0 +1,43 @@
+import { getBezierPath, Position } from "@xyflow/react";
+/** Adapted from Teia's feedback/self-loop treatment; no audio semantics here. */
+export function linkPath(source, target, feedback = false, sameNode = false) {
+    if (!feedback && !sameNode) {
+        const [path, x, y] = getBezierPath({
+            sourceX: source.x,
+            sourceY: source.y,
+            targetX: target.x,
+            targetY: target.y,
+            sourcePosition: Position.Right,
+            targetPosition: Position.Left,
+        });
+        return [path, x, y];
+    }
+    const dx = Math.abs(source.x - target.x), dy = Math.abs(source.y - target.y);
+    if (sameNode) {
+        const offset = Math.max(220 * 0.36, dx * 0.34 + dy * 0.12);
+        const controlY = Math.min(source.y, target.y) - Math.min(32, Math.max(16, dy * 0.2 + 16));
+        return [
+            `M ${source.x},${source.y} C ${source.x + offset},${controlY} ${target.x - offset},${controlY} ${target.x},${target.y}`,
+            (source.x + target.x) / 2,
+            0.125 * source.y + 0.75 * controlY + 0.125 * target.y,
+        ];
+    }
+    const offset = Math.max(142, dx * 0.8 + dy * 0.2);
+    return [
+        `M ${source.x},${source.y} C ${source.x + offset},${source.y} ${target.x - offset},${target.y} ${target.x},${target.y}`,
+        (source.x + target.x) / 2,
+        (source.y + target.y) / 2,
+    ];
+}
+export const nodeFlowId = (id) => `node:${id}`;
+export const areaFlowId = (id) => `area:${id}`;
+export const anchorFlowId = (id) => `anchor:${id}`;
+export const sourceHandle = (id) => `out:${id}`;
+export const targetHandle = (id) => `in:${id}`;
+export function parseHandle(handle) {
+    if (handle?.startsWith("out:"))
+        return { direction: "output", id: handle.slice(4) };
+    if (handle?.startsWith("in:"))
+        return { direction: "input", id: handle.slice(3) };
+}
+//# sourceMappingURL=geometry.js.map

package/dist/react/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.js","sourceRoot":"","sources":["../../src/react/geometry.ts"],"names":[],"mappings":"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","sourcesContent":["import { getBezierPath, Position } from \"@xyflow/react\";\nimport type { Point } from \"../core/index.js\";\n\n/** Adapted from Teia's feedback/self-loop treatment; no audio semantics here. */\nexport function linkPath(\n  source: Point,\n  target: Point,\n  feedback = false,\n  sameNode = false,\n): [string, number, number] {\n  if (!feedback && !sameNode) {\n    const [path, x, y] = getBezierPath({\n      sourceX: source.x,\n      sourceY: source.y,\n      targetX: target.x,\n      targetY: target.y,\n      sourcePosition: Position.Right,\n      targetPosition: Position.Left,\n    });\n    return [path, x, y];\n  }\n  const dx = Math.abs(source.x - target.x),\n    dy = Math.abs(source.y - target.y);\n  if (sameNode) {\n    const offset = Math.max(220 * 0.36, dx * 0.34 + dy * 0.12);\n    const controlY =\n      Math.min(source.y, target.y) - Math.min(32, Math.max(16, dy * 0.2 + 16));\n    return [\n      `M ${source.x},${source.y} C ${source.x + offset},${controlY} ${target.x - offset},${controlY} ${target.x},${target.y}`,\n      (source.x + target.x) / 2,\n      0.125 * source.y + 0.75 * controlY + 0.125 * target.y,\n    ];\n  }\n  const offset = Math.max(142, dx * 0.8 + dy * 0.2);\n  return [\n    `M ${source.x},${source.y} C ${source.x + offset},${source.y} ${target.x - offset},${target.y} ${target.x},${target.y}`,\n    (source.x + target.x) / 2,\n    (source.y + target.y) / 2,\n  ];\n}\nexport const nodeFlowId = (id: string) => `node:${id}`;\nexport const areaFlowId = (id: string) => `area:${id}`;\nexport const anchorFlowId = (id: string) => `anchor:${id}`;\nexport const sourceHandle = (id: string) => `out:${id}`;\nexport const targetHandle = (id: string) => `in:${id}`;\nexport function parseHandle(\n  handle: string | null | undefined,\n): { direction: \"input\" | \"output\"; id: string } | undefined {\n  if (handle?.startsWith(\"out:\"))\n    return { direction: \"output\", id: handle.slice(4) };\n  if (handle?.startsWith(\"in:\"))\n    return { direction: \"input\", id: handle.slice(3) };\n}\n"]}

package/dist/react/index.d.ts

@@ -0,0 +1,11 @@
+export { SpagbolCanvas, type SpagbolCanvasProps, type SpagbolLinkPresentation, } from "./SpagbolCanvas.js";
+export { SpagbolNodeFrame, SpagbolNodePort, SpagbolNodePanel, type SpagbolNodeFrameProps, type SpagbolNodePortProps, } from "./SpagbolNodeFrame.js";
+export { SpagbolControlNumber, formatNumber, type SpagbolControlNumberProps, } from "./SpagbolControlNumber.js";
+export { defineNodeView, useEditorSnapshot, useGraphEditor, useObservation, useRenderTarget, useSpagbol, type SpagbolNodeView, type SpagbolNodeViewProps, type SpagbolCanvasFeatures, type SpagbolTheme, type SpagbolCanvasSlots, } from "./context.js";
+export { linkPath } from "./geometry.js";
+export { SpagbolCanvasFlow, type SpagbolCanvasFlowProps, } from "./SpagbolCanvasFlow.js";
+export { SpagbolControlZoom, type SpagbolControlZoomProps, } from "./SpagbolControlZoom.js";
+export { SpagbolCanvasMenu, type SpagbolCanvasMenuProps, } from "./SpagbolCanvasMenu.js";
+export { translateExtentForVisibleContent, clampViewportToTranslateExtent, visibleContentBounds, infiniteCanvasExtent, type CanvasBoundsItem, type CanvasViewport, type CanvasExtent, } from "./viewport.js";
+export { SpagbolCanvasControls, SpagbolCanvasActions, SpagbolCanvasControlsZoom, type SpagbolCanvasControlsOptions, type SpagbolCanvasAction, type SpagbolCanvasMenuItem, type SpagbolCanvasMenuSeparator, } from "./SpagbolCanvasControls.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,KAAK,yBAAyB,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,eAAe,EACf,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,gCAAgC,EAChC,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,GAChC,MAAM,4BAA4B,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,11 @@
+export { SpagbolCanvas, } from "./SpagbolCanvas.js";
+export { SpagbolNodeFrame, SpagbolNodePort, SpagbolNodePanel, } from "./SpagbolNodeFrame.js";
+export { SpagbolControlNumber, formatNumber, } from "./SpagbolControlNumber.js";
+export { defineNodeView, useEditorSnapshot, useGraphEditor, useObservation, useRenderTarget, useSpagbol, } from "./context.js";
+export { linkPath } from "./geometry.js";
+export { SpagbolCanvasFlow, } from "./SpagbolCanvasFlow.js";
+export { SpagbolControlZoom, } from "./SpagbolControlZoom.js";
+export { SpagbolCanvasMenu, } from "./SpagbolCanvasMenu.js";
+export { translateExtentForVisibleContent, clampViewportToTranslateExtent, visibleContentBounds, infiniteCanvasExtent, } from "./viewport.js";
+export { SpagbolCanvasControls, SpagbolCanvasActions, SpagbolCanvasControlsZoom, } from "./SpagbolCanvasControls.js";
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,GAGd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GAGjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,eAAe,EACf,UAAU,GAMX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,GAEnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,gCAAgC,EAChC,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,GAIrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,GAK1B,MAAM,4BAA4B,CAAC","sourcesContent":["export {\n  SpagbolCanvas,\n  type SpagbolCanvasProps,\n  type SpagbolLinkPresentation,\n} from \"./SpagbolCanvas.js\";\nexport {\n  SpagbolNodeFrame,\n  SpagbolNodePort,\n  SpagbolNodePanel,\n  type SpagbolNodeFrameProps,\n  type SpagbolNodePortProps,\n} from \"./SpagbolNodeFrame.js\";\nexport {\n  SpagbolControlNumber,\n  formatNumber,\n  type SpagbolControlNumberProps,\n} from \"./SpagbolControlNumber.js\";\nexport {\n  defineNodeView,\n  useEditorSnapshot,\n  useGraphEditor,\n  useObservation,\n  useRenderTarget,\n  useSpagbol,\n  type SpagbolNodeView,\n  type SpagbolNodeViewProps,\n  type SpagbolCanvasFeatures,\n  type SpagbolTheme,\n  type SpagbolCanvasSlots,\n} from \"./context.js\";\nexport { linkPath } from \"./geometry.js\";\nexport {\n  SpagbolCanvasFlow,\n  type SpagbolCanvasFlowProps,\n} from \"./SpagbolCanvasFlow.js\";\nexport {\n  SpagbolControlZoom,\n  type SpagbolControlZoomProps,\n} from \"./SpagbolControlZoom.js\";\nexport {\n  SpagbolCanvasMenu,\n  type SpagbolCanvasMenuProps,\n} from \"./SpagbolCanvasMenu.js\";\nexport {\n  translateExtentForVisibleContent,\n  clampViewportToTranslateExtent,\n  visibleContentBounds,\n  infiniteCanvasExtent,\n  type CanvasBoundsItem,\n  type CanvasViewport,\n  type CanvasExtent,\n} from \"./viewport.js\";\nexport {\n  SpagbolCanvasControls,\n  SpagbolCanvasActions,\n  SpagbolCanvasControlsZoom,\n  type SpagbolCanvasControlsOptions,\n  type SpagbolCanvasAction,\n  type SpagbolCanvasMenuItem,\n  type SpagbolCanvasMenuSeparator,\n} from \"./SpagbolCanvasControls.js\";\n"]}

package/dist/react/nodeDrag.d.ts

@@ -0,0 +1,7 @@
+import type { Node, NodeChange } from "@xyflow/react";
+import type { GraphDocument, Point } from "../core/index.js";
+/** Accumulate only changed native node positions; keep model records immutable. */
+export declare function previewNodePositions<N extends Node>(previous: ReadonlyMap<string, Point>, changes: readonly NodeChange<N>[]): ReadonlyMap<string, Point>;
+/** Apply a completed multi-node drag as one atomic controller edit. */
+export declare function applyNodePositions(graph: GraphDocument, positions: ReadonlyMap<string, Point>): void;
+//# sourceMappingURL=nodeDrag.d.ts.map

package/dist/react/nodeDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeDrag.d.ts","sourceRoot":"","sources":["../../src/react/nodeDrag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE7D,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EACjD,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,EACpC,OAAO,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,GAChC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAc5B;AAED,uEAAuE;AACvE,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,GACpC,IAAI,CAKN"}

package/dist/react/nodeDrag.js

@@ -0,0 +1,27 @@
+/** Accumulate only changed native node positions; keep model records immutable. */
+export function previewNodePositions(previous, changes) {
+    let next;
+    for (const change of changes) {
+        if (change.type !== "position" || !change.position || !change.id.startsWith("node:"))
+            continue;
+        const { x, y } = change.position;
+        if (!Number.isFinite(x) || !Number.isFinite(y))
+            continue;
+        const id = change.id.slice(5);
+        const before = (next ?? previous).get(id);
+        if (before?.x === x && before.y === y)
+            continue;
+        next ??= new Map(previous);
+        next.set(id, { x, y });
+    }
+    return next ?? previous;
+}
+/** Apply a completed multi-node drag as one atomic controller edit. */
+export function applyNodePositions(graph, positions) {
+    for (const node of graph.nodes) {
+        const position = positions.get(node.id);
+        if (position)
+            node.position = { ...position };
+    }
+}
+//# sourceMappingURL=nodeDrag.js.map

package/dist/react/nodeDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeDrag.js","sourceRoot":"","sources":["../../src/react/nodeDrag.ts"],"names":[],"mappings":"AAGA,mFAAmF;AACnF,MAAM,UAAU,oBAAoB,CAClC,QAAoC,EACpC,OAAiC;IAEjC,IAAI,IAAoC,CAAC;IACzC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;YAClF,SAAS;QACX,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,SAAS;QACzD,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC9B,MAAM,MAAM,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAI,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK,CAAC;YAAE,SAAS;QAChD,IAAI,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC;IACD,OAAO,IAAI,IAAI,QAAQ,CAAC;AAC1B,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,kBAAkB,CAChC,KAAoB,EACpB,SAAqC;IAErC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxC,IAAI,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChD,CAAC;AACH,CAAC","sourcesContent":["import type { Node, NodeChange } from \"@xyflow/react\";\nimport type { GraphDocument, Point } from \"../core/index.js\";\n\n/** Accumulate only changed native node positions; keep model records immutable. */\nexport function previewNodePositions<N extends Node>(\n  previous: ReadonlyMap<string, Point>,\n  changes: readonly NodeChange<N>[],\n): ReadonlyMap<string, Point> {\n  let next: Map<string, Point> | undefined;\n  for (const change of changes) {\n    if (change.type !== \"position\" || !change.position || !change.id.startsWith(\"node:\"))\n      continue;\n    const { x, y } = change.position;\n    if (!Number.isFinite(x) || !Number.isFinite(y)) continue;\n    const id = change.id.slice(5);\n    const before = (next ?? previous).get(id);\n    if (before?.x === x && before.y === y) continue;\n    next ??= new Map(previous);\n    next.set(id, { x, y });\n  }\n  return next ?? previous;\n}\n\n/** Apply a completed multi-node drag as one atomic controller edit. */\nexport function applyNodePositions(\n  graph: GraphDocument,\n  positions: ReadonlyMap<string, Point>,\n): void {\n  for (const node of graph.nodes) {\n    const position = positions.get(node.id);\n    if (position) node.position = { ...position };\n  }\n}\n"]}

package/dist/react/portState.d.ts

@@ -0,0 +1,10 @@
+import type { GraphDocument } from "../core/index.js";
+export type PortState = {
+    inputs: Set<string>;
+    outputs: Set<string>;
+    replaced: Set<string>;
+};
+export declare const emptyPortState: PortState;
+/** Value edits share connection state; rewiring/mode/enabled edits invalidate it. */
+export declare function graphPortStates(graph: GraphDocument): Map<string, PortState>;
+//# sourceMappingURL=portState.d.ts.map

package/dist/react/portState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portState.d.ts","sourceRoot":"","sources":["../../src/react/portState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,MAAM,MAAM,SAAS,GAAG;IAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAG7F,eAAO,MAAM,cAAc,EAAE,SAA0E,CAAC;AACxG,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,0BAiBnD"}

package/dist/react/portState.js

@@ -0,0 +1,35 @@
+const documentCache = new WeakMap();
+const connectionCache = new WeakMap();
+export const emptyPortState = { inputs: new Set(), outputs: new Set(), replaced: new Set() };
+/** Value edits share connection state; rewiring/mode/enabled edits invalidate it. */
+export function graphPortStates(graph) {
+    const cached = documentCache.get(graph);
+    if (cached)
+        return cached;
+    const enabledKey = JSON.stringify(graph.nodes.map(node => [node.id, node.enabled !== false]));
+    const connections = Object.isFrozen(graph) ? connectionCache.get(graph.links) : undefined;
+    if (connections?.enabled === enabledKey) {
+        documentCache.set(graph, connections.state);
+        return connections.state;
+    }
+    const result = new Map();
+    const enabled = new Set(graph.nodes.filter(node => node.enabled !== false).map(node => node.id));
+    const state = (id) => { let value = result.get(id); if (!value) {
+        value = { inputs: new Set(), outputs: new Set(), replaced: new Set() };
+        result.set(id, value);
+    } return value; };
+    for (const link of graph.links) {
+        state(link.source.nodeId).outputs.add(link.source.portId);
+        if (link.target.type === 'port') {
+            state(link.target.nodeId).inputs.add(link.target.portId);
+            if (link.enabled !== false && link.mode === 'set' && enabled.has(link.source.nodeId))
+                state(link.target.nodeId).replaced.add(link.target.portId);
+        }
+    }
+    if (Object.isFrozen(graph)) {
+        documentCache.set(graph, result);
+        connectionCache.set(graph.links, { enabled: enabledKey, state: result });
+    }
+    return result;
+}
+//# sourceMappingURL=portState.js.map

package/dist/react/portState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portState.js","sourceRoot":"","sources":["../../src/react/portState.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GraphDocument } from \"../core/index.js\";\nexport type PortState = { inputs: Set<string>; outputs: Set<string>; replaced: Set<string> };\nconst documentCache = new WeakMap<GraphDocument, Map<string, PortState>>();\nconst connectionCache = new WeakMap<GraphDocument['links'], { enabled: string; state: Map<string, PortState> }>();\nexport const emptyPortState: PortState = { inputs: new Set(), outputs: new Set(), replaced: new Set() };\n/** Value edits share connection state; rewiring/mode/enabled edits invalidate it. */\nexport function graphPortStates(graph: GraphDocument) {\n  const cached = documentCache.get(graph); if (cached) return cached;\n  const enabledKey = JSON.stringify(graph.nodes.map(node => [node.id, node.enabled !== false]));\n  const connections = Object.isFrozen(graph) ? connectionCache.get(graph.links) : undefined;\n  if (connections?.enabled === enabledKey) { documentCache.set(graph, connections.state); return connections.state; }\n  const result = new Map<string, PortState>();\n  const enabled = new Set(graph.nodes.filter(node => node.enabled !== false).map(node => node.id));\n  const state = (id: string) => { let value = result.get(id); if (!value) { value = { inputs: new Set(), outputs: new Set(), replaced: new Set() }; result.set(id, value); } return value; };\n  for (const link of graph.links) {\n    state(link.source.nodeId).outputs.add(link.source.portId);\n    if (link.target.type === 'port') {\n      state(link.target.nodeId).inputs.add(link.target.portId);\n      if (link.enabled !== false && link.mode === 'set' && enabled.has(link.source.nodeId)) state(link.target.nodeId).replaced.add(link.target.portId);\n    }\n  }\n  if (Object.isFrozen(graph)) { documentCache.set(graph, result); connectionCache.set(graph.links, { enabled: enabledKey, state: result }); }\n  return result;\n}\n"]}

package/dist/react/viewport.d.ts

@@ -0,0 +1,24 @@
+import type { Point, Size } from "../core/index.js";
+export interface CanvasBoundsItem {
+    position: Point;
+    size: Size;
+    hidden?: boolean;
+}
+export interface CanvasViewport {
+    x: number;
+    y: number;
+    zoom: number;
+}
+export type CanvasExtent = [[number, number], [number, number]];
+export declare const infiniteCanvasExtent: CanvasExtent;
+export declare function visibleContentBounds(items: readonly CanvasBoundsItem[]): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/** Teia's pan policy: extend content bounds by 70% of the visible screen on each side. */
+export declare function translateExtentForVisibleContent(items: readonly CanvasBoundsItem[], viewport: CanvasViewport, size: Size, emptyScreenRatio?: number): CanvasExtent;
+/** Re-clamp after zoom, resize, collapse, graph deletion or nested navigation. */
+export declare function clampViewportToTranslateExtent(viewport: CanvasViewport, extent: CanvasExtent, size: Size): CanvasViewport;
+//# sourceMappingURL=viewport.d.ts.map

package/dist/react/viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../src/react/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAChE,eAAO,MAAM,oBAAoB,EAAE,YAGlC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,gBAAgB,EAAE;;;;;EA2BtE;AAID,0FAA0F;AAC1F,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,EACV,gBAAgB,SAAM,GACrB,YAAY,CAad;AAED,kFAAkF;AAClF,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,GACT,cAAc,CAchB"}