@multiplatform.one/node-graph 7.7.2

package/dist/jsx/native/GraphToolbar.native.js

@@ -0,0 +1,107 @@
+"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 GraphToolbar_exports = {};
+__export(GraphToolbar_exports, {
+  GraphToolbar: () => GraphToolbar
+});
+module.exports = __toCommonJS(GraphToolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var modeLabels = {
+  pan: "Pan",
+  select: "Select"
+};
+var modes = ["pan", "select"];
+function GraphToolbar(param) {
+  var {
+    busy = false,
+    canRedo = true,
+    canUndo = true,
+    disabled,
+    mode,
+    onFitView,
+    onModeChange,
+    onRedo,
+    onTidy,
+    onUndo
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "GraphToolbar"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    role: "toolbar",
+    alignItems: "center",
+    ...knobProps.gap,
+    ...knobProps.panelPadding,
+    ...knobProps.elevatedSurface,
+    children: [modes.map(function (candidate) {
+      var active = candidate === mode;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        "aria-label": `${modeLabels[candidate]} mode`,
+        "aria-pressed": active,
+        chromeless: !active,
+        disabled,
+        onPress: function onPress() {
+          return onModeChange(candidate);
+        },
+        size: knobProps.sizeToken,
+        ...(active ? knobProps.textWeight : {}),
+        children: modeLabels[candidate]
+      }, candidate);
+    }), onFitView ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      "aria-label": "Fit the graph to the view",
+      chromeless: true,
+      disabled,
+      onPress: onFitView,
+      size: knobProps.sizeToken,
+      children: "Fit"
+    }) : null, onTidy ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      "aria-label": "Tidy the graph",
+      chromeless: true,
+      disabled: disabled || busy,
+      onPress: onTidy,
+      size: knobProps.sizeToken,
+      children: busy ? "Tidying\u2026" : "Tidy"
+    }) : null, onUndo ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      "aria-label": "Undo",
+      chromeless: true,
+      disabled: disabled || !canUndo,
+      onPress: onUndo,
+      size: knobProps.sizeToken,
+      children: "Undo"
+    }) : null, onRedo ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      "aria-label": "Redo",
+      chromeless: true,
+      disabled: disabled || !canRedo,
+      onPress: onRedo,
+      size: knobProps.sizeToken,
+      children: "Redo"
+    }) : null]
+  });
+}
+//# sourceMappingURL=GraphToolbar.native.js.map

package/dist/jsx/native/GraphToolbar.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","GraphToolbar_exports","GraphToolbar","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","modeLabels","pan","select","modes","param","busy","canRedo","canUndo","disabled","mode","onFitView","onModeChange","onRedo","onTidy","onUndo","knobProps","useResolvedKnobs","component","jsxs","XStack","role","alignItems","gap","panelPadding","elevatedSurface","children","map","candidate","active","jsx","Button","chromeless","onPress","size","sizeToken","textWeight"],"sources":["../../../src/native/GraphToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/native/domEntryRegistry.mjs

@@ -0,0 +1,12 @@
+let registered = null;
+function setNodeGraphDomEntry(entry) {
+  registered = entry;
+}
+function getNodeGraphDomEntry() {
+  return registered;
+}
+function clearNodeGraphDomEntry() {
+  registered = null;
+}
+export { clearNodeGraphDomEntry, getNodeGraphDomEntry, setNodeGraphDomEntry };
+//# sourceMappingURL=domEntryRegistry.mjs.map

package/dist/jsx/native/domEntryRegistry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["registered","setNodeGraphDomEntry","entry","getNodeGraphDomEntry","clearNodeGraphDomEntry"],"sources":["../../../src/native/domEntryRegistry.ts"],"sourcesContent":[null],"mappings":"AA2BA,IAAIA,UAAA,GAAuC;AAMpC,SAASC,qBAAqBC,KAAA,EAAuC;EAC1EF,UAAA,GAAaE,KAAA;AACf;AAEO,SAASC,qBAAA,EAAiD;EAC/D,OAAOH,UAAA;AACT;AAGO,SAASI,uBAAA,EAA+B;EAC7CJ,UAAA,GAAa;AACf","ignoreList":[]}

package/dist/jsx/native/domEntryRegistry.native.js

@@ -0,0 +1,42 @@
+"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 domEntryRegistry_exports = {};
+__export(domEntryRegistry_exports, {
+  clearNodeGraphDomEntry: () => clearNodeGraphDomEntry,
+  getNodeGraphDomEntry: () => getNodeGraphDomEntry,
+  setNodeGraphDomEntry: () => setNodeGraphDomEntry
+});
+module.exports = __toCommonJS(domEntryRegistry_exports);
+var registered = null;
+function setNodeGraphDomEntry(entry) {
+  registered = entry;
+}
+function getNodeGraphDomEntry() {
+  return registered;
+}
+function clearNodeGraphDomEntry() {
+  registered = null;
+}
+//# sourceMappingURL=domEntryRegistry.native.js.map

package/dist/jsx/native/domEntryRegistry.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"],"sources":["../../../src/native/domEntryRegistry.ts"],"sourcesContent":[null],"mappings":"AA2BA,YAAI;;AAMG,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA4D;AAC1E,IAAAC,gBAAa,GAAAF,MAAA,CAAAG,wBAAA;AACf,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAEO,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAiD,CAAAC,cAAA;AAC/D,IAAAC,QAAO,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACT,SAAAC,IAAA,IAAAD,GAAA,EAGOZ,SAAS,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAA+BF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC7C;AACF,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA","ignoreList":[]}

package/dist/jsx/native/graphChildren.mjs

@@ -0,0 +1,18 @@
+let warned = false;
+function resetGraphChildrenWarning() {
+  warned = false;
+}
+const graphChildrenWarning = "[@multiplatform.one/node-graph] <NodeGraph> was given children on native, and they are IGNORED: the canvas renders inside a WebView and a React element cannot cross the bridge. Put the control OUTSIDE the canvas as a native sibling and drive it through `graphRef` (fitView, relayout, zoomTo, centerOn, setSelection, exportViewport, undo, redo, perfStart, perfStop, perfMark), reading state back from the events; or, if it has to be inside the canvas, express it as a serializable option so the DOM bundle renders it. Design 9.1.";
+function warnOnGraphChildren(children) {
+  if (warned) return false;
+  if (children === null || children === void 0 || children === false) return false;
+  if (Array.isArray(children) && children.every(child => child === null || child === void 0 || child === false)) {
+    return false;
+  }
+  if (process.env.NODE_ENV === "production") return false;
+  warned = true;
+  console.warn(graphChildrenWarning);
+  return true;
+}
+export { graphChildrenWarning, resetGraphChildrenWarning, warnOnGraphChildren };
+//# sourceMappingURL=graphChildren.mjs.map

package/dist/jsx/native/graphChildren.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["warned","resetGraphChildrenWarning","graphChildrenWarning","warnOnGraphChildren","children","Array","isArray","every","child","process","env","NODE_ENV","console","warn"],"sources":["../../../src/native/graphChildren.ts"],"sourcesContent":[null],"mappings":"AA0BA,IAAIA,MAAA,GAAS;AAGN,SAASC,0BAAA,EAAkC;EAChDD,MAAA,GAAS;AACX;AAEO,MAAME,oBAAA,GACX;AAaK,SAASC,oBAAoBC,QAAA,EAA4B;EAC9D,IAAIJ,MAAA,EAAQ,OAAO;EACnB,IAAII,QAAA,KAAa,QAAQA,QAAA,KAAa,UAAaA,QAAA,KAAa,OAAO,OAAO;EAC9E,IACEC,KAAA,CAAMC,OAAA,CAAQF,QAAQ,KACtBA,QAAA,CAASG,KAAA,CAAOC,KAAA,IAAUA,KAAA,KAAU,QAAQA,KAAA,KAAU,UAAaA,KAAA,KAAU,KAAK,GAClF;IACA,OAAO;EACT;EACA,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,cAAc,OAAO;EAClDX,MAAA,GAAS;EAETY,OAAA,CAAQC,IAAA,CAAKX,oBAAoB;EACjC,OAAO;AACT","ignoreList":[]}

package/dist/jsx/native/graphChildren.native.js

@@ -0,0 +1,50 @@
+"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 graphChildren_exports = {};
+__export(graphChildren_exports, {
+  graphChildrenWarning: () => graphChildrenWarning,
+  resetGraphChildrenWarning: () => resetGraphChildrenWarning,
+  warnOnGraphChildren: () => warnOnGraphChildren
+});
+module.exports = __toCommonJS(graphChildren_exports);
+var warned = false;
+function resetGraphChildrenWarning() {
+  warned = false;
+}
+var graphChildrenWarning = "[@multiplatform.one/node-graph] <NodeGraph> was given children on native, and they are IGNORED: the canvas renders inside a WebView and a React element cannot cross the bridge. Put the control OUTSIDE the canvas as a native sibling and drive it through `graphRef` (fitView, relayout, zoomTo, centerOn, setSelection, exportViewport, undo, redo, perfStart, perfStop, perfMark), reading state back from the events; or, if it has to be inside the canvas, express it as a serializable option so the DOM bundle renders it. Design 9.1.";
+function warnOnGraphChildren(children) {
+  if (warned) return false;
+  if (children === null || children === void 0 || children === false) return false;
+  if (Array.isArray(children) && children.every(function (child) {
+    return child === null || child === void 0 || child === false;
+  })) {
+    return false;
+  }
+  if (process.env.NODE_ENV === "production") return false;
+  warned = true;
+  console.warn(graphChildrenWarning);
+  return true;
+}
+//# sourceMappingURL=graphChildren.native.js.map

package/dist/jsx/native/graphChildren.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"],"sources":["../../../src/native/graphChildren.ts"],"sourcesContent":[null],"mappings":"AA0BA,YAAI;;AAGG,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAkC;AAChD,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAA;AACX,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAEO,IAAAC,YAAM,GAAAN,MAAA,CAAAO,SACX,CAAAC,cAAA;AAaK,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAoB;EAClC,KAAI,IAAAC,IAAQ,IAAAD,GAAO,EACnBZ,SAAI,CAAAW,MAAa,EAAAE,IAAA,EAAQ;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAa;IAAAE,UAAa;EAAa;AAChE;AAIE,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACT,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,KAAI,IAAAG,GAAQ,IAAIhB,iBAAa,CAAAa,IAAA,GAC7B,KAASX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAETnB,SAAa,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAoBI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACjC;EACF,OAAAE,EAAA","ignoreList":[]}

package/dist/jsx/nodes/GraphNode.mjs

@@ -0,0 +1,136 @@
+import { useEffect, useRef } from "react";
+import { useGraphNodeKnobs } from "../knobs/graphKnobs.mjs";
+import { SizableText, XStack, YStack } from "tamagui";
+import { useUpdateNodeInternals } from "../react-flow/xy.mjs";
+import { paintedPortSize } from "./handleGeometry.mjs";
+import { detailOpacity, isOverview } from "./lod.mjs";
+import { containerRadiusPx, graphNodeMinHeight, graphNodeWidth, portSpacing } from "./nodeMeasure.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function usePortInternals(id, ports) {
+  const updateNodeInternals = useUpdateNodeInternals();
+  const first = useRef(true);
+  useEffect(() => {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    updateNodeInternals(id);
+  }, [id, ports, updateNodeInternals]);
+}
+function GraphNode({
+  id,
+  title,
+  subtitle,
+  ports,
+  intent,
+  selected = false,
+  dragging = false,
+  measure,
+  renderMode = "detail",
+  coarsePointer = false,
+  renderPort,
+  children
+}) {
+  const {
+    knobProps,
+    control
+  } = useGraphNodeKnobs({
+    intent,
+    selected,
+    dragging
+  });
+  usePortInternals(id, ports);
+  const size = knobProps.size;
+  const portSpacingPx = portSpacing({
+    coarsePointer
+  });
+  const portGutterPx = paintedPortSize(size);
+  const width = graphNodeWidth({
+    size,
+    measure
+  });
+  const minHeight = graphNodeMinHeight({
+    size,
+    ports: ports ?? [],
+    portSpacingPx,
+    measure
+  });
+  const radiusPx = containerRadiusPx(knobProps.containerRadius.borderRadius);
+  const overview = isOverview(renderMode);
+  const fade = detailOpacity(renderMode);
+  return /* @__PURE__ */jsxs(YStack, {
+    "data-graph-node": id,
+    "data-graph-node-radius": String(radiusPx),
+    "data-graph-node-width": String(width),
+    "data-graph-node-render-mode": renderMode,
+    "data-graph-node-port-spacing": String(portSpacingPx),
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    ...knobProps.elevationChrome,
+    hoverStyle: {
+      ...control.hoverKnobProps
+    },
+    pressStyle: {
+      ...control.pressKnobProps
+    },
+    focusVisibleStyle: {
+      ...control.focusVisibleKnobProps
+    },
+    width,
+    minHeight,
+    position: "relative",
+    overflow: "visible",
+    opacity: dragging ? 0.85 : 1,
+    transition: knobProps.transition,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */jsx(SizableText, {
+        ...knobProps.label,
+        numberOfLines: 1,
+        "data-graph-node-title": "",
+        children: title
+      }), selected ? /* @__PURE__ */jsx(YStack, {
+        "data-graph-node-selected": ""
+      }) : null]
+    }), subtitle ? /* @__PURE__ */jsx(SizableText, {
+      ...knobProps.body,
+      ...knobProps.label,
+      numberOfLines: 2,
+      opacity: 0.75 * fade,
+      children: subtitle
+    }) : null, ports?.length ? /* @__PURE__ */jsx(YStack, {
+      "data-graph-node-ports": "",
+      gap: 0,
+      opacity: fade,
+      pointerEvents: overview ? "none" : "auto",
+      children: ports.map(port => /* @__PURE__ */jsxs(XStack, {
+        "data-graph-node-port-row": port.id,
+        "data-graph-node-port-side": port.side,
+        height: portSpacingPx,
+        alignItems: "center",
+        justifyContent: port.side === "right" ? "flex-end" : "flex-start",
+        position: "relative",
+        overflow: "visible",
+        children: [renderPort?.(port), /* @__PURE__ */jsx(SizableText, {
+          ...knobProps.body,
+          ...knobProps.label,
+          numberOfLines: 1,
+          paddingLeft: port.side === "right" ? 0 : portGutterPx,
+          paddingRight: port.side === "right" ? portGutterPx : 0,
+          children: port.label ?? port.id
+        })]
+      }, port.id))
+    }) : null, children ? /* @__PURE__ */jsx(YStack, {
+      "data-graph-node-children": "",
+      opacity: fade,
+      pointerEvents: overview ? "none" : "auto",
+      children
+    }) : null]
+  });
+}
+export { GraphNode };
+//# sourceMappingURL=GraphNode.mjs.map

package/dist/jsx/nodes/GraphNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useGraphNodeKnobs","SizableText","XStack","YStack","useUpdateNodeInternals","paintedPortSize","detailOpacity","isOverview","containerRadiusPx","graphNodeMinHeight","graphNodeWidth","portSpacing","jsx","jsxs","usePortInternals","id","ports","updateNodeInternals","first","current","GraphNode","title","subtitle","intent","selected","dragging","measure","renderMode","coarsePointer","renderPort","children","knobProps","control","size","portSpacingPx","portGutterPx","width","minHeight","radiusPx","containerRadius","borderRadius","overview","fade","String","surface","panelPadding","gap","elevationChrome","hoverStyle","hoverKnobProps","pressStyle","pressKnobProps","focusVisibleStyle","focusVisibleKnobProps","position","overflow","opacity","transition","alignItems","justifyContent","label","numberOfLines","body","length","pointerEvents","map","port","side","height","paddingLeft","paddingRight"],"sources":["../../../src/nodes/GraphNode.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/nodes/GraphNode.native.js

@@ -0,0 +1,206 @@
+"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 GraphNode_exports = {};
+__export(GraphNode_exports, {
+  GraphNode: () => GraphNode
+});
+module.exports = __toCommonJS(GraphNode_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_graphKnobs = require("../knobs/graphKnobs.native.js");
+var import_tamagui = require("tamagui");
+var import_xy = require("../react-flow/xy.native.js");
+var import_handleGeometry = require("./handleGeometry.native.js");
+var import_lod = require("./lod.native.js");
+var import_nodeMeasure = require("./nodeMeasure.native.js");
+function usePortInternals(id, ports) {
+  var updateNodeInternals = (0, import_xy.useUpdateNodeInternals)();
+  var first = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(function () {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    updateNodeInternals(id);
+  }, [id, ports, updateNodeInternals]);
+}
+function GraphNode(param) {
+  var {
+    id,
+    title,
+    subtitle,
+    ports,
+    intent,
+    selected = false,
+    dragging = false,
+    measure,
+    renderMode = "detail",
+    coarsePointer = false,
+    renderPort,
+    children
+  } = param;
+  var {
+    knobProps,
+    control
+  } = (0, import_graphKnobs.useGraphNodeKnobs)({
+    intent,
+    selected,
+    dragging
+  });
+  usePortInternals(id, ports);
+  var size = knobProps.size;
+  var portSpacingPx = (0, import_nodeMeasure.portSpacing)({
+    coarsePointer
+  });
+  var portGutterPx = (0, import_handleGeometry.paintedPortSize)(size);
+  var width = (0, import_nodeMeasure.graphNodeWidth)({
+    size,
+    measure
+  });
+  var minHeight = (0, import_nodeMeasure.graphNodeMinHeight)({
+    size,
+    ports: ports !== null && ports !== void 0 ? ports : [],
+    portSpacingPx,
+    measure
+  });
+  var radiusPx = (0, import_nodeMeasure.containerRadiusPx)(knobProps.containerRadius.borderRadius);
+  var overview = (0, import_lod.isOverview)(renderMode);
+  var fade = (0, import_lod.detailOpacity)(renderMode);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    "data-graph-node": id,
+    "data-graph-node-radius": String(radiusPx),
+    "data-graph-node-width": String(width),
+    "data-graph-node-render-mode": renderMode,
+    "data-graph-node-port-spacing": String(portSpacingPx),
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    ...knobProps.elevationChrome,
+    hoverStyle: {
+      ...control.hoverKnobProps
+    },
+    pressStyle: {
+      ...control.pressKnobProps
+    },
+    focusVisibleStyle: {
+      ...control.focusVisibleKnobProps
+    },
+    width,
+    minHeight,
+    // The containing block for its own ports. React Flow positions every
+    // Handle absolutely, so a `static` frame hands them to whatever ancestor
+    // happens to be positioned — off canvas, that is the document, and the
+    // discs pile up in the page corner instead of on the node edge.
+    position: "relative",
+    // §7.1 H6. Handles overhang the frame; a clipping node eats them.
+    overflow: "visible",
+    opacity: dragging ? 0.85 : 1,
+    transition: knobProps.transition,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [
+      /*
+        `label` ALONE, and deliberately not `{...knobProps.heading}` before
+        it. Measured in the MPO-191 knob fuzz: `label` carries
+        `fontFamily: bodyFontValue` (resolveKnobs.ts:648-652) and `heading`
+        carries the heading family, so spreading heading first and label
+        second made the title paint the BODY face while the source read as if
+        it painted the heading one. The rendered result was right — design §11
+        declares this ink honours `bodyFont` — but only by spread order, and a
+        reorder would have flipped a documented law silently. One fragment,
+        one law. `GraphNode.spec.tsx` pins that `headingFont` does not move it.
+      */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.label,
+        numberOfLines: 1,
+        "data-graph-node-title": "",
+        children: title
+      }), selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        "data-graph-node-selected": ""
+      }) : null]
+    }), subtitle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+      ...knobProps.body,
+      ...knobProps.label,
+      numberOfLines: 2,
+      // 0.75 is the subtitle's own de-emphasis in detail; overview
+      // multiplies it to zero rather than replacing it, so the two laws
+      // compose instead of one silently overriding the other.
+      opacity: 0.75 * fade,
+      children: subtitle
+    }) : null, (ports === null || ports === void 0 ? void 0 : ports.length) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      "data-graph-node-ports": "",
+      gap: 0,
+      opacity: fade,
+      // An invisible 44 px press target is a trap. The ports stay MOUNTED
+      // (the box depends on them) but stop taking a pointer while nothing
+      // is drawn there for the user to aim at.
+      pointerEvents: overview ? "none" : "auto",
+      children: ports.map(function (port) {
+        var _port_label;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          "data-graph-node-port-row": port.id,
+          "data-graph-node-port-side": port.side,
+          height: portSpacingPx,
+          alignItems: "center",
+          justifyContent: port.side === "right" ? "flex-end" : "flex-start",
+          // Each row is the containing block for ITS OWN port. React Flow
+          // places a handle at `top: 50%` of the nearest positioned
+          // ancestor, so with only the frame positioned every left port on
+          // a six-port node lands on the same pixel — seen in the Crowded
+          // story before this line existed. Per-row makes the pitch real.
+          position: "relative",
+          // The row is where the port's painted disc overhangs the frame.
+          overflow: "visible",
+          children: [renderPort === null || renderPort === void 0 ? void 0 : renderPort(port), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            ...knobProps.body,
+            ...knobProps.label,
+            numberOfLines: 1,
+            paddingLeft: port.side === "right" ? 0 : portGutterPx,
+            paddingRight: port.side === "right" ? portGutterPx : 0,
+            children: (_port_label = port.label) !== null && _port_label !== void 0 ? _port_label : port.id
+          })]
+        }, port.id);
+      })
+    }) : null,
+    /*
+      Wrapped, and the wrapper is present in BOTH modes. Rendering
+      `{children}` bare and switching it off in overview is what the previous
+      version did, and an unmount collapses the box — which is the one thing
+      design §5 forbids, because React Flow's observer then reports a new
+      height and every edge attached to this node moves.
+    */
+    children ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      "data-graph-node-children": "",
+      opacity: fade,
+      pointerEvents: overview ? "none" : "auto",
+      children
+    }) : null]
+  });
+}
+//# sourceMappingURL=GraphNode.native.js.map

package/dist/jsx/nodes/GraphNode.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","GraphNode_exports","GraphNode","module","exports","import_jsx_runtime","require","import_react","import_graphKnobs","import_tamagui","import_xy","import_handleGeometry","import_lod","import_nodeMeasure","usePortInternals","id","ports","updateNodeInternals","useUpdateNodeInternals","first","useRef","useEffect","current","param","title","subtitle","intent","selected","dragging","measure","renderMode","coarsePointer","renderPort","children","knobProps","control","useGraphNodeKnobs","size","portSpacingPx","portSpacing","portGutterPx","paintedPortSize","width","graphNodeWidth","minHeight","graphNodeMinHeight","radiusPx","containerRadiusPx","containerRadius","borderRadius","overview","isOverview","fade","detailOpacity","jsxs","YStack","String","surface","panelPadding","gap","elevationChrome","hoverStyle","hoverKnobProps","pressStyle","pressKnobProps","focusVisibleStyle","focusVisibleKnobProps","position","overflow","opacity","transition","XStack","alignItems","justifyContent","jsx","SizableText","label","numberOfLines","body"],"sources":["../../../src/nodes/GraphNode.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}