@multiplatform.one/node-graph 7.7.2

package/dist/cjs/react-flow/GraphCommandBridge.cjs

@@ -0,0 +1,238 @@
+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.cjs");
+var import_GraphActions = require("./GraphActions.cjs");
+var import_xy = require("./xy.cjs");
+function toWire(run, label, context) {
+  const 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 ?? 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 = (0, import_xy.useReactFlow)();
+  const actions = (0, import_GraphActions.useGraphActions)();
+  const latest = (0, import_react.useRef)({
+    actions,
+    culling,
+    host
+  });
+  latest.current = {
+    actions,
+    culling,
+    host
+  };
+  const probe = (0, import_react.useMemo)(() => (0, import_frameSampler.createDomTransformProbe)({
+    viewport: import_xy.reactFlowViewportSelector,
+    node: import_xy.reactFlowNodeSelector,
+    root: rootRef.current ?? void 0
+  }), [rootRef]);
+  const countNodes = (0, import_react.useCallback)(() => {
+    const root = rootRef.current ?? globalThis.document;
+    return root?.querySelectorAll(import_xy.reactFlowNodeSelector).length ?? 0;
+  }, [rootRef]);
+  const sampler = (0, import_react.useMemo)(() => (0, import_frameSampler.createFrameSampler)({
+    probeTransform: probe,
+    countNodes
+  }), [countNodes, probe]);
+  (0, import_react.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(import_xy.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;
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GraphCommandBridge_exports","__export","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","setViewport","x","y"],"sources":["../../../src/react-flow/GraphCommandBridge.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/react-flow/GraphNodeHost.cjs

@@ -0,0 +1,77 @@
+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_react = require("react");
+var import_model = require("../model/index.cjs");
+var import_lod = require("../nodes/lod.cjs");
+var import_nodeCensus = require("./nodeCensus.cjs");
+var import_xy = require("./xy.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const GraphHostContext = (0, import_react.createContext)(null);
+const GraphHostProvider = GraphHostContext.Provider;
+function useGraphHost() {
+  const 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({
+  id,
+  data,
+  selected,
+  dragging
+}) {
+  const host = useGraphHost();
+  const nodeData = data;
+  const zoom = (0, import_xy.useStore)(state => state.transform[2]);
+  const spec = (0, import_model.nodeKindSpec)(host.schema, nodeData.kind);
+  (0, import_react.useEffect)(() => (0, import_nodeCensus.registerMountedNode)(id), [id]);
+  const setData = (0, import_react.useMemo)(() => patch => 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}`
+    });
+  }
+  const Render = spec.render;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Render, {
+    id,
+    data: nodeData.data,
+    selected: selected ?? false,
+    dragging: dragging ?? false,
+    renderMode: (0, import_lod.lodForZoom)(zoom, host.overviewZoom),
+    readOnlyFields: host.readOnly || host.coarsePointer,
+    ports: nodeData.ports,
+    measure: spec.measure,
+    setData
+  });
+}
+const GraphNodeHost = (0, import_react.memo)(GraphNodeHostComponent);

package/dist/cjs/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