@multiplatform.one/node-graph 7.7.2

package/dist/cjs/dom/wire.native.js

@@ -0,0 +1,274 @@
+"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 wire_exports = {};
+__export(wire_exports, {
+  createGraphEventEmitter: () => createGraphEventEmitter,
+  createRevEchoGate: () => createRevEchoGate,
+  decodeGraphEvent: () => decodeGraphEvent,
+  encodeGraphEvent: () => encodeGraphEvent,
+  graphEventEmission: () => graphEventEmission,
+  graphEventKinds: () => graphEventKinds,
+  isBenignCanvasError: () => isBenignCanvasError,
+  isGraphEventKind: () => isGraphEventKind
+});
+module.exports = __toCommonJS(wire_exports);
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var graphEventKinds = ["ready", "commit", "selection", "viewport", "nodeActivate", "connectRefused", "haptic", "metrics", "paint", "layoutResult", "perfReport", "lasso", "error"];
+var graphEventEmission = {
+  ready: {
+    firesOn: "the canvas mounted and painted once",
+    throttle: {
+      mode: "none"
+    }
+  },
+  commit: {
+    firesOn: "drag stop, connect, delete, paste, layout commit",
+    throttle: {
+      mode: "none"
+    }
+  },
+  selection: {
+    firesOn: "selection commit, lasso release",
+    throttle: {
+      mode: "none"
+    }
+  },
+  viewport: {
+    firesOn: "pan/zoom, only when `reportViewport` is on",
+    throttle: {
+      mode: "trailing",
+      ms: 125
+    }
+  },
+  nodeActivate: {
+    firesOn: "tap on a field, double-tap on a node",
+    throttle: {
+      mode: "none"
+    }
+  },
+  connectRefused: {
+    firesOn: "illegal drop",
+    throttle: {
+      mode: "none"
+    }
+  },
+  haptic: {
+    firesOn: "snap acquisition, lasso arm, connect",
+    throttle: {
+      mode: "floor",
+      ms: 120
+    }
+  },
+  metrics: {
+    firesOn: "bench only",
+    throttle: {
+      mode: "onDemand"
+    }
+  },
+  /**
+  * Unthrottled and fired ONCE per mount. It is what the watchdog is measured
+  * against, so a coalescing window here would be a window added to the budget.
+  */
+  paint: {
+    firesOn: "the frame after React Flow's first render",
+    throttle: {
+      mode: "none"
+    }
+  },
+  layoutResult: {
+    firesOn: "a relayout resolved",
+    throttle: {
+      mode: "none"
+    }
+  },
+  perfReport: {
+    firesOn: "perfStop",
+    throttle: {
+      mode: "onDemand"
+    }
+  },
+  /**
+  * `none`, not `floor`: the three phases are different facts and coalescing
+  * `arm` into `select` would lose the buzz. The gesture itself fires at most
+  * three of these, so there is nothing to throttle.
+  */
+  lasso: {
+    firesOn: "the hold firing, the finger lifting, or any cancel",
+    throttle: {
+      mode: "none"
+    }
+  },
+  error: {
+    firesOn: "a caught throw in boot, module eval, render or runtime",
+    throttle: {
+      mode: "none"
+    }
+  }
+};
+function isGraphEventKind(value) {
+  return typeof value === "string" && graphEventKinds.includes(value);
+}
+function encodeGraphEvent(event) {
+  return JSON.stringify(event);
+}
+function decodeGraphEvent(json) {
+  var parsed = JSON.parse(json);
+  if (!parsed || (typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) !== "object" || Array.isArray(parsed)) {
+    throw new Error(`graph event payload is not an object: ${json.slice(0, 120)}`);
+  }
+  var tag = parsed.t;
+  if (!isGraphEventKind(tag)) {
+    throw new Error(`graph event tag ${JSON.stringify(tag)} is not one of ${graphEventKinds.join(", ")} \u2014 the DOM bundle and its native host are out of step; rebuild the app.`);
+  }
+  return parsed;
+}
+var resizeObserverLoopNotice = /^(?:uncaught\s+)?(?:[a-z]*error:\s*)?resizeobserver loop\b/i;
+function isBenignCanvasError(message) {
+  return typeof message === "string" && resizeObserverLoopNotice.test(message);
+}
+function createRevEchoGate() {
+  var highWater = Number.NEGATIVE_INFINITY;
+  return {
+    markEmitted(rev) {
+      if (rev > highWater) highWater = rev;
+    },
+    acceptInbound(rev) {
+      if (rev <= highWater) return false;
+      highWater = rev;
+      return true;
+    },
+    highWater: function highWater1() {
+      return highWater;
+    }
+  };
+}
+function createGraphEventEmitter(options) {
+  var _options_now, _options_schedule, _options_cancel;
+  var now = (_options_now = options.now) !== null && _options_now !== void 0 ? _options_now : function () {
+    return Date.now();
+  };
+  var schedule = (_options_schedule = options.schedule) !== null && _options_schedule !== void 0 ? _options_schedule : function (fn, ms) {
+    return globalThis.setTimeout(fn, ms);
+  };
+  var cancel = (_options_cancel = options.cancel) !== null && _options_cancel !== void 0 ? _options_cancel : function (handle) {
+    return globalThis.clearTimeout(handle);
+  };
+  var pending = /* @__PURE__ */new Map();
+  var timers = /* @__PURE__ */new Map();
+  var lastSentAt = /* @__PURE__ */new Map();
+  var disposed = false;
+  function send(event) {
+    lastSentAt.set(event.t, now());
+    options.send(encodeGraphEvent(event));
+  }
+  function fire(kind) {
+    timers.delete(kind);
+    var event = pending.get(kind);
+    if (!event) return;
+    pending.delete(kind);
+    send(event);
+  }
+  return {
+    emit(event) {
+      if (disposed) return;
+      var {
+        throttle
+      } = graphEventEmission[event.t];
+      if (throttle.mode === "none" || throttle.mode === "onDemand") {
+        send(event);
+        return;
+      }
+      if (throttle.mode === "floor") {
+        var last = lastSentAt.get(event.t);
+        if (last !== void 0 && now() - last < throttle.ms) return;
+        send(event);
+        return;
+      }
+      pending.set(event.t, event);
+      if (timers.has(event.t)) return;
+      timers.set(event.t, schedule(function () {
+        return fire(event.t);
+      }, throttle.ms));
+    },
+    flush() {
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = Array.from(pending.keys())[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var kind = _step.value;
+          var handle = timers.get(kind);
+          if (handle !== void 0) cancel(handle);
+          fire(kind);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    },
+    dispose() {
+      disposed = true;
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = timers.values()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var handle = _step.value;
+          cancel(handle);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+      timers.clear();
+      pending.clear();
+    }
+  };
+}
+//# sourceMappingURL=wire.native.js.map

package/dist/cjs/dom/wire.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","wire_exports","__export","createGraphEventEmitter","createRevEchoGate","decodeGraphEvent","encodeGraphEvent","graphEventEmission","graphEventKinds","isBenignCanvasError","isGraphEventKind","module","exports","_type_of","obj","Symbol","constructor","ready","firesOn","throttle","mode","commit","selection","viewport","ms","nodeActivate","connectRefused","haptic","metrics","paint","layoutResult","perfReport","lasso","error","includes","event","JSON","stringify","json","parsed","parse","Array","isArray","Error","slice","tag","t","join","resizeObserverLoopNotice","message","test","highWater","Number","NEGATIVE_INFINITY","markEmitted","rev","acceptInbound","highWater1"],"sources":["../../../src/dom/wire.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/edges/GraphEdge.cjs

@@ -0,0 +1,169 @@
+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 GraphEdge_exports = {};
+__export(GraphEdge_exports, {
+  GraphEdge: () => GraphEdge,
+  GraphEdgeComponent: () => GraphEdgeComponent,
+  buildEdgePath: () => buildEdgePath,
+  graphEdgeType: () => graphEdgeType,
+  graphEdgeTypes: () => graphEdgeTypes,
+  useEdgeKnobs: () => useEdgeKnobs
+});
+module.exports = __toCommonJS(GraphEdge_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_xy = require("../react-flow/xy.cjs");
+var import_edgeStyle = require("./edgeStyle.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const graphEdgeType = "mpGraphEdge";
+function buildEdgePath(path, geometry) {
+  const {
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  } = geometry;
+  switch (path) {
+    case "bezier":
+      {
+        const [d, labelX, labelY] = (0, import_xy.getBezierPath)({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition
+        });
+        return [d, labelX, labelY];
+      }
+    case "straight":
+      {
+        const [d, labelX, labelY] = (0, import_xy.getStraightPath)({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY
+        });
+        return [d, labelX, labelY];
+      }
+    case "step":
+    case "smoothstep":
+      {
+        const [d, labelX, labelY] = (0, import_xy.getSmoothStepPath)({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition,
+          borderRadius: path === "step" ? 0 : void 0
+        });
+        return [d, labelX, labelY];
+      }
+  }
+}
+function useEdgeKnobs() {
+  const preset = (0, import_theme.usePresetContext)();
+  const knobs = preset ? {
+    ...preset.preset.knobs,
+    ...preset.overrides
+  } : import_theme2.defaultKnobs;
+  return {
+    borderWidth: knobs.borderWidth,
+    animation: knobs.animation
+  };
+}
+function useStrokeValue(stroke) {
+  const theme = (0, import_tamagui.useTheme)();
+  const entry = theme[(0, import_edgeStyle.themeTokenName)(stroke)];
+  const value = entry?.get?.();
+  return typeof value === "string" ? value : "currentColor";
+}
+function GraphEdgeComponent(props) {
+  const data = props.data ?? {};
+  const {
+    borderWidth,
+    animation
+  } = useEdgeKnobs();
+  const style = (0, import_edgeStyle.resolveEdgeStyle)({
+    kind: data.kind ?? "flow",
+    appearance: data.appearance,
+    borderWidth,
+    animation
+  });
+  const strokeValue = useStrokeValue(style.stroke);
+  const [d, labelX, labelY] = buildEdgePath(style.path, props);
+  const label = data.label ?? (typeof props.label === "string" ? props.label : void 0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.BaseEdge, {
+      id: props.id,
+      path: d,
+      markerEnd: props.markerEnd,
+      style: {
+        stroke: `var(--mp-graph-edge-stroke, ${strokeValue})`,
+        strokeWidth: style.strokeWidth,
+        strokeDasharray: style.strokeDasharray,
+        animation: style.animation,
+        ...props.style
+      }
+    }), label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(EdgeLabel, {
+      label,
+      x: labelX,
+      y: labelY
+    }) : null]
+  });
+}
+function EdgeLabel({
+  label,
+  x,
+  y
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "GraphEdge"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.EdgeLabelRenderer, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      className: "mp-graph-edge-label",
+      position: "absolute",
+      transform: `translate(-50%, -50%) translate(${x}px, ${y}px)`,
+      pointerEvents: "none",
+      ...knobProps.surface,
+      ...knobProps.borderRadiusNested,
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        children: label
+      })
+    })
+  });
+}
+const GraphEdge = (0, import_react.memo)(GraphEdgeComponent);
+const graphEdgeTypes = {
+  [graphEdgeType]: GraphEdge
+};

package/dist/cjs/edges/GraphEdge.native.js

@@ -0,0 +1,178 @@
+"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 GraphEdge_exports = {};
+__export(GraphEdge_exports, {
+  GraphEdge: () => GraphEdge,
+  GraphEdgeComponent: () => GraphEdgeComponent,
+  buildEdgePath: () => buildEdgePath,
+  graphEdgeType: () => graphEdgeType,
+  graphEdgeTypes: () => graphEdgeTypes,
+  useEdgeKnobs: () => useEdgeKnobs
+});
+module.exports = __toCommonJS(GraphEdge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_xy = require("../react-flow/xy.native.js");
+var import_edgeStyle = require("./edgeStyle.native.js");
+var graphEdgeType = "mpGraphEdge";
+function buildEdgePath(path, geometry) {
+  var {
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  } = geometry;
+  switch (path) {
+    case "bezier":
+      {
+        var [d, labelX, labelY] = (0, import_xy.getBezierPath)({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition
+        });
+        return [d, labelX, labelY];
+      }
+    case "straight":
+      {
+        var [d1, labelX1, labelY1] = (0, import_xy.getStraightPath)({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY
+        });
+        return [d1, labelX1, labelY1];
+      }
+    case "step":
+    case "smoothstep":
+      {
+        var [d2, labelX2, labelY2] = (0, import_xy.getSmoothStepPath)({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition,
+          borderRadius: path === "step" ? 0 : void 0
+        });
+        return [d2, labelX2, labelY2];
+      }
+  }
+}
+function useEdgeKnobs() {
+  var preset = (0, import_theme.usePresetContext)();
+  var knobs = preset ? {
+    ...preset.preset.knobs,
+    ...preset.overrides
+  } : import_theme2.defaultKnobs;
+  return {
+    borderWidth: knobs.borderWidth,
+    animation: knobs.animation
+  };
+}
+function useStrokeValue(stroke) {
+  var _entry_get;
+  var theme = (0, import_tamagui.useTheme)();
+  var entry = theme[(0, import_edgeStyle.themeTokenName)(stroke)];
+  var value = entry === null || entry === void 0 ? void 0 : (_entry_get = entry.get) === null || _entry_get === void 0 ? void 0 : _entry_get.call(entry);
+  return typeof value === "string" ? value : "currentColor";
+}
+function GraphEdgeComponent(props) {
+  var _props_data, _data_kind, _data_label;
+  var data = (_props_data = props.data) !== null && _props_data !== void 0 ? _props_data : {};
+  var {
+    borderWidth,
+    animation
+  } = useEdgeKnobs();
+  var style = (0, import_edgeStyle.resolveEdgeStyle)({
+    kind: (_data_kind = data.kind) !== null && _data_kind !== void 0 ? _data_kind : "flow",
+    appearance: data.appearance,
+    borderWidth,
+    animation
+  });
+  var strokeValue = useStrokeValue(style.stroke);
+  var [d, labelX, labelY] = buildEdgePath(style.path, props);
+  var label = (_data_label = data.label) !== null && _data_label !== void 0 ? _data_label : typeof props.label === "string" ? props.label : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.BaseEdge, {
+      id: props.id,
+      path: d,
+      // Already a resolved `url(#...)`: React Flow builds the marker defs
+      // from the edges array, so the TYPE is chosen by `edgeMarkerEnd` where
+      // the edge is built, not here.
+      markerEnd: props.markerEnd,
+      style: {
+        stroke: `var(--mp-graph-edge-stroke, ${strokeValue})`,
+        strokeWidth: style.strokeWidth,
+        strokeDasharray: style.strokeDasharray,
+        animation: style.animation,
+        ...props.style
+      }
+    }), label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(EdgeLabel, {
+      label,
+      x: labelX,
+      y: labelY
+    }) : null]
+  });
+}
+function EdgeLabel(param) {
+  var {
+    label,
+    x,
+    y
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "GraphEdge"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.EdgeLabelRenderer, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      className: "mp-graph-edge-label",
+      position: "absolute",
+      transform: `translate(-50%, -50%) translate(${x}px, ${y}px)`,
+      pointerEvents: "none",
+      ...knobProps.surface,
+      ...knobProps.borderRadiusNested,
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        children: label
+      })
+    })
+  });
+}
+var GraphEdge = /* @__PURE__ */(0, import_react.memo)(GraphEdgeComponent);
+var graphEdgeTypes = {
+  [graphEdgeType]: GraphEdge
+};
+//# sourceMappingURL=GraphEdge.native.js.map

package/dist/cjs/edges/GraphEdge.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GraphEdge_exports","__export","GraphEdge","GraphEdgeComponent","buildEdgePath","graphEdgeType","graphEdgeTypes","useEdgeKnobs","module","exports","import_jsx_runtime","require","import_theme","import_theme2","import_react","import_tamagui","import_xy","import_edgeStyle","path","geometry","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","d","labelX","labelY","getBezierPath","d1","labelX1","labelY1","getStraightPath","d2","labelX2","labelY2","getSmoothStepPath","borderRadius","preset","usePresetContext","knobs","overrides","defaultKnobs","borderWidth","animation","useStrokeValue","stroke","_entry_get","theme","useTheme","entry","themeTokenName","get","call","props","_props_data","_data_kind","_data_label","data","style","resolveEdgeStyle","kind","appearance","strokeValue","label","jsxs","Fragment","children","jsx","BaseEdge","id","markerEnd"],"sources":["../../../src/edges/GraphEdge.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAaAC,MAAA,CAAAC,OAAA,GAAAd,YAAmD,CAAAK,iBAAA;AACnD,IAAAU,kBAA6B,GAAAC,OAAA;AAE7B,IAAAC,YAAA,GAAqBD,OAAA;AACrB,IAAAE,aAAA,GAAAF,OAA4C;AAC5C,IAAAG,YAMO,GAAAH,OAAA;AAEP,IAAAI,cAAA,GAAAJ,OAAiD;AAsH7C,IAAAK,SAAA,GAAAL,OAAA;AAnHG,IAAAM,gBAAM,GAAgBN,OAAA;AAwBtB,IAAAN,aAAS,gBAEd;AAEA,SAAMD,aAAWA,CAAAc,IAAA,EAASC,QAAS;EACnC;IAAAC,OAAQ;IAAMC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAN,QAAA;EAAA,QACPD,IAAA;IACH,aAAU;MAAA;QAAgC,IACxC,CAAAQ,CAAA,EAAAC,MAAA,EAAAC,MAAA,QAAAZ,SAAA,CAAAa,aAAA;UACAT,OAAA;UACAC,OAAA;UACAC,OAAA;UACAC,OAAA;UACAC,cAAA;UACDC;QACD;QACF,QACAC,CAAK,EACHC,MAAO,EACPC,MAAQ,CACV;MACA;IACA,KAAK;MAAA;QACH,KAAAE,EAAO,EAAAC,OAAG,EAAQC,OAAM,QAAIhB,SAAA,CAAAiB,eAAA;UAC1Bb,OAAA;UACAC,OAAA;UACAC,OAAA;UACAC;QAAA,EACA;QAAA,OACA,CACAO,EAAA,EACDC,OAAA,EACDC,OAAQ,CACV;MACF;IACF;IAYO,KAAS;MAAA;QACd,IAAM,CAAAE,EAAA,EAAAC,OAAS,EAAAC,OAAA,QAAApB,SAAA,CAAAqB,iBAAiB;UAC1BjB,OAAA;UACNC,OAAS;UACXC,OAAA;UAcAC,OAAS;UACDC,cAAQ;UACRC,cAAS;UAGTa,YAAQ,EAAApB,IAAO,KAAM;QAI3B;QACF,QAEOgB,EAAS,EACRC,OAAQ,EACRC,OAAE,CACR;MACE;EAAmB;AACF;AACjB,SACA7B,aAAA;EACF,IAACgC,MAAA,OAAA3B,YAAA,CAAA4B,gBAAA;EACD,IAAAC,KAAM,GAAAF,MAAA,GAAc;IACpB,GAAAA,MAAU,CAAAA,MAAQ,CAAAE,KAAM;IACxB,GAAAF,MAAM,CAAAG;EAEN,IAAA7B,aACE,CAAA8B,YAAA;EACE;IAAAC,WAAC,EAAAH,KAAA,CAAAG,WAAA;IAAAC,SAAA,EAAAJ,KAAA,CAAAI;EAAA;AACW;AACJ,SAINC,cAAWA,CAAAC,MAAM;EAAA,IAAAC,UACV;EAAA,IAAAC,KACL,OAAQlC,cAAA,CAAAmC,QAAA;EAA0C,IAAAC,KAClD,GAAAF,KAAA,KAAahC,gBAAM,CAAAmC,cAAA,EAAAL,MAAA;EAAA,IAAAhD,KACnB,GAAAoD,KAAA,SAAiB,IAAAA,KAAM,wBAAAH,UAAA,GAAAG,KAAA,CAAAE,GAAA,cAAAL,UAAA,uBAAAA,UAAA,CAAAM,IAAA,CAAAH,KAAA;EAAA,cACvBpD,KAAW,aAAM,GAAAA,KAAA;AAAA;AACR,SACXI,mBAAAoD,KAAA;EAAA,IAAAC,WAAA,EAAAC,UAAA,EAAAC,WAAA;EAAA,IACFC,IAAA,IAAAH,WAAA,GAAAD,KAAA,CAAAI,IAAA,cAAAH,WAAA,cAAAA,WAAA;EAAA,IACC;IAAAZ,WAAQ;IAAAC;EAAA,IAAAtC,YAAA;EAAoD,IAC/DqD,KAAA,OAAA3C,gBAAA,CAAA4C,gBAAA;IAEJC,IAAA,GAAAL,UAAA,GAAAE,IAAA,CAAAG,IAAA,cAAAL,UAAA,cAAAA,UAAA;IAYAM,UAAS,EAAAJ,IAAU,CAAEI,UAAU;IAC7BnB,WAAQ;IACRC;EAEI,EAAC;EAAA,IAAAmB,WAAA,GAAAlB,cAAA,CAAAc,KAAA,CAAAb,MAAA;EAAA,IACC,CAAArB,CAAA,EAAAC,MAAA,EAAUC,MAAA,IAAAxB,aAAA,CAAAwD,KAAA,CAAA1C,IAAA,EAAAqC,KAAA;EAAA,IACVU,KAAA,IAAAP,WAAS,GAAAC,IAAA,CAAAM,KAAA,cAAAP,WAAA,cAAAA,WAAA,UAAAH,KAAA,CAAAU,KAAA,gBAAAV,KAAA,CAAAU,KAAA;EAAA,OACT,eAAW,IAAAvD,kBAAA,CAAAwD,IAAmC,EAACxD,kBAAQ,CAAAyD,QAAA;IAAAC,QACvD,GACC,eAAa,IAAA1D,kBAAA,CAAA2D,GAAA,EAAArD,SAAA,CAAAsD,QAAA;MACbC,EAAG,EAAAhB,KAAA,CAAAgB,EAAU;MACbrD,IAAG,EAAAQ,CAAA;MAEJ;MAAwC;MAE5C;MAEJ8C,SAAA,EAAAjB,KAAA,CAAAiB,SAAA;MAEaZ,KAAA;QAGAb,MAAA,iCAAoCiB,WAAU","ignoreList":[]}

package/dist/cjs/edges/edgeKinds.cjs

@@ -0,0 +1,51 @@
+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 edgeKinds_exports = {};
+__export(edgeKinds_exports, {
+  builtinEdgeKindNames: () => builtinEdgeKindNames,
+  builtinEdgeKinds: () => builtinEdgeKinds
+});
+module.exports = __toCommonJS(edgeKinds_exports);
+const builtinEdgeKindNames = ["flow", "data", "error", "conditional"];
+const builtinEdgeKinds = {
+  flow: {
+    kind: "flow",
+    defaultData: {},
+    appearance: "flow"
+  },
+  data: {
+    kind: "data",
+    defaultData: {},
+    appearance: "data"
+  },
+  error: {
+    kind: "error",
+    defaultData: {},
+    appearance: "error"
+  },
+  conditional: {
+    kind: "conditional",
+    defaultData: {},
+    appearance: "conditional"
+  }
+};