@multiplatform.one/node-graph 7.7.2

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

@@ -0,0 +1,393 @@
+"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 useGraphController_exports = {};
+__export(useGraphController_exports, {
+  applyGraphCommand: () => applyGraphCommand,
+  defaultGraphNodeType: () => defaultGraphNodeType,
+  resetControllerWarnings: () => resetControllerWarnings,
+  useGraphController: () => useGraphController
+});
+module.exports = __toCommonJS(useGraphController_exports);
+var import_react = require("react");
+var import_model = require("../model/index.native.js");
+var import_layout = require("../layout/layout.native.js");
+var import_nodeMeasure = require("../nodes/nodeMeasure.native.js");
+var import_flowAdapter = require("./flowAdapter.native.js");
+var import_xy = require("./xy.native.js");
+var warned = /* @__PURE__ */new Set();
+function warnOnce(message) {
+  if (process.env.NODE_ENV === "production") return;
+  if (warned.has(message)) return;
+  warned.add(message);
+  console.warn(`[@multiplatform.one/node-graph] ${message}`);
+}
+function resetControllerWarnings() {
+  warned.clear();
+}
+var defaultGraphNodeType = "mpGraphNode";
+var emptyDocument = {
+  version: 1,
+  nodes: [],
+  edges: []
+};
+function positionsOf(nodes) {
+  var out = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var node = _step.value;
+      out[node.id] = node.position;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+function dragDeltas(document, nodes) {
+  var live = positionsOf(nodes);
+  var deltas = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = document.nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var node = _step.value;
+      var to = live[node.id];
+      if (!to) continue;
+      var dx = to.x - node.position.x;
+      var dy = to.y - node.position.y;
+      if (dx === 0 && dy === 0) continue;
+      deltas[node.id] = {
+        x: dx,
+        y: dy
+      };
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return deltas;
+}
+function useGraphController(options) {
+  var {
+    schema,
+    document: controlledDocument,
+    defaultDocument,
+    onDocumentChange,
+    onConnectionRefused,
+    readOnly = false,
+    size = "medium",
+    coarsePointer = false,
+    nodeType = defaultGraphNodeType,
+    readMeasuredSizes
+  } = options;
+  var controlled = controlledDocument !== void 0;
+  if (controlled && defaultDocument !== void 0) {
+    warnOnce("useGraphController received both `document` and `defaultDocument`. `document` wins; drop `defaultDocument` to silence this.");
+  }
+  var [ownDocument, setOwnDocument] = (0, import_react.useState)(function () {
+    var _ref;
+    return (_ref = defaultDocument !== null && defaultDocument !== void 0 ? defaultDocument : controlledDocument) !== null && _ref !== void 0 ? _ref : emptyDocument;
+  });
+  var document = controlled ? controlledDocument : ownDocument;
+  var history = (0, import_react.useMemo)(function () {
+    return (0, import_model.createHistory)(options.history);
+  },
+  // The journal is per-controller, not per-render. Rebuilding it on an
+  // inline `{ limit: 100 }` literal would silently erase the undo stack on
+  // every render of the parent.
+  // oxlint-disable-next-line exhaustive-deps
+  []);
+  var [historyVersion, setHistoryVersion] = (0, import_react.useState)(0);
+  var portSpacingPx = coarsePointer ? (0, import_nodeMeasure.portSpacing)({
+    coarsePointer
+  }) : import_nodeMeasure.FINE_PORT_PITCH;
+  var mapping = (0, import_react.useMemo)(function () {
+    return {
+      size,
+      portSpacingPx,
+      nodeType
+    };
+  }, [size, portSpacingPx, nodeType]);
+  var [nodes, setNodes] = (0, import_react.useState)(function () {
+    return (0, import_flowAdapter.toFlowNodes)(document, schema, mapping);
+  });
+  var [edges, setEdges] = (0, import_react.useState)(function () {
+    return (0, import_flowAdapter.toFlowEdges)(document, schema);
+  });
+  var nodesRef = (0, import_react.useRef)(nodes);
+  nodesRef.current = nodes;
+  var documentRef = (0, import_react.useRef)(document);
+  documentRef.current = document;
+  var schemaRef = (0, import_react.useRef)(schema);
+  schemaRef.current = schema;
+  (0, import_react.useEffect)(function () {
+    var current = schemaRef.current;
+    setNodes(function (previous) {
+      return (0, import_flowAdapter.preserveFlowState)((0, import_flowAdapter.toFlowNodes)(document, current, mapping), previous);
+    });
+    setEdges((0, import_flowAdapter.toFlowEdges)(document, current));
+  }, [document, schema.id, mapping]);
+  var commit = (0, import_react.useCallback)(function (command) {
+    var current = documentRef.current;
+    var next = history.commit(current, command);
+    setHistoryVersion(function (version) {
+      return version + 1;
+    });
+    if (!controlled) setOwnDocument(next);
+    documentRef.current = next;
+    onDocumentChange === null || onDocumentChange === void 0 ? void 0 : onDocumentChange(next, command);
+  }, [controlled, history, onDocumentChange]);
+  var onNodesChange = (0, import_react.useCallback)(function (changes) {
+    var next = (0, import_xy.applyNodeChanges)(changes, nodesRef.current);
+    nodesRef.current = next;
+    setNodes(next);
+    if (layoutTouchedRef.current) {
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = changes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var change = _step.value;
+          if (change.type === "position") layoutTouchedRef.current.add(change.id);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    }
+    if (readOnly) return;
+    var dragEnded = changes.some(function (change2) {
+      return change2.type === "position" && change2.dragging === false;
+    });
+    if (!dragEnded) return;
+    var deltas = dragDeltas(documentRef.current, next);
+    if (Object.keys(deltas).length === 0) return;
+    commit({
+      t: "moveNodes",
+      deltas
+    });
+  }, [commit, readOnly]);
+  var onEdgesChange = (0, import_react.useCallback)(function (changes) {
+    var next = (0, import_xy.applyEdgeChanges)(changes, edges);
+    setEdges(next);
+    if (readOnly) return;
+    var removed = changes.filter(function (change) {
+      return change.type === "remove";
+    }).map(function (change) {
+      return change.id;
+    });
+    if (removed.length === 0) return;
+    commit({
+      t: "removeEdges",
+      ids: removed
+    });
+  }, [commit, edges, readOnly]);
+  var connectionContext = (0, import_react.useCallback)(function (connection) {
+    if (!connection.source || !connection.target) return void 0;
+    if (!connection.sourceHandle || !connection.targetHandle) return void 0;
+    return {
+      document: documentRef.current,
+      schema,
+      source: {
+        node: connection.source,
+        port: connection.sourceHandle
+      },
+      target: {
+        node: connection.target,
+        port: connection.targetHandle
+      }
+    };
+  }, [schema]);
+  var isValidConnection = (0, import_react.useCallback)(function (connection) {
+    if (readOnly) return false;
+    var ctx = connectionContext(connection);
+    if (!ctx) return false;
+    return (0, import_model.validateConnection)(ctx).ok;
+  }, [connectionContext, readOnly]);
+  var onConnect = (0, import_react.useCallback)(function (connection) {
+    var _ref;
+    if (readOnly) return;
+    var ctx = connectionContext(connection);
+    if (!ctx) return;
+    var verdict = (0, import_model.validateDrop)(ctx);
+    if (!verdict.ok) {
+      onConnectionRefused === null || onConnectionRefused === void 0 ? void 0 : onConnectionRefused(verdict);
+      return;
+    }
+    var kind = defaultEdgeKind(schema);
+    if (!kind) return;
+    var spec = schema.edges[kind];
+    var edge = {
+      id: `${ctx.source.node}:${ctx.source.port}->${ctx.target.node}:${ctx.target.port}`,
+      kind,
+      source: ctx.source,
+      target: ctx.target,
+      // The kind's own `defaultData`. `E[kind]` cannot be proven from a
+      // runtime string, so the cast is at the ONE place the kind is chosen,
+      // not spread through the command type.
+      data: (_ref = spec === null || spec === void 0 ? void 0 : spec.defaultData) !== null && _ref !== void 0 ? _ref : {}
+    };
+    commit({
+      t: "addEdges",
+      edges: [edge]
+    });
+  }, [commit, connectionContext, onConnectionRefused, readOnly, schema]);
+  var measuredRef = (0, import_react.useRef)(readMeasuredSizes);
+  measuredRef.current = readMeasuredSizes;
+  var layoutGenerationRef = (0, import_react.useRef)(0);
+  var layoutTouchedRef = (0, import_react.useRef)(null);
+  var [layoutRunner, setLayoutRunner] = (0, import_react.useState)("none");
+  var [lastLayoutMs, setLastLayoutMs] = (0, import_react.useState)(null);
+  var [layoutPending, setLayoutPending] = (0, import_react.useState)(false);
+  var relayout = (0, import_react.useCallback)(async function () {
+    var layoutOptions = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _layoutTouchedRef_current, _result_runner;
+    var source = documentRef.current;
+    if (source.nodes.length === 0) return null;
+    var generation = layoutGenerationRef.current += 1;
+    layoutTouchedRef.current = /* @__PURE__ */new Set();
+    setLayoutPending(true);
+    var result;
+    try {
+      var _layoutOptions_measured;
+      var _measuredRef_current;
+      result = await (0, import_layout.layout)(source, schemaRef.current, {
+        ...layoutOptions,
+        size,
+        coarsePointer,
+        measured: (_layoutOptions_measured = layoutOptions.measured) !== null && _layoutOptions_measured !== void 0 ? _layoutOptions_measured : (_measuredRef_current = measuredRef.current) === null || _measuredRef_current === void 0 ? void 0 : _measuredRef_current.call(measuredRef)
+      });
+    } finally {
+      if (layoutGenerationRef.current === generation) setLayoutPending(false);
+    }
+    if (layoutGenerationRef.current !== generation) return result;
+    var touched = (_layoutTouchedRef_current = layoutTouchedRef.current) !== null && _layoutTouchedRef_current !== void 0 ? _layoutTouchedRef_current : /* @__PURE__ */new Set();
+    layoutTouchedRef.current = null;
+    setLayoutRunner((_result_runner = result.runner) !== null && _result_runner !== void 0 ? _result_runner : "inline");
+    setLastLayoutMs(result.ms);
+    if (readOnly) return result;
+    var positions = (0, import_layout.reconcilePositions)(result, touched);
+    if (Object.keys(positions).length === 0) return result;
+    (0, import_react.startTransition)(function () {
+      commit({
+        t: "setPositions",
+        positions
+      });
+    });
+    return result;
+  }, [coarsePointer, commit, readOnly, size]);
+  var undo = (0, import_react.useCallback)(function () {
+    var next = history.undo(documentRef.current);
+    setHistoryVersion(function (version) {
+      return version + 1;
+    });
+    if (next === documentRef.current) return;
+    if (!controlled) setOwnDocument(next);
+    documentRef.current = next;
+    onDocumentChange === null || onDocumentChange === void 0 ? void 0 : onDocumentChange(next, {
+      t: "batch",
+      commands: []
+    });
+  }, [controlled, history, onDocumentChange]);
+  var redo = (0, import_react.useCallback)(function () {
+    var next = history.redo(documentRef.current);
+    setHistoryVersion(function (version) {
+      return version + 1;
+    });
+    if (next === documentRef.current) return;
+    if (!controlled) setOwnDocument(next);
+    documentRef.current = next;
+    onDocumentChange === null || onDocumentChange === void 0 ? void 0 : onDocumentChange(next, {
+      t: "batch",
+      commands: []
+    });
+  }, [controlled, history, onDocumentChange]);
+  return {
+    document,
+    nodes,
+    edges,
+    onNodesChange,
+    onEdgesChange,
+    onConnect,
+    isValidConnection,
+    commit,
+    undo,
+    redo,
+    // `historyVersion` is what makes these re-read after a commit; the journal
+    // itself is a stable object, so nothing else would tell React to look.
+    canUndo: (0, import_react.useMemo)(function () {
+      return history.canUndo();
+    }, [history, historyVersion]),
+    canRedo: (0, import_react.useMemo)(function () {
+      return history.canRedo();
+    }, [history, historyVersion]),
+    relayout,
+    layoutRunner,
+    lastLayoutMs,
+    layoutPending
+  };
+}
+function defaultEdgeKind(schema) {
+  var names = Object.keys(schema.edges);
+  return names.includes("flow") ? "flow" : names[0];
+}
+function applyGraphCommand(document, command) {
+  return (0, import_model.applyCommand)(document, command);
+}
+//# sourceMappingURL=useGraphController.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useGraphController_exports","__export","applyGraphCommand","defaultGraphNodeType","resetControllerWarnings","useGraphController","module","exports","import_react","require","import_model","import_layout","import_nodeMeasure","import_flowAdapter","import_xy","warned","Set","warnOnce","message","process","env","NODE_ENV","has","add","console","warn","clear","emptyDocument","version","nodes","edges","positionsOf","out","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","node","id","position","err","return","dragDeltas","document","live","deltas","to","dx","x","dy","y","options","schema","controlledDocument","defaultDocument","onDocumentChange","onConnectionRefused","readOnly","size","coarsePointer","nodeType","readMeasuredSizes","controlled","ownDocument","setOwnDocument","useState","_ref","history","useMemo","createHistory","historyVersion","setHistoryVersion","portSpacingPx","portSpacing","FINE_PORT_PITCH","mapping","setNodes","toFlowNodes","setEdges","toFlowEdges","nodesRef","useRef","current","documentRef","schemaRef","useEffect","previous","preserveFlowState","commit","useCallback","command","onNodesChange","changes","applyNodeChanges","layoutTouchedRef","change","type","dragEnded","some","change2","dragging","Object","keys","length","t","onEdgesChange","applyEdgeChanges","removed","filter","map","ids","connectionContext","connection","source","target","sourceHandle","targetHandle","port","isValidConnection","ctx","validateConnection","ok","onConnect","verdict","validateDrop","kind","defaultEdgeKind","spec","edge","data","defaultData"],"sources":["../../../src/react-flow/useGraphController.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+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 xy_exports = {};
+__export(xy_exports, {
+  Background: () => import_react.Background,
+  BaseEdge: () => import_react.BaseEdge,
+  Controls: () => import_react.Controls,
+  EdgeLabelRenderer: () => import_react.EdgeLabelRenderer,
+  Handle: () => import_react.Handle,
+  MarkerType: () => import_react.MarkerType,
+  MiniMap: () => import_react.MiniMap,
+  Position: () => import_react.Position,
+  ReactFlow: () => import_react.ReactFlow,
+  ReactFlowProvider: () => import_react.ReactFlowProvider,
+  SelectionMode: () => import_react.SelectionMode,
+  ViewportPortal: () => import_react.ViewportPortal,
+  applyEdgeChanges: () => import_react.applyEdgeChanges,
+  applyNodeChanges: () => import_react.applyNodeChanges,
+  getBezierPath: () => import_react.getBezierPath,
+  getHandlePosition: () => import_system.getHandlePosition,
+  getSmoothStepPath: () => import_react.getSmoothStepPath,
+  getStraightPath: () => import_react.getStraightPath,
+  reactFlowNodeSelector: () => reactFlowNodeSelector,
+  reactFlowPaneSelector: () => reactFlowPaneSelector,
+  reactFlowViewportSelector: () => reactFlowViewportSelector,
+  useEdgesState: () => import_react.useEdgesState,
+  useNodesState: () => import_react.useNodesState,
+  useReactFlow: () => import_react.useReactFlow,
+  useStore: () => import_react.useStore,
+  useStoreApi: () => import_react.useStoreApi,
+  useUpdateNodeInternals: () => import_react.useUpdateNodeInternals,
+  xyflowVersion: () => xyflowVersion
+});
+module.exports = __toCommonJS(xy_exports);
+var import_system = require("@xyflow/system");
+var import_react = require("@xyflow/react");
+const xyflowVersion = "12.11.5";
+const reactFlowPaneSelector = ".react-flow__pane";
+const reactFlowNodeSelector = ".react-flow__node";
+const reactFlowViewportSelector = ".react-flow__viewport";

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

@@ -0,0 +1,63 @@
+"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 xy_exports = {};
+__export(xy_exports, {
+  Background: () => import_react.Background,
+  BaseEdge: () => import_react.BaseEdge,
+  Controls: () => import_react.Controls,
+  EdgeLabelRenderer: () => import_react.EdgeLabelRenderer,
+  Handle: () => import_react.Handle,
+  MarkerType: () => import_react.MarkerType,
+  MiniMap: () => import_react.MiniMap,
+  Position: () => import_react.Position,
+  ReactFlow: () => import_react.ReactFlow,
+  ReactFlowProvider: () => import_react.ReactFlowProvider,
+  SelectionMode: () => import_react.SelectionMode,
+  ViewportPortal: () => import_react.ViewportPortal,
+  applyEdgeChanges: () => import_react.applyEdgeChanges,
+  applyNodeChanges: () => import_react.applyNodeChanges,
+  getBezierPath: () => import_react.getBezierPath,
+  getHandlePosition: () => import_system.getHandlePosition,
+  getSmoothStepPath: () => import_react.getSmoothStepPath,
+  getStraightPath: () => import_react.getStraightPath,
+  reactFlowNodeSelector: () => reactFlowNodeSelector,
+  reactFlowPaneSelector: () => reactFlowPaneSelector,
+  reactFlowViewportSelector: () => reactFlowViewportSelector,
+  useEdgesState: () => import_react.useEdgesState,
+  useNodesState: () => import_react.useNodesState,
+  useReactFlow: () => import_react.useReactFlow,
+  useStore: () => import_react.useStore,
+  useStoreApi: () => import_react.useStoreApi,
+  useUpdateNodeInternals: () => import_react.useUpdateNodeInternals,
+  xyflowVersion: () => xyflowVersion
+});
+module.exports = __toCommonJS(xy_exports);
+var import_system = require("@xyflow/system");
+var import_react = require("@xyflow/react");
+var xyflowVersion = "12.11.5";
+var reactFlowPaneSelector = ".react-flow__pane";
+var reactFlowNodeSelector = ".react-flow__node";
+var reactFlowViewportSelector = ".react-flow__viewport";
+//# sourceMappingURL=xy.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","xy_exports","__export","Background","import_react","BaseEdge","Controls","EdgeLabelRenderer","Handle","MarkerType","MiniMap","Position","ReactFlow","ReactFlowProvider","SelectionMode","ViewportPortal","applyEdgeChanges","applyNodeChanges","getBezierPath","getHandlePosition","import_system","getSmoothStepPath","getStraightPath","reactFlowNodeSelector","reactFlowPaneSelector","reactFlowViewportSelector","useEdgesState","useNodesState","useReactFlow","useStore","useStoreApi","useUpdateNodeInternals","xyflowVersion","module","exports","require"],"sources":["../../../src/react-flow/xy.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAC,YAAA,CAAAD,UAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAD,YAAA,CAAAC,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAF,YAAA,CAAAE,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAH,YAAA,CAAAG,iBAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAJ,YAAA,CAAAI,MAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAL,YAAA,CAAAK,UAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAN,YAAA,CAAAM,OAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAP,YAAA,CAAAO,QAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAR,YAAA,CAAAQ,SAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAT,YAAA,CAAAS,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAV,YAAA,CAAAU,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAX,YAAA,CAAAW,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAZ,YAAA,CAAAY,gBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAb,YAAA,CAAAa,gBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAd,YAAA,CAAAc,aAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAC,aAAA,CAAAD,iBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAjB,YAAA,CAAAiB,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAlB,YAAA,CAAAkB,eAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA,yBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAtB,YAAA,CAAAsB,aAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAvB,YAAA,CAAAuB,aAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAxB,YAAA,CAAAwB,YAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAzB,YAAA,CAAAyB,QAAA;EAAAC,WAAA,EAAAA,CAAA,KAAA1B,YAAA,CAAA0B,WAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAA3B,YAAA,CAAA2B,sBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AA0BAC,MAAA,CAAAC,OAAA,GAAAtC,YAAkC,CAAAK,UAAA;AAGlC,IAAAmB,aAAA,GA8BOe,OAAA;AAkCA,IAAA/B,YAAM,GAAA+B,OAAgB;AActB,IAAAH,aAAM;AAYN,IAAAR,qBAAM,sBAAwB;AAW9B,IAAAD,qBAAM,sBAA4B","ignoreList":[]}

package/dist/cjs/theme/GraphFaces.cjs

@@ -0,0 +1,114 @@
+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 GraphFaces_exports = {};
+__export(GraphFaces_exports, {
+  GraphFaces: () => GraphFaces,
+  useGraphFaces: () => useGraphFaces
+});
+module.exports = __toCommonJS(GraphFaces_exports);
+var import_react = require("react");
+var import_faces = require("./faces.cjs");
+var import_faces2 = require("./faces.generated");
+var import_jsx_runtime = require("react/jsx-runtime");
+function faceQuery(face) {
+  return `${face.weight} 16px "${face.family}"`;
+}
+async function loadWithin(query, timeoutMs) {
+  const fonts = typeof document === "undefined" ? void 0 : document.fonts;
+  if (!fonts) return false;
+  const timed = new Promise(resolve => {
+    setTimeout(() => resolve(false), timeoutMs);
+  });
+  const loaded = fonts.load(query).then(matched => matched.length > 0 && fonts.check(query)).catch(() => false);
+  return Promise.race([loaded, timed]);
+}
+function useGraphFaces(faces, assetUris, timeoutMs) {
+  const requested = (0, import_react.useMemo)(() => assetUris ?? {}, [assetUris]);
+  const [resolved, setResolved] = (0, import_react.useState)({});
+  const requestedKey = (0, import_react.useMemo)(() => JSON.stringify(requested), [requested]);
+  const facesKey = (0, import_react.useMemo)(() => faces.map(face => face.id).join(","), [faces]);
+  (0, import_react.useEffect)(() => {
+    let live = true;
+    const run = async () => {
+      const next = {};
+      for (const face of faces) {
+        const query = faceQuery(face);
+        if (requested[face.id]) {
+          const ok = await loadWithin(query, timeoutMs);
+          if (ok) {
+            next[face.id] = "asset";
+            continue;
+          }
+          next[face.id] = "inline";
+          continue;
+        }
+        const landed = await loadWithin(query, timeoutMs);
+        next[face.id] = landed ? "inline" : "failed";
+      }
+      if (live) setResolved(next);
+    };
+    void run();
+    return () => {
+      live = false;
+    };
+  }, [facesKey, requestedKey, timeoutMs]);
+  const uris = (0, import_react.useMemo)(() => {
+    const out = {};
+    for (const face of faces) {
+      const uri = requested[face.id];
+      if (uri && resolved[face.id] !== "inline") out[face.id] = uri;
+    }
+    return out;
+  }, [faces, requested, resolved]);
+  const statuses = (0, import_react.useMemo)(() => faces.map(face => ({
+    id: face.id,
+    family: face.family,
+    weight: face.weight,
+    source: resolved[face.id] ?? "pending"
+  })), [faces, resolved]);
+  return {
+    uris,
+    statuses
+  };
+}
+function GraphFaces({
+  faces = import_faces2.generatedGraphFaces,
+  assetUris,
+  timeoutMs = 1500,
+  onStatus
+}) {
+  const {
+    uris,
+    statuses
+  } = useGraphFaces(faces, assetUris, timeoutMs);
+  const sheet = (0, import_react.useMemo)(() => (0, import_faces.graphFaceCss)(faces, uris), [faces, uris]);
+  (0, import_react.useEffect)(() => {
+    onStatus?.(statuses);
+  }, [onStatus, statuses]);
+  if (typeof document === "undefined") return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+    "data-mpo-graph-faces": String(faces.length),
+    suppressHydrationWarning: true,
+    children: sheet
+  });
+}