@multiplatform.one/node-graph 7.7.2

package/dist/jsx/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/jsx/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/jsx/react-flow/GraphCommandBridge.native.js

@@ -0,0 +1,272 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var GraphCommandBridge_exports = {};
+__export(GraphCommandBridge_exports, {
+  GraphCommandBridge: () => GraphCommandBridge
+});
+module.exports = __toCommonJS(GraphCommandBridge_exports);
+var import_react = require("react");
+var import_frameSampler = require("../bench/frameSampler.native.js");
+var import_GraphActions = require("./GraphActions.native.js");
+var import_xy = require("./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 = (0, import_frameSampler.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: (0, import_frameSampler.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 = (0, import_xy.useReactFlow)();
+  var actions = (0, import_GraphActions.useGraphActions)();
+  var latest = (0, import_react.useRef)({
+    actions,
+    culling,
+    host
+  });
+  latest.current = {
+    actions,
+    culling,
+    host
+  };
+  var probe = (0, import_react.useMemo)(function () {
+    var _rootRef_current;
+    return (0, import_frameSampler.createDomTransformProbe)({
+      viewport: import_xy.reactFlowViewportSelector,
+      node: import_xy.reactFlowNodeSelector,
+      root: (_rootRef_current = rootRef.current) !== null && _rootRef_current !== void 0 ? _rootRef_current : void 0
+    });
+  }, [rootRef]);
+  var countNodes = (0, import_react.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(import_xy.reactFlowNodeSelector).length) !== null && _ref !== void 0 ? _ref : 0;
+  }, [rootRef]);
+  var sampler = (0, import_react.useMemo)(function () {
+    return (0, import_frameSampler.createFrameSampler)({
+      probeTransform: probe,
+      countNodes
+    });
+  }, [countNodes, probe]);
+  (0, import_react.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(import_xy.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;
+}
+//# sourceMappingURL=GraphCommandBridge.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","GraphCommandBridge_exports","GraphCommandBridge","module","exports","import_react","require","import_frameSampler","import_GraphActions","import_xy","_instanceof","left","right","Symbol","hasInstance","toWire","run","label","context","_result_value_layoutRunner","result","reportRun","ok","reason","error","message","nodeCount","culling","layoutRunner","didMove","durationMs","stoppedAt","startedAt","stats","gesture","gestureWindow","reportJson","JSON","stringify","param","commands","emit","host","onMounted","rootRef","flow","useReactFlow","actions","useGraphActions","latest","useRef","current","probe","useMemo","_rootRef_current","createDomTransformProbe","viewport","reactFlowViewportSelector","node","reactFlowNodeSelector","root","countNodes","useCallback","_ref","globalThis","document","querySelectorAll","length","sampler","createFrameSampler","probeTransform","useEffect","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"],"sources":["../../../src/react-flow/GraphCommandBridge.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/react-flow/GraphNodeHost.native.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var GraphNodeHost_exports = {};
+__export(GraphNodeHost_exports, {
+  GraphHostProvider: () => GraphHostProvider,
+  GraphNodeHost: () => GraphNodeHost,
+  useGraphHost: () => useGraphHost
+});
+module.exports = __toCommonJS(GraphNodeHost_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_model = require("../model/index.native.js");
+var import_lod = require("../nodes/lod.native.js");
+var import_nodeCensus = require("./nodeCensus.native.js");
+var import_xy = require("./xy.native.js");
+var GraphHostContext = /* @__PURE__ */(0, import_react.createContext)(null);
+var GraphHostProvider = GraphHostContext.Provider;
+function useGraphHost() {
+  var value = (0, import_react.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 = (0, import_xy.useStore)(function (state) {
+    return state.transform[2];
+  });
+  var spec = (0, import_model.nodeKindSpec)(host.schema, nodeData.kind);
+  (0, import_react.useEffect)(function () {
+    return (0, import_nodeCensus.registerMountedNode)(id);
+  }, [id]);
+  var setData = (0, import_react.useMemo)(function () {
+    return function (patch) {
+      return host.setNodeData(id, patch);
+    };
+  }, [host, id]);
+  if (!spec) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      "data-graph-node-unknown": nodeData.kind,
+      role: "alert",
+      children: `unknown node kind: ${nodeData.kind}`
+    });
+  }
+  var Render = spec.render;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Render, {
+    id,
+    data: nodeData.data,
+    selected: selected !== null && selected !== void 0 ? selected : false,
+    dragging: dragging !== null && dragging !== void 0 ? dragging : false,
+    renderMode: (0, import_lod.lodForZoom)(zoom, host.overviewZoom),
+    readOnlyFields: host.readOnly || host.coarsePointer,
+    ports: nodeData.ports,
+    measure: spec.measure,
+    setData
+  });
+}
+var GraphNodeHost = /* @__PURE__ */(0, import_react.memo)(GraphNodeHostComponent);
+//# sourceMappingURL=GraphNodeHost.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","GraphNodeHost_exports","GraphHostProvider","GraphNodeHost","useGraphHost","module","exports","import_jsx_runtime","require","import_react","import_model","import_lod","import_nodeCensus","import_xy","GraphHostContext","createContext","Provider","useContext","Error","GraphNodeHostComponent","param","id","data","selected","dragging","host","nodeData","zoom","useStore","state","transform"],"sources":["../../../src/react-flow/GraphNodeHost.tsx"],"sourcesContent":[null],"mappings":"AAgBA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAoB;AAC7B,IAAAC,gBAAS,GAAAF,MAAkB,CAAAG,wBAAA;AAE3B,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA2B;AACpC,IAAAC,YAAS,GAAAN,MAAgB,CAAAO,SAAA,CAAAC,cAAA;AAwDnB,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EA3CN,KAAM,IAAAC,IAAA,IAAAD,GAAA,EAECZ,SAAM,CAAAW,MAAA,EAAAE,IAAoB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAiB;IAAAE,UAAA;EAAA;AAE3C;AACL,IAAAC,WAAM,GAAQA,CAAAC,EAAA,EAAAC,IAAW,EAAAC,MAAA,EAAAC,IAAA,KAAgB;EACzC,IAAIF,IAAC,IAAO,OAAAA,IAAA,wBAAAA,IAAA;IACV,SAAMG,GAAI,IAAAhB,iBAAA,CAAAa,IAAA,GACR,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEFnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACF;EACA,OAAOE,EAAA;AACT;AAEA,IAAAM,YAAS,GAAAC,GAAA,IAAAR,WAA6B,CAAAhB,SAAM,KAAU,YAAuB;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC3E,IAAAE,qBAAa,GAAa;AAC1BhB,QAAM,CAAAgB,qBAAW;EACjBC,iBAAa,EAAAA,CAAA,KAAUA,iBAAgB;EACvCC,aAAa,EAAAA,CAAA,KAAAA,aAAkB;EAa/BC,YAAU,EAAAA,CAAA,KAAMA;AAEhB;AAAgBC,MACd,CAAAC,OAAO,GAAAR,YAAwC,CAAAG,qBAAqB;AAAA,IACpEM,kBAAS,GAAAC,OAAA;AAAA,IACXC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAW,GAAAF,OAAA;AAGT,IAAAG,UACE,GAAAH,OAAA,yBAAC,CAAI;AAEL,IAEJI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAM,GAAAL,OAAc;AACpB,IAAAM,gBACE,sBAAAL,YAAA,CAAAM,aAAA;AAAA,IAACb,iBAAA,GAAAY,gBAAA,CAAAE,QAAA;AAAA,SAAAZ,aAAA;EAAA,IACCJ,KAAA,OAAAS,YAAA,CAAAQ,UAAA,EAAAH,gBAAA;EAAA,IACA,CAAAd,KAAM;IAAS,MACf,IAAAkB,KAAU,sJAAY;EAAA;EACA,OACtBlB,KAAA;AAA8C;AACR,SACtCmB,sBAAgBA,CAAAC,KAAA;EAAA,IAChB;IAAAC,EAAA;IAAAC,IAAS;IAAAC,QAAK;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IACdK,IAAA,GAAArB,YAAA;EAAA,IAAAsB,QAAA,GAAAJ,IAAA;EACF,IAAAK,IAAA,OAAAd,SAAA,CAAAe,QAAA,YAAAC,KAAA;IAEJ,OAAAA,KAAA,CAAAC,SAAA;EAEO","ignoreList":[]}