@multiplatform.one/node-graph 7.7.2

package/dist/esm/react-flow/GraphCommandBridge.mjs

@@ -0,0 +1,213 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { createDomTransformProbe, createFrameSampler, gestureWindow, reportRun } from "../bench/frameSampler.mjs";
+import { useGraphActions } from "./GraphActions.mjs";
+import { reactFlowNodeSelector, reactFlowPaneSelector, reactFlowViewportSelector, useReactFlow } from "./xy.mjs";
+function toWire(run, label, context) {
+  const result = reportRun(run, {
+    ...context,
+    label
+  });
+  if (!result.ok) {
+    return {
+      ok: false,
+      reason: result.error.reason,
+      message: result.error.message,
+      label,
+      nodeCount: run.nodeCount || context.nodeCount,
+      culling: context.culling,
+      layoutRunner: context.layoutRunner,
+      didMove: run.didMove,
+      durationMs: run.stoppedAt - run.startedAt,
+      stats: run.stats,
+      // Carried on a REJECTION too: a run discarded for `didMove` still says
+      // how many gestures were bracketed, which is what tells an operator
+      // whether the marks were the thing that went wrong.
+      gesture: gestureWindow(run),
+      reportJson: ""
+    };
+  }
+  return {
+    ok: true,
+    label,
+    nodeCount: result.value.nodeCount,
+    culling: result.value.culling,
+    layoutRunner: result.value.layoutRunner ?? context.layoutRunner,
+    didMove: true,
+    durationMs: result.value.durationMs,
+    stats: result.value.stats,
+    gesture: result.value.gesture,
+    reportJson: JSON.stringify(result.value)
+  };
+}
+function GraphCommandBridge({
+  commands,
+  culling,
+  emit,
+  host,
+  onMounted,
+  rootRef
+}) {
+  const flow = useReactFlow();
+  const actions = useGraphActions();
+  const latest = useRef({
+    actions,
+    culling,
+    host
+  });
+  latest.current = {
+    actions,
+    culling,
+    host
+  };
+  const probe = useMemo(() => createDomTransformProbe({
+    viewport: reactFlowViewportSelector,
+    node: reactFlowNodeSelector,
+    root: rootRef.current ?? void 0
+  }), [rootRef]);
+  const countNodes = useCallback(() => {
+    const root = rootRef.current ?? globalThis.document;
+    return root?.querySelectorAll(reactFlowNodeSelector).length ?? 0;
+  }, [rootRef]);
+  const sampler = useMemo(() => createFrameSampler({
+    probeTransform: probe,
+    countNodes
+  }), [countNodes, probe]);
+  useEffect(() => {
+    onMounted?.();
+    commands.current = {
+      fitView: () => {
+        void flow.fitView();
+      },
+      /**
+       * It was a NO-OP and the comment said so: milestone 4 would fill it in,
+       * and milestone 4 built the engine and never came back. `layoutRunner`
+       * therefore read `none` on every device — not because the probe failed,
+       * but because nothing on a phone could ask for a layout.
+       */
+      relayout: () => {
+        void latest.current.actions.relayout().then(result => {
+          emit({
+            t: "layoutResult",
+            // `none` is honest for an empty graph: no engine ran, so no runner
+            // produced anything, and inventing one would be a reading.
+            runner: result?.runner ?? "none",
+            ms: result?.ms ?? 0,
+            nodeCount: latest.current.actions.nodeCount
+          });
+        }).catch(error => {
+          emit({
+            t: "layoutResult",
+            runner: "none",
+            ms: 0,
+            nodeCount: latest.current.actions.nodeCount,
+            error: error instanceof Error ? error.message : String(error)
+          });
+        });
+      },
+      zoomTo: zoom => {
+        void flow.zoomTo(zoom);
+      },
+      centerOn: nodeId => {
+        void flow.fitView({
+          nodes: [{
+            id: nodeId
+          }],
+          duration: 200
+        });
+      },
+      setSelection: ids => {
+        const wanted = new Set(ids);
+        flow.setNodes(nodes => nodes.map(node => ({
+          ...node,
+          selected: wanted.has(node.id)
+        })));
+        emit({
+          t: "selection",
+          ids: [...wanted]
+        });
+      },
+      exportViewport: () => {
+        emit({
+          t: "viewport",
+          viewport: flow.getViewport()
+        });
+      },
+      undo: () => latest.current.actions.undo(),
+      redo: () => latest.current.actions.redo(),
+      perfStart: () => sampler.start(),
+      perfMark: label => {
+        sampler.mark(label);
+      },
+      setViewport: (x, y, zoom) => {
+        void flow.setViewport({
+          x,
+          y,
+          zoom
+        });
+      },
+      /**
+       * Synthesised pinch, design §13.2. Dispatched on the PANE, because that
+       * is the element d3-zoom binds its touch listener to.
+       *
+       * It moved in here from the Perf200 story in milestone 6 for the reason
+       * everything else did: the pane exists only in the realm the canvas
+       * paints in, and on native that realm is the WebView. A story on the
+       * Hermes side has no pane to dispatch on.
+       */
+      synthPinch: (scale, steps) => {
+        const root = rootRef.current ?? globalThis.document;
+        const pane = root?.querySelector(reactFlowPaneSelector);
+        if (!pane) return;
+        if (typeof Touch !== "function" || typeof TouchEvent !== "function") return;
+        const box = pane.getBoundingClientRect();
+        const cx = box.left + box.width / 2;
+        const cy = box.top + box.height / 2;
+        const point = (id, x, y) => new Touch({
+          identifier: id,
+          target: pane,
+          clientX: x,
+          clientY: y
+        });
+        const send = (type, points) => {
+          pane.dispatchEvent(new TouchEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            touches: points,
+            targetTouches: points,
+            changedTouches: points
+          }));
+        };
+        const spread = 60;
+        const total = Math.max(1, Math.round(steps));
+        send("touchstart", [point(1, cx - spread, cy), point(2, cx + spread, cy)]);
+        let step = 0;
+        const advance = () => {
+          step += 1;
+          const factor = 1 + (scale - 1) * (step / total);
+          const half = spread * factor;
+          send("touchmove", [point(1, cx - half, cy), point(2, cx + half, cy)]);
+          if (step < total) globalThis.requestAnimationFrame(advance);else send("touchend", []);
+        };
+        globalThis.requestAnimationFrame(advance);
+      },
+      perfStop: label => {
+        const run = sampler.stop();
+        emit({
+          t: "perfReport",
+          report: toWire(run, label, {
+            culling: latest.current.culling,
+            host: latest.current.host,
+            layoutRunner: latest.current.actions.layoutRunner,
+            nodeCount: latest.current.actions.nodeCount
+          })
+        });
+      }
+    };
+    return () => {
+      commands.current = null;
+    };
+  }, [commands, emit, flow, onMounted, rootRef, sampler]);
+  return null;
+}
+export { GraphCommandBridge };
+//# sourceMappingURL=GraphCommandBridge.mjs.map

package/dist/esm/react-flow/GraphCommandBridge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","createDomTransformProbe","createFrameSampler","gestureWindow","reportRun","useGraphActions","reactFlowNodeSelector","reactFlowPaneSelector","reactFlowViewportSelector","useReactFlow","toWire","run","label","context","result","ok","reason","error","message","nodeCount","culling","layoutRunner","didMove","durationMs","stoppedAt","startedAt","stats","gesture","reportJson","value","JSON","stringify","GraphCommandBridge","commands","emit","host","onMounted","rootRef","flow","actions","latest","current","probe","viewport","node","root","countNodes","globalThis","document","querySelectorAll","length","sampler","probeTransform","fitView","relayout","then","t","runner","ms","catch","Error","String","zoomTo","zoom","centerOn","nodeId","nodes","id","duration","setSelection","ids","wanted","Set","setNodes","map","selected","has","exportViewport","getViewport","undo","redo","perfStart","start","perfMark","mark","setViewport","x","y","synthPinch","scale","steps","pane","querySelector","Touch","TouchEvent","box","getBoundingClientRect","cx","left","width","cy","top","height","point","identifier","target","clientX","clientY","send","type","points","dispatchEvent","bubbles","cancelable","touches","targetTouches","changedTouches","spread","total","Math","max","round","step","advance","factor","half","requestAnimationFrame","perfStop","stop","report"],"sources":["../../../src/react-flow/GraphCommandBridge.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/react-flow/GraphCommandBridge.native.js

@@ -0,0 +1,244 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { createDomTransformProbe, createFrameSampler, gestureWindow, reportRun } from "../bench/frameSampler.native.js";
+import { useGraphActions } from "./GraphActions.native.js";
+import { reactFlowNodeSelector, reactFlowPaneSelector, reactFlowViewportSelector, useReactFlow } from "./xy.native.js";
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function toWire(run, label, context) {
+  var _result_value_layoutRunner;
+  var result = reportRun(run, {
+    ...context,
+    label
+  });
+  if (!result.ok) {
+    return {
+      ok: false,
+      reason: result.error.reason,
+      message: result.error.message,
+      label,
+      nodeCount: run.nodeCount || context.nodeCount,
+      culling: context.culling,
+      layoutRunner: context.layoutRunner,
+      didMove: run.didMove,
+      durationMs: run.stoppedAt - run.startedAt,
+      stats: run.stats,
+      // Carried on a REJECTION too: a run discarded for `didMove` still says
+      // how many gestures were bracketed, which is what tells an operator
+      // whether the marks were the thing that went wrong.
+      gesture: gestureWindow(run),
+      reportJson: ""
+    };
+  }
+  return {
+    ok: true,
+    label,
+    nodeCount: result.value.nodeCount,
+    culling: result.value.culling,
+    layoutRunner: (_result_value_layoutRunner = result.value.layoutRunner) !== null && _result_value_layoutRunner !== void 0 ? _result_value_layoutRunner : context.layoutRunner,
+    didMove: true,
+    durationMs: result.value.durationMs,
+    stats: result.value.stats,
+    gesture: result.value.gesture,
+    reportJson: JSON.stringify(result.value)
+  };
+}
+function GraphCommandBridge(param) {
+  var {
+    commands,
+    culling,
+    emit,
+    host,
+    onMounted,
+    rootRef
+  } = param;
+  var flow = useReactFlow();
+  var actions = useGraphActions();
+  var latest = useRef({
+    actions,
+    culling,
+    host
+  });
+  latest.current = {
+    actions,
+    culling,
+    host
+  };
+  var probe = useMemo(function () {
+    var _rootRef_current;
+    return createDomTransformProbe({
+      viewport: reactFlowViewportSelector,
+      node: reactFlowNodeSelector,
+      root: (_rootRef_current = rootRef.current) !== null && _rootRef_current !== void 0 ? _rootRef_current : void 0
+    });
+  }, [rootRef]);
+  var countNodes = useCallback(function () {
+    var _rootRef_current, _ref;
+    var root = (_rootRef_current = rootRef.current) !== null && _rootRef_current !== void 0 ? _rootRef_current : globalThis.document;
+    return (_ref = root === null || root === void 0 ? void 0 : root.querySelectorAll(reactFlowNodeSelector).length) !== null && _ref !== void 0 ? _ref : 0;
+  }, [rootRef]);
+  var sampler = useMemo(function () {
+    return createFrameSampler({
+      probeTransform: probe,
+      countNodes
+    });
+  }, [countNodes, probe]);
+  useEffect(function () {
+    onMounted === null || onMounted === void 0 ? void 0 : onMounted();
+    commands.current = {
+      fitView: function fitView() {
+        void flow.fitView();
+      },
+      /**
+      * It was a NO-OP and the comment said so: milestone 4 would fill it in,
+      * and milestone 4 built the engine and never came back. `layoutRunner`
+      * therefore read `none` on every device — not because the probe failed,
+      * but because nothing on a phone could ask for a layout.
+      */
+      relayout: function relayout() {
+        void latest.current.actions.relayout().then(function (result) {
+          var _ref, _ref1;
+          emit({
+            t: "layoutResult",
+            // `none` is honest for an empty graph: no engine ran, so no runner
+            // produced anything, and inventing one would be a reading.
+            runner: (_ref = result === null || result === void 0 ? void 0 : result.runner) !== null && _ref !== void 0 ? _ref : "none",
+            ms: (_ref1 = result === null || result === void 0 ? void 0 : result.ms) !== null && _ref1 !== void 0 ? _ref1 : 0,
+            nodeCount: latest.current.actions.nodeCount
+          });
+        }).catch(function (error) {
+          emit({
+            t: "layoutResult",
+            runner: "none",
+            ms: 0,
+            nodeCount: latest.current.actions.nodeCount,
+            error: _instanceof(error, Error) ? error.message : String(error)
+          });
+        });
+      },
+      zoomTo: function zoomTo(zoom) {
+        void flow.zoomTo(zoom);
+      },
+      centerOn: function centerOn(nodeId) {
+        void flow.fitView({
+          nodes: [{
+            id: nodeId
+          }],
+          duration: 200
+        });
+      },
+      setSelection: function setSelection(ids) {
+        var wanted = new Set(ids);
+        flow.setNodes(function (nodes) {
+          return nodes.map(function (node) {
+            return {
+              ...node,
+              selected: wanted.has(node.id)
+            };
+          });
+        });
+        emit({
+          t: "selection",
+          ids: [...wanted]
+        });
+      },
+      exportViewport: function exportViewport() {
+        emit({
+          t: "viewport",
+          viewport: flow.getViewport()
+        });
+      },
+      undo: function undo() {
+        return latest.current.actions.undo();
+      },
+      redo: function redo() {
+        return latest.current.actions.redo();
+      },
+      perfStart: function perfStart() {
+        return sampler.start();
+      },
+      perfMark: function perfMark(label) {
+        sampler.mark(label);
+      },
+      setViewport: function setViewport(x, y, zoom) {
+        void flow.setViewport({
+          x,
+          y,
+          zoom
+        });
+      },
+      /**
+      * Synthesised pinch, design §13.2. Dispatched on the PANE, because that
+      * is the element d3-zoom binds its touch listener to.
+      *
+      * It moved in here from the Perf200 story in milestone 6 for the reason
+      * everything else did: the pane exists only in the realm the canvas
+      * paints in, and on native that realm is the WebView. A story on the
+      * Hermes side has no pane to dispatch on.
+      */
+      synthPinch: function synthPinch(scale, steps) {
+        var _rootRef_current;
+        var root = (_rootRef_current = rootRef.current) !== null && _rootRef_current !== void 0 ? _rootRef_current : globalThis.document;
+        var pane = root === null || root === void 0 ? void 0 : root.querySelector(reactFlowPaneSelector);
+        if (!pane) return;
+        if (typeof Touch !== "function" || typeof TouchEvent !== "function") return;
+        var box = pane.getBoundingClientRect();
+        var cx = box.left + box.width / 2;
+        var cy = box.top + box.height / 2;
+        var point = function point2(id, x, y) {
+          return new Touch({
+            identifier: id,
+            target: pane,
+            clientX: x,
+            clientY: y
+          });
+        };
+        var send = function send2(type, points) {
+          pane.dispatchEvent(new TouchEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            touches: points,
+            targetTouches: points,
+            changedTouches: points
+          }));
+        };
+        var spread = 60;
+        var total = Math.max(1, Math.round(steps));
+        send("touchstart", [point(1, cx - spread, cy), point(2, cx + spread, cy)]);
+        var step = 0;
+        var advance = function advance1() {
+          step += 1;
+          var factor = 1 + (scale - 1) * (step / total);
+          var half = spread * factor;
+          send("touchmove", [point(1, cx - half, cy), point(2, cx + half, cy)]);
+          if (step < total) globalThis.requestAnimationFrame(advance);else send("touchend", []);
+        };
+        globalThis.requestAnimationFrame(advance);
+      },
+      perfStop: function perfStop(label) {
+        var run = sampler.stop();
+        emit({
+          t: "perfReport",
+          report: toWire(run, label, {
+            culling: latest.current.culling,
+            host: latest.current.host,
+            layoutRunner: latest.current.actions.layoutRunner,
+            nodeCount: latest.current.actions.nodeCount
+          })
+        });
+      }
+    };
+    return function () {
+      commands.current = null;
+    };
+  }, [commands, emit, flow, onMounted, rootRef, sampler]);
+  return null;
+}
+export { GraphCommandBridge };
+//# sourceMappingURL=GraphCommandBridge.native.js.map

package/dist/esm/react-flow/GraphCommandBridge.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","createDomTransformProbe","createFrameSampler","gestureWindow","reportRun","useGraphActions","reactFlowNodeSelector","reactFlowPaneSelector","reactFlowViewportSelector","useReactFlow","_instanceof","left","right","Symbol","hasInstance","toWire","run","label","context","_result_value_layoutRunner","result","ok","reason","error","message","nodeCount","culling","layoutRunner","didMove","durationMs","stoppedAt","startedAt","stats","gesture","reportJson","value","JSON","stringify","GraphCommandBridge","param","commands","emit","host","onMounted","rootRef","flow","actions","latest","current","probe","_rootRef_current","viewport","node","root","countNodes","_ref","globalThis","document","querySelectorAll","length","sampler","probeTransform","fitView","relayout","then","_ref1","t","runner","ms","catch","Error","String","zoomTo","zoom","centerOn","nodeId","nodes","id","duration","setSelection","ids","wanted","Set","setNodes","map","selected","has","exportViewport","getViewport","undo","redo","perfStart","start","perfMark","mark","setViewport","x","y","synthPinch","scale","steps","pane","querySelector","Touch","TouchEvent"],"sources":["../../../src/react-flow/GraphCommandBridge.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/react-flow/GraphNodeHost.mjs

@@ -0,0 +1,50 @@
+import { createContext, memo, useContext, useEffect, useMemo } from "react";
+import { nodeKindSpec } from "../model/index.mjs";
+import { lodForZoom } from "../nodes/lod.mjs";
+import { registerMountedNode } from "./nodeCensus.mjs";
+import { useStore } from "./xy.mjs";
+import { jsx } from "react/jsx-runtime";
+const GraphHostContext = createContext(null);
+const GraphHostProvider = GraphHostContext.Provider;
+function useGraphHost() {
+  const value = useContext(GraphHostContext);
+  if (!value) {
+    throw new Error("[@multiplatform.one/node-graph] a graph node rendered outside <NodeGraph>. The node type is registered by the canvas and cannot be used on its own.");
+  }
+  return value;
+}
+function GraphNodeHostComponent({
+  id,
+  data,
+  selected,
+  dragging
+}) {
+  const host = useGraphHost();
+  const nodeData = data;
+  const zoom = useStore(state => state.transform[2]);
+  const spec = nodeKindSpec(host.schema, nodeData.kind);
+  useEffect(() => registerMountedNode(id), [id]);
+  const setData = useMemo(() => patch => host.setNodeData(id, patch), [host, id]);
+  if (!spec) {
+    return /* @__PURE__ */jsx("div", {
+      "data-graph-node-unknown": nodeData.kind,
+      role: "alert",
+      children: `unknown node kind: ${nodeData.kind}`
+    });
+  }
+  const Render = spec.render;
+  return /* @__PURE__ */jsx(Render, {
+    id,
+    data: nodeData.data,
+    selected: selected ?? false,
+    dragging: dragging ?? false,
+    renderMode: lodForZoom(zoom, host.overviewZoom),
+    readOnlyFields: host.readOnly || host.coarsePointer,
+    ports: nodeData.ports,
+    measure: spec.measure,
+    setData
+  });
+}
+const GraphNodeHost = memo(GraphNodeHostComponent);
+export { GraphHostProvider, GraphNodeHost, useGraphHost };
+//# sourceMappingURL=GraphNodeHost.mjs.map

package/dist/esm/react-flow/GraphNodeHost.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","memo","useContext","useEffect","useMemo","nodeKindSpec","lodForZoom","registerMountedNode","useStore","jsx","GraphHostContext","GraphHostProvider","Provider","useGraphHost","value","Error","GraphNodeHostComponent","id","data","selected","dragging","host","nodeData","zoom","state","transform","spec","schema","kind","setData","patch","setNodeData","role","children","Render","render","renderMode","overviewZoom","readOnlyFields","readOnly","coarsePointer","ports","measure","GraphNodeHost"],"sources":["../../../src/react-flow/GraphNodeHost.tsx"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,aAAA,EAAeC,IAAA,EAAMC,UAAA,EAAYC,SAAA,EAAWC,OAAA,QAAe;AAEpE,SAASC,YAAA,QAAoB;AAC7B,SAASC,UAAA,QAAkB;AAE3B,SAASC,mBAAA,QAA2B;AACpC,SAASC,QAAA,QAAgB;AAwDnB,SAAAC,GAAA;AA3CN,MAAMC,gBAAA,GAAmBV,aAAA,CAAqC,IAAI;AAE3D,MAAMW,iBAAA,GAAoBD,gBAAA,CAAiBE,QAAA;AAE3C,SAASC,aAAA,EAA+B;EAC7C,MAAMC,KAAA,GAAQZ,UAAA,CAAWQ,gBAAgB;EACzC,IAAI,CAACI,KAAA,EAAO;IACV,MAAM,IAAIC,KAAA,CACR,qJAEF;EACF;EACA,OAAOD,KAAA;AACT;AAEA,SAASE,uBAAuB;EAAEC,EAAA;EAAIC,IAAA;EAAMC,QAAA;EAAUC;AAAS,GAAc;EAC3E,MAAMC,IAAA,GAAOR,YAAA,CAAa;EAC1B,MAAMS,QAAA,GAAWJ,IAAA;EACjB,MAAMK,IAAA,GAAOf,QAAA,CAAUgB,KAAA,IAAUA,KAAA,CAAMC,SAAA,CAAU,CAAC,CAAC;EACnD,MAAMC,IAAA,GAAOrB,YAAA,CAAagB,IAAA,CAAKM,MAAA,EAAQL,QAAA,CAASM,IAAI;EAapDzB,SAAA,CAAU,MAAMI,mBAAA,CAAoBU,EAAE,GAAG,CAACA,EAAE,CAAC;EAE7C,MAAMY,OAAA,GAAUzB,OAAA,CACd,MAAO0B,KAAA,IAAmCT,IAAA,CAAKU,WAAA,CAAYd,EAAA,EAAIa,KAAK,GACpE,CAACT,IAAA,EAAMJ,EAAE,CACX;EAEA,IAAI,CAACS,IAAA,EAAM;IAGT,OACE,eAAAjB,GAAA,CAAC;MAAI,2BAAyBa,QAAA,CAASM,IAAA;MAAMI,IAAA,EAAK;MAC/CC,QAAA,wBAAsBX,QAAA,CAASM,IAAI;IAAA,CACtC;EAEJ;EAEA,MAAMM,MAAA,GAASR,IAAA,CAAKS,MAAA;EACpB,OACE,eAAA1B,GAAA,CAACyB,MAAA;IACCjB,EAAA;IACAC,IAAA,EAAMI,QAAA,CAASJ,IAAA;IACfC,QAAA,EAAUA,QAAA,IAAY;IACtBC,QAAA,EAAUA,QAAA,IAAY;IACtBgB,UAAA,EAAY9B,UAAA,CAAWiB,IAAA,EAAMF,IAAA,CAAKgB,YAAY;IAC9CC,cAAA,EAAgBjB,IAAA,CAAKkB,QAAA,IAAYlB,IAAA,CAAKmB,aAAA;IACtCC,KAAA,EAAOnB,QAAA,CAASmB,KAAA;IAChBC,OAAA,EAAShB,IAAA,CAAKgB,OAAA;IACdb;EAAA,CACF;AAEJ;AAEO,MAAMc,aAAA,GAAgB1C,IAAA,CAAKe,sBAAsB","ignoreList":[]}

package/dist/esm/react-flow/GraphNodeHost.native.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, memo, useContext, useEffect, useMemo } from "react";
+import { nodeKindSpec } from "../model/index.native.js";
+import { lodForZoom } from "../nodes/lod.native.js";
+import { registerMountedNode } from "./nodeCensus.native.js";
+import { useStore } from "./xy.native.js";
+var GraphHostContext = /* @__PURE__ */createContext(null);
+var GraphHostProvider = GraphHostContext.Provider;
+function useGraphHost() {
+  var value = useContext(GraphHostContext);
+  if (!value) {
+    throw new Error("[@multiplatform.one/node-graph] a graph node rendered outside <NodeGraph>. The node type is registered by the canvas and cannot be used on its own.");
+  }
+  return value;
+}
+function GraphNodeHostComponent(param) {
+  var {
+    id,
+    data,
+    selected,
+    dragging
+  } = param;
+  var host = useGraphHost();
+  var nodeData = data;
+  var zoom = useStore(function (state) {
+    return state.transform[2];
+  });
+  var spec = nodeKindSpec(host.schema, nodeData.kind);
+  useEffect(function () {
+    return registerMountedNode(id);
+  }, [id]);
+  var setData = useMemo(function () {
+    return function (patch) {
+      return host.setNodeData(id, patch);
+    };
+  }, [host, id]);
+  if (!spec) {
+    return /* @__PURE__ */_jsx("div", {
+      "data-graph-node-unknown": nodeData.kind,
+      role: "alert",
+      children: `unknown node kind: ${nodeData.kind}`
+    });
+  }
+  var Render = spec.render;
+  return /* @__PURE__ */_jsx(Render, {
+    id,
+    data: nodeData.data,
+    selected: selected !== null && selected !== void 0 ? selected : false,
+    dragging: dragging !== null && dragging !== void 0 ? dragging : false,
+    renderMode: lodForZoom(zoom, host.overviewZoom),
+    readOnlyFields: host.readOnly || host.coarsePointer,
+    ports: nodeData.ports,
+    measure: spec.measure,
+    setData
+  });
+}
+var GraphNodeHost = /* @__PURE__ */memo(GraphNodeHostComponent);
+export { GraphHostProvider, GraphNodeHost, useGraphHost };
+//# sourceMappingURL=GraphNodeHost.native.js.map

package/dist/esm/react-flow/GraphNodeHost.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","createContext","memo","useContext","useEffect","useMemo","nodeKindSpec","lodForZoom","registerMountedNode","useStore","GraphHostContext","GraphHostProvider","Provider","useGraphHost","value","Error","GraphNodeHostComponent","param","id","data","selected","dragging","host","nodeData","zoom","state","transform","spec","schema","kind","setData","patch","setNodeData","role","children","Render","render"],"sources":["../../../src/react-flow/GraphNodeHost.tsx"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,GAAA,IAAAC,IAAA,QAAe,mBAAkB;AAE1C,SAASC,aAAA,EAAAC,IAAA,EAAoBC,UAAA,EAAAC,SAAA,EAAAC,OAAA;AAC7B,SAASC,YAAA,QAAkB;AAE3B,SAASC,UAAA,gCAA2B;AACpC,SAASC,mBAAgB;AAwDnB,SAAAC,QAAA;AA3CN,IAAAC,gBAAM,kBAAwDT,aAAI;AAE3D,IAAAU,iBAAM,GAAAD,gBAAoB,CAAAE,QAAiB;AAE3C,SAASC,aAAA,EAA+B;EAC7C,IAAAC,KAAM,GAAAX,UAAQ,CAAAO,gBAAW;EACzB,IAAI,CAACI,KAAA,EAAO;IACV,MAAM,IAAIC,KAAA;EAAA;EACR,OAEFD,KAAA;AAAA;AAEF,SAAOE,uBAAAC,KAAA;EACT;IAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,KAAA;EAEA,IAAAK,IAAS,GAAAT,YAAA;EACP,IAAAU,QAAM,GAAOJ,IAAA;EACb,IAAAK,IAAM,GAAAf,QAAW,WAAAgB,KAAA;IACjB,OAAMA,KAAO,CAAAC,SAAU;EACvB;EAaA,IAAAC,IAAA,GAAUrB,YAAM,CAAAgB,IAAA,CAAAM,MAAA,EAAoBL,QAAS,CAAAM,IAAA;EAE7CzB,SAAM,aAAU;IACd,OAAOI,mBAAwC,CAAAU,EAAA;EAAqB,GACnE,CACHA,EAAA,CAEA;EAGE,IAAAY,OACE,GAAAzB,OAAA,aAAC;IAIL,iBAAA0B,KAAA;MAEA,OAAMT,IAAS,CAAAU,WAAK,CAAAd,EAAA,EAAAa,KAAA;IACpB;EACE,GAAC,CAAAT,IAAA,EAAAJ,EACC;EACe,IACf,CAAAS,IAAA;IAAsB,OACtB,eAAU3B,IAAY;MACtB,yBAAuB,EAAAuB,QAAW,CAAAM,IAAA;MAClCI,IAAA;MACAC,QAAO,wBAASX,QAAA,CAAAM,IAAA;IAAA,EAChB;EAAc;EACd,IAAAM,MAAA,GAAAR,IAAA,CAAAS,MAAA;EACF,sBAAApC,IAAA,CAAAmC,MAAA;IAEJjB,EAAA;IAEOC,IAAM,EAAAI,QAAA,CAAAJ,IAAgB","ignoreList":[]}

package/dist/esm/react-flow/GraphPaintProbe.mjs

@@ -0,0 +1,35 @@
+import { useEffect, useRef } from "react";
+function GraphPaintProbe({
+  onPaint
+}) {
+  const fired = useRef(false);
+  const latest = useRef(onPaint);
+  latest.current = onPaint;
+  useEffect(() => {
+    if (fired.current) return;
+    let cancelled = false;
+    const raf = globalThis.requestAnimationFrame;
+    if (typeof raf !== "function") {
+      fired.current = true;
+      latest.current();
+      return;
+    }
+    let inner = null;
+    const outer = raf(() => {
+      if (cancelled) return;
+      inner = raf(() => {
+        if (cancelled || fired.current) return;
+        fired.current = true;
+        latest.current();
+      });
+    });
+    return () => {
+      cancelled = true;
+      globalThis.cancelAnimationFrame?.(outer);
+      if (inner !== null) globalThis.cancelAnimationFrame?.(inner);
+    };
+  }, []);
+  return null;
+}
+export { GraphPaintProbe };
+//# sourceMappingURL=GraphPaintProbe.mjs.map

package/dist/esm/react-flow/GraphPaintProbe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","GraphPaintProbe","onPaint","fired","latest","current","cancelled","raf","globalThis","requestAnimationFrame","inner","outer","cancelAnimationFrame"],"sources":["../../../src/react-flow/GraphPaintProbe.tsx"],"sourcesContent":[null],"mappings":"AAqBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAO3B,SAASC,gBAAgB;EAAEC;AAAQ,GAAyB;EACjE,MAAMC,KAAA,GAAQH,MAAA,CAAO,KAAK;EAG1B,MAAMI,MAAA,GAASJ,MAAA,CAAOE,OAAO;EAC7BE,MAAA,CAAOC,OAAA,GAAUH,OAAA;EAEjBH,SAAA,CAAU,MAAM;IACd,IAAII,KAAA,CAAME,OAAA,EAAS;IACnB,IAAIC,SAAA,GAAY;IAIhB,MAAMC,GAAA,GAAMC,UAAA,CAAWC,qBAAA;IACvB,IAAI,OAAOF,GAAA,KAAQ,YAAY;MAC7BJ,KAAA,CAAME,OAAA,GAAU;MAChBD,MAAA,CAAOC,OAAA,CAAQ;MACf;IACF;IACA,IAAIK,KAAA,GAAuB;IAC3B,MAAMC,KAAA,GAAQJ,GAAA,CAAI,MAAM;MACtB,IAAID,SAAA,EAAW;MACfI,KAAA,GAAQH,GAAA,CAAI,MAAM;QAChB,IAAID,SAAA,IAAaH,KAAA,CAAME,OAAA,EAAS;QAChCF,KAAA,CAAME,OAAA,GAAU;QAChBD,MAAA,CAAOC,OAAA,CAAQ;MACjB,CAAC;IACH,CAAC;IACD,OAAO,MAAM;MACXC,SAAA,GAAY;MACZE,UAAA,CAAWI,oBAAA,GAAuBD,KAAK;MACvC,IAAID,KAAA,KAAU,MAAMF,UAAA,CAAWI,oBAAA,GAAuBF,KAAK;IAC7D;EACF,GAAG,EAAE;EAEL,OAAO;AACT","ignoreList":[]}