@multiplatform.one/node-graph 7.7.2

package/dist/cjs/react-flow/NodeGraphWeb.native.js

@@ -0,0 +1,515 @@
+"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 NodeGraphWeb_exports = {};
+__export(NodeGraphWeb_exports, {
+  NodeGraphWeb: () => NodeGraphWeb,
+  graphCanvasDefaults: () => graphCanvasDefaults
+});
+module.exports = __toCommonJS(NodeGraphWeb_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_style = require("@xyflow/react/dist/style.css");
+var import_graph = require("../../css/graph.css");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_GraphEdge = require("../edges/GraphEdge.native.js");
+var import_snapChanges = require("../interaction/snapChanges.native.js");
+var import_useLassoSelect = require("../interaction/useLassoSelect.native.js");
+var import_LassoOverlay = require("./LassoOverlay.native.js");
+var import_SnapGuides = require("./SnapGuides.native.js");
+var import_ConnectionPuck = require("./ConnectionPuck.native.js");
+var import_KnobEnvelopeProvider = require("../knobs/KnobEnvelopeProvider.native.js");
+var import_useKnobEnvelope = require("../knobs/useKnobEnvelope.native.js");
+var import_handleGeometry = require("../nodes/handleGeometry.native.js");
+var import_lod = require("../nodes/lod.native.js");
+var import_GraphVarsStyle = require("../theme/GraphVarsStyle.native.js");
+var import_GraphActions = require("./GraphActions.native.js");
+var import_GraphCommandBridge = require("./GraphCommandBridge.native.js");
+var import_GraphPaintProbe = require("./GraphPaintProbe.native.js");
+var import_GraphZoomVar = require("./GraphZoomVar.native.js");
+var import_GraphNodeHost = require("./GraphNodeHost.native.js");
+var import_useGraphController = require("./useGraphController.native.js");
+var import_xy = require("./xy.native.js");
+var graphCanvasDefaults = {
+  onlyRenderVisibleElements: true,
+  fitView: true,
+  /** Below this zoom a node draws in `overview` mode. Design §5. */
+  overviewZoom: import_lod.defaultOverviewZoom,
+  /**
+  * React Flow's own default is **0.5**, which is ABOVE `overviewZoom`.
+  *
+  * Measured in Chrome on `NodeGraph/Overview` at 500 nodes: the zoom-out
+  * control bottomed out at 0.5, `fitView` clamped there and showed 50 of the
+  * 500 nodes, and the overview mode this milestone builds was unreachable —
+  * not broken, unreachable, which is worse, because every unit spec around it
+  * was green. A level of detail below a floor the user cannot cross is dead
+  * code with a passing test suite.
+  *
+  * `graphCanvasDefaults.minZoom < graphCanvasDefaults.overviewZoom` is
+  * asserted in `lod.spec.tsx`, so the two cannot drift back into that state.
+  */
+  minZoom: 0.05,
+  maxZoom: 2
+};
+function FitOnFirstMeasure(param) {
+  var {
+    enabled
+  } = param;
+  var {
+    fitView
+  } = (0, import_xy.useReactFlow)();
+  var allMeasured = (0, import_xy.useStore)(function (state) {
+    var total = 0;
+    var measured = 0;
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = state.nodeLookup.values()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var node = _step.value;
+        var _node_measured;
+        total += 1;
+        if ((_node_measured = node.measured) === null || _node_measured === void 0 ? void 0 : _node_measured.height) measured += 1;
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return total > 0 && total === measured;
+  });
+  var fitted = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(function () {
+    if (!enabled || fitted.current || !allMeasured) return;
+    fitted.current = true;
+    void fitView();
+  }, [enabled, allMeasured, fitView]);
+  return null;
+}
+function NodeGraphCanvas(props) {
+  var _props_renderer, _props_commandSlot;
+  var {
+    schema,
+    document,
+    defaultDocument,
+    onDocumentChange,
+    onConnectionRefused,
+    readOnly = false,
+    knobs,
+    presetName,
+    intent,
+    coarsePointer = (0, import_theme.isTouchSurface)(),
+    interactionMode = "pan",
+    onlyRenderVisibleElements = graphCanvasDefaults.onlyRenderVisibleElements,
+    fitView = graphCanvasDefaults.fitView,
+    overviewZoom = graphCanvasDefaults.overviewZoom,
+    snapping,
+    minZoom = graphCanvasDefaults.minZoom,
+    maxZoom = graphCanvasDefaults.maxZoom,
+    nodeTypes,
+    connectionPuck = true,
+    longPressLasso = false,
+    nodeLabel,
+    className,
+    style,
+    children
+  } = props;
+  var rootRef = (0, import_react.useRef)(null);
+  var graphEventRef = (0, import_react.useRef)(props.onGraphEvent);
+  graphEventRef.current = props.onGraphEvent;
+  var emit = (0, import_react.useCallback)(function (event) {
+    var _graphEventRef_current;
+    return (_graphEventRef_current = graphEventRef.current) === null || _graphEventRef_current === void 0 ? void 0 : _graphEventRef_current.call(graphEventRef, event);
+  }, []);
+  var perfHost = (_props_renderer = props.renderer) !== null && _props_renderer !== void 0 ? _props_renderer : "react-flow-web";
+  var readBootMsRef = (0, import_react.useRef)(props.readBootMs);
+  readBootMsRef.current = props.readBootMs;
+  var onPaint = (0, import_react.useCallback)(function () {
+    var _ref;
+    var _readBootMsRef_current;
+    return emit({
+      t: "paint",
+      bootMs: (_ref = (_readBootMsRef_current = readBootMsRef.current) === null || _readBootMsRef_current === void 0 ? void 0 : _readBootMsRef_current.call(readBootMsRef)) !== null && _ref !== void 0 ? _ref : null
+    });
+  }, [emit]);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var size = knobProps.size;
+  var envelope = (0, import_useKnobEnvelope.useKnobEnvelope)({
+    knobs,
+    presetName,
+    intent: intent !== null && intent !== void 0 ? intent : void 0,
+    pointer: coarsePointer ? "coarse" : "fine"
+  });
+  var connectionRadius = (0, import_handleGeometry.portConnectionRadius)({
+    size,
+    coarsePointer
+  });
+  var reactFlowApi = (0, import_xy.useReactFlow)();
+  var readMeasuredSizes = (0, import_react.useCallback)(function () {
+    var sizes = {};
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = reactFlowApi.getNodes()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var node = _step.value;
+        var _node_measured, _node_measured1;
+        var width = (_node_measured = node.measured) === null || _node_measured === void 0 ? void 0 : _node_measured.width;
+        var height = (_node_measured1 = node.measured) === null || _node_measured1 === void 0 ? void 0 : _node_measured1.height;
+        if (width && height) sizes[node.id] = {
+          width,
+          height
+        };
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return sizes;
+  }, [reactFlowApi]);
+  var controller = (0, import_useGraphController.useGraphController)({
+    schema,
+    document,
+    defaultDocument,
+    onDocumentChange,
+    onConnectionRefused,
+    readOnly,
+    size,
+    coarsePointer,
+    readMeasuredSizes
+  });
+  var setNodeData = (0, import_react.useCallback)(function (id, patch) {
+    var node = controller.document.nodes.find(function (candidate) {
+      return candidate.id === id;
+    });
+    if (!node) return;
+    controller.commit({
+      t: "setNodeData",
+      id,
+      data: {
+        ...node.data,
+        ...patch
+      }
+    });
+  }, [controller]);
+  var host = (0, import_react.useMemo)(function () {
+    return {
+      schema,
+      overviewZoom,
+      coarsePointer,
+      readOnly,
+      setNodeData
+    };
+  }, [schema, overviewZoom, coarsePointer, readOnly, setNodeData]);
+  var snapSession = (0, import_react.useRef)((0, import_snapChanges.createSnapSession)());
+  var [guides, setGuides] = (0, import_react.useState)([]);
+  var snapOptions = (0, import_snapChanges.snapContextOptions)({
+    snapping,
+    animation: envelope.knobs.animation,
+    reducedMotion: envelope.prefersReducedMotion,
+    coarsePointer
+  });
+  var {
+    alignment: snapAlignmentOn,
+    grid: snapGrid,
+    thresholdScreenPx
+  } = snapOptions;
+  var reactFlow = reactFlowApi;
+  var controllerNodesRef = (0, import_react.useRef)(controller.nodes);
+  controllerNodesRef.current = controller.nodes;
+  var controllerChangeRef = (0, import_react.useRef)(controller.onNodesChange);
+  controllerChangeRef.current = controller.onNodesChange;
+  var onNodesChange = (0, import_react.useCallback)(function (changes) {
+    var snapped = (0, import_snapChanges.applySnapToChanges)(changes, {
+      nodes: controllerNodesRef.current,
+      zoom: reactFlow.getZoom(),
+      session: snapSession.current,
+      alignment: snapAlignmentOn,
+      grid: snapGrid,
+      thresholdScreenPx
+    });
+    setGuides(function (previous) {
+      return previous.length === 0 && snapped.guides.length === 0 ? previous : snapped.guides;
+    });
+    controllerChangeRef.current(snapped.changes);
+  }, [reactFlow, snapAlignmentOn, snapGrid, thresholdScreenPx]);
+  var longPress = (0, import_react.useMemo)(function () {
+    return {
+      rootRef,
+      enabled: longPressLasso,
+      viewport: {
+        get: function get() {
+          return reactFlowApi.getViewport();
+        },
+        set: function set(viewport) {
+          void reactFlowApi.setViewport(viewport, {
+            duration: 0
+          });
+        }
+      },
+      getNodeRects: function getNodeRects() {
+        return reactFlowApi.getNodes().map(function (node) {
+          var _ref, _ref1, _ref2, _ref3;
+          var _node_measured, _node_measured1;
+          return {
+            id: node.id,
+            rect: {
+              x: node.position.x,
+              y: node.position.y,
+              width: (_ref = (_ref1 = (_node_measured = node.measured) === null || _node_measured === void 0 ? void 0 : _node_measured.width) !== null && _ref1 !== void 0 ? _ref1 : node.width) !== null && _ref !== void 0 ? _ref : 0,
+              height: (_ref2 = (_ref3 = (_node_measured1 = node.measured) === null || _node_measured1 === void 0 ? void 0 : _node_measured1.height) !== null && _ref3 !== void 0 ? _ref3 : node.height) !== null && _ref2 !== void 0 ? _ref2 : 0
+            }
+          };
+        });
+      },
+      onSelect: function onSelect(ids) {
+        var wanted = new Set(ids);
+        reactFlowApi.setNodes(function (nodes) {
+          return nodes.map(function (node) {
+            return {
+              ...node,
+              selected: wanted.has(node.id)
+            };
+          });
+        });
+        emit({
+          t: "lasso",
+          phase: "select",
+          ids,
+          haptic: null
+        });
+        emit({
+          t: "selection",
+          ids
+        });
+      },
+      // A WebView cannot buzz. The shell can, so the canvas asks — a HINT, not
+      // a command: whether a buzz is appropriate is the shell's call.
+      onHaptic: function onHaptic() {
+        return emit({
+          t: "lasso",
+          phase: "arm",
+          ids: [],
+          haptic: "selection"
+        });
+      },
+      onCancel: function onCancel() {
+        return emit({
+          t: "lasso",
+          phase: "cancel",
+          ids: [],
+          haptic: null
+        });
+      }
+    };
+  }, [emit, longPressLasso, reactFlowApi]);
+  var lasso = (0, import_useLassoSelect.useLassoSelect)({
+    mode: interactionMode,
+    longPress
+  });
+  var ownSlot = (0, import_react.useRef)(null);
+  var slot = (_props_commandSlot = props.commandSlot) !== null && _props_commandSlot !== void 0 ? _props_commandSlot : ownSlot;
+  var handle = (0, import_react.useMemo)(function () {
+    return {
+      fitView: function fitView2() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.fitView();
+      },
+      relayout: function relayout() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.relayout();
+      },
+      zoomTo: function zoomTo(zoom) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.zoomTo(zoom);
+      },
+      centerOn: function centerOn(nodeId) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.centerOn(nodeId);
+      },
+      setSelection: function setSelection(ids) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.setSelection(ids);
+      },
+      exportViewport: function exportViewport() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.exportViewport();
+      },
+      undo: function undo() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.undo();
+      },
+      redo: function redo() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.redo();
+      },
+      perfStart: function perfStart(label) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.perfStart(label);
+      },
+      perfStop: function perfStop(label) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.perfStop(label);
+      },
+      perfMark: function perfMark(label) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.perfMark(label);
+      },
+      setViewport: function setViewport(x, y, zoom) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.setViewport(x, y, zoom);
+      },
+      synthPinch: function synthPinch(scale, steps) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.synthPinch(scale, steps);
+      }
+    };
+  }, [slot]);
+  (0, import_react.useImperativeHandle)(props.graphRef, function () {
+    return handle;
+  }, [handle]);
+  var types = (0, import_react.useMemo)(function () {
+    return {
+      [import_useGraphController.defaultGraphNodeType]: import_GraphNodeHost.GraphNodeHost,
+      ...nodeTypes
+    };
+  }, [nodeTypes]);
+  var actions = (0, import_react.useMemo)(function () {
+    return {
+      relayout: controller.relayout,
+      undo: controller.undo,
+      redo: controller.redo,
+      canUndo: controller.canUndo,
+      canRedo: controller.canRedo,
+      layoutRunner: controller.layoutRunner,
+      lastLayoutMs: controller.lastLayoutMs,
+      layoutPending: controller.layoutPending,
+      nodeCount: controller.document.nodes.length
+    };
+  }, [controller.relayout, controller.undo, controller.redo, controller.canUndo, controller.canRedo, controller.layoutRunner, controller.lastLayoutMs, controller.layoutPending, controller.document.nodes.length]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    ref: rootRef,
+    className: className ? `${import_GraphVarsStyle.graphRootClassName} ${className}` : import_GraphVarsStyle.graphRootClassName,
+    "data-graph-scheme": envelope.scheme,
+    style: {
+      width: "100%",
+      height: "100%",
+      ...style
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphVarsStyle.GraphVars, {
+      vars: envelope.vars,
+      scheme: envelope.scheme,
+      revision: envelope.revision
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobEnvelopeProvider.KnobEnvelopeProvider, {
+      envelope,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphActions.GraphActionsProvider, {
+        value: actions,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphNodeHost.GraphHostProvider, {
+          value: host,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_xy.ReactFlow, {
+            nodes: controller.nodes,
+            edges: controller.edges,
+            nodeTypes: types,
+            edgeTypes: import_GraphEdge.graphEdgeTypes,
+            onNodesChange,
+            onEdgesChange: controller.onEdgesChange,
+            onConnect: controller.onConnect,
+            isValidConnection: controller.isValidConnection,
+            connectionRadius,
+            onlyRenderVisibleElements,
+            fitView,
+            minZoom,
+            maxZoom,
+            ...lasso.flowProps,
+            // The scheme the envelope resolved, so the canvas chrome and the
+            // Tamagui bodies inside it cannot disagree about which theme is on.
+            colorMode: envelope.scheme,
+            nodesDraggable: !readOnly,
+            nodesConnectable: !readOnly,
+            elementsSelectable: true,
+            proOptions: {
+              hideAttribution: true
+            },
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(FitOnFirstMeasure, {
+              enabled: fitView
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphZoomVar.GraphZoomVar, {
+              rootRef
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphPaintProbe.GraphPaintProbe, {
+              onPaint
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphCommandBridge.GraphCommandBridge, {
+              commands: slot,
+              culling: onlyRenderVisibleElements,
+              emit,
+              host: perfHost,
+              rootRef,
+              onMounted: props.onCanvasMounted
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SnapGuides.SnapGuides, {
+              guides,
+              animated: snapOptions.animateGuides
+            }),
+            /* INSIDE the canvas, so the `--xy-selection-*` layer is in scope.
+            Outside it the rectangle is the right size and invisible. */
+            /* @__PURE__ */
+            (0, import_jsx_runtime.jsx)(import_LassoOverlay.LassoOverlay, {
+              rect: lasso.marquee
+            }), connectionPuck ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectionPuck.ConnectionPuck, {
+              document: controller.document,
+              schema,
+              nodeLabel
+            }) : null, children]
+          })
+        })
+      })
+    })]
+  });
+}
+function NodeGraphWeb(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.ReactFlowProvider, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NodeGraphCanvas, {
+      ...props
+    })
+  });
+}
+//# sourceMappingURL=NodeGraphWeb.native.js.map

package/dist/cjs/react-flow/NodeGraphWeb.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NodeGraphWeb_exports","__export","NodeGraphWeb","graphCanvasDefaults","module","exports","import_jsx_runtime","require","import_style","import_graph","import_theme","import_react","import_GraphEdge","import_snapChanges","import_useLassoSelect","import_LassoOverlay","import_SnapGuides","import_ConnectionPuck","import_KnobEnvelopeProvider","import_useKnobEnvelope","import_handleGeometry","import_lod","import_GraphVarsStyle","import_GraphActions","import_GraphCommandBridge","import_GraphPaintProbe","import_GraphZoomVar","import_GraphNodeHost","import_useGraphController","import_xy","onlyRenderVisibleElements","fitView","overviewZoom","defaultOverviewZoom","minZoom","maxZoom","FitOnFirstMeasure","param","enabled","useReactFlow","allMeasured","useStore","state","total","measured","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","nodeLookup","values","Symbol","iterator","_step","next","done","node","_node_measured","height","err","return","fitted","useRef","useEffect","current","NodeGraphCanvas","props","_props_renderer","_props_commandSlot","schema","document","defaultDocument","onDocumentChange","onConnectionRefused","readOnly","knobs","presetName","intent","coarsePointer","isTouchSurface","interactionMode","snapping","nodeTypes","connectionPuck","longPressLasso","nodeLabel","className","style","children","rootRef","graphEventRef","onGraphEvent","emit","useCallback","event","_graphEventRef_current","call","perfHost","renderer","readBootMsRef","readBootMs","onPaint","_ref","_readBootMsRef_current","t","bootMs","knobProps","useResolvedKnobs","size","envelope","useKnobEnvelope","pointer","connectionRadius","portConnectionRadius","reactFlowApi","readMeasuredSizes","sizes","getNodes","_node_measured1","width","id","controller","useGraphController","setNodeData","patch","nodes","find","candidate","commit","data","host","useMemo","snapSession","createSnapSession","guides","setGuides","useState","snapOptions","snapContextOptions","animation","reducedMotion","prefersReducedMotion","alignment","snapAlignmentOn","grid","snapGrid","thresholdScreenPx","reactFlow","controllerNodesRef","controllerChangeRef","onNodesChange","changes","snapped","applySnapToChanges","zoom","getZoom","session","previous","length","longPress","viewport","get","getViewport","set","setViewport","duration","getNodeRects","map","_ref1","_ref2","_ref3","rect","x","position","y","onSelect","ids","wanted","Set","setNodes","selected","has","phase","haptic","onHaptic","onCancel","lasso","useLassoSelect","mode","ownSlot","slot","commandSlot","handle","fitView2","_slot_current","relayout","zoomTo","centerOn","nodeId","setSelection","exportViewport"],"sources":["../../../src/react-flow/NodeGraphWeb.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+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 SnapGuides_exports = {};
+__export(SnapGuides_exports, {
+  SnapGuides: () => SnapGuides,
+  snapGuideClassName: () => snapGuideClassName,
+  snapGuidePadding: () => snapGuidePadding,
+  snapGuidesBounds: () => snapGuidesBounds,
+  snapGuidesClassName: () => snapGuidesClassName
+});
+module.exports = __toCommonJS(SnapGuides_exports);
+var import_xy = require("./xy.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const snapGuidesClassName = "mp-graph-guides";
+const snapGuideClassName = "mp-graph-guide";
+const snapGuidePadding = 2;
+function snapGuidesBounds(guides) {
+  if (guides.length === 0) return null;
+  let minX = Number.POSITIVE_INFINITY;
+  let minY = Number.POSITIVE_INFINITY;
+  let maxX = Number.NEGATIVE_INFINITY;
+  let maxY = Number.NEGATIVE_INFINITY;
+  for (const guide of guides) {
+    const [x1, y1, x2, y2] = guide.axis === "x" ? [guide.position, guide.start, guide.position, guide.end] : [guide.start, guide.position, guide.end, guide.position];
+    minX = Math.min(minX, x1, x2);
+    maxX = Math.max(maxX, x1, x2);
+    minY = Math.min(minY, y1, y2);
+    maxY = Math.max(maxY, y1, y2);
+  }
+  return {
+    x: minX - snapGuidePadding,
+    y: minY - snapGuidePadding,
+    width: maxX - minX + snapGuidePadding * 2,
+    height: maxY - minY + snapGuidePadding * 2
+  };
+}
+function SnapGuides({
+  guides,
+  animated = true
+}) {
+  const box = snapGuidesBounds(guides);
+  if (!box) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.ViewportPortal, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
+      className: snapGuidesClassName,
+      "data-animated": animated ? "true" : "false",
+      width: box.width,
+      height: box.height,
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        // The same mechanism React Flow moves its own nodes with, so the
+        // guide and the node it points at cannot round differently.
+        transform: `translate(${box.x}px, ${box.y}px)`,
+        overflow: "visible",
+        pointerEvents: "none"
+      },
+      children: guides.map(guide => /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+        className: snapGuideClassName,
+        "data-axis": guide.axis,
+        x1: (guide.axis === "x" ? guide.position : guide.start) - box.x,
+        x2: (guide.axis === "x" ? guide.position : guide.end) - box.x,
+        y1: (guide.axis === "x" ? guide.start : guide.position) - box.y,
+        y2: (guide.axis === "x" ? guide.end : guide.position) - box.y
+      }, guide.axis))
+    })
+  });
+}