@liveblocks/react-flow 3.17.0-rc1 → 3.18.0-rc1

package/dist/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../src/helpers.ts"],"sourcesContent":["import type { JsonObject, SyncConfig } from \"@liveblocks/core\";\nimport { LiveObject } from \"@liveblocks/core\";\nimport type { Edge, Node } from \"@xyflow/react\";\n\nimport { EDGE_BASE_CONFIG, NODE_BASE_CONFIG } from \"./constants\";\nimport type {\n  InternalLiveblocksEdge,\n  InternalLiveblocksNode,\n  LiveblocksEdge,\n  LiveblocksNode,\n} from \"./types\";\n\nexport function toLiveblocksInternalNode<N extends Node>(\n  node: N,\n  config: SyncConfig\n): InternalLiveblocksNode {\n  return LiveObject.from(\n    node as unknown as JsonObject,\n    config\n  ) as InternalLiveblocksNode;\n}\n\nexport function toLiveblocksInternalEdge<E extends Edge>(\n  edge: E,\n  config: SyncConfig\n): InternalLiveblocksEdge {\n  return LiveObject.from(\n    edge as unknown as JsonObject,\n    config\n  ) as InternalLiveblocksEdge;\n}\n\n/**\n * @experimental\n *\n * Converts a React Flow `Node` into a Liveblocks Storage version.\n * Keys marked `false` in config are set as local-only (not synced).\n * Keys marked `\"atomic\"` are stored as plain Json (no deep wrapping).\n * All other keys are deep-liveified (objects→LiveObject, arrays→LiveList).\n */\nexport function toLiveblocksNode<N extends Node>(\n  node: N,\n  config?: SyncConfig\n): LiveblocksNode<N> {\n  return toLiveblocksInternalNode(node, {\n    ...NODE_BASE_CONFIG,\n    data: config,\n  }) as unknown as LiveblocksNode<N>;\n}\n\n/**\n * @experimental\n *\n * Converts a React Flow `Edge` into a Liveblocks Storage version.\n * Keys marked `false` in config are set as local-only (not synced).\n * Keys marked `\"atomic\"` are stored as plain Json (no deep wrapping).\n * All other keys are deep-liveified (objects→LiveObject, arrays→LiveList).\n */\nexport function toLiveblocksEdge<E extends Edge>(\n  edge: E,\n  config?: SyncConfig\n): LiveblocksEdge<E> {\n  return toLiveblocksInternalEdge(edge, {\n    ...EDGE_BASE_CONFIG,\n    data: config,\n  }) as unknown as LiveblocksEdge<E>;\n}\n"],"names":[],"mappings":";;;AAYgB,SAAA,wBAAA,CACd,MACA,MACwB,EAAA;AACxB,EAAA,OAAO,UAAW,CAAA,IAAA;AAAA,IAChB,IAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA;AAEgB,SAAA,wBAAA,CACd,MACA,MACwB,EAAA;AACxB,EAAA,OAAO,UAAW,CAAA,IAAA;AAAA,IAChB,IAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA;AAUgB,SAAA,gBAAA,CACd,MACA,MACmB,EAAA;AACnB,EAAA,OAAO,yBAAyB,IAAM,EAAA;AAAA,IACpC,GAAG,gBAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACP,CAAA,CAAA;AACH,CAAA;AAUgB,SAAA,gBAAA,CACd,MACA,MACmB,EAAA;AACnB,EAAA,OAAO,yBAAyB,IAAM,EAAA;AAAA,IACpC,GAAG,gBAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACP,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"helpers.js","sources":["../src/helpers.ts"],"sourcesContent":["import type { JsonObject, SyncConfig, SyncMode } from \"@liveblocks/core\";\nimport { LiveObject } from \"@liveblocks/core\";\nimport type { Edge, Node } from \"@xyflow/react\";\n\nimport type { InternalLiveblocksEdge, InternalLiveblocksNode } from \"./types\";\n\nexport const DEFAULT_STORAGE_KEY = \"flow\";\n\n// React Flow specific versions of `SyncConfig` that only allow keys that are actually exposed by React Flow.\ntype NodeSyncConfig = { [K in keyof Node]?: SyncMode };\ntype EdgeSyncConfig = { [K in keyof Edge]?: SyncMode };\n\nexport const NODE_BASE_CONFIG = {\n  // Local-only (not synced)\n  selected: false,\n  dragging: false,\n  measured: false,\n  resizing: false,\n\n  // Atomic (synced as plain Json)\n  position: \"atomic\",\n  sourcePosition: \"atomic\",\n  targetPosition: \"atomic\",\n  extent: \"atomic\",\n  origin: \"atomic\",\n  handles: \"atomic\",\n\n  // Note: the `data` key is intentionally left out of this base config, as it\n  // is expected to be provided by the end user\n} as const satisfies NodeSyncConfig;\n\nexport const EDGE_BASE_CONFIG = {\n  // Local-only (not synced)\n  selected: false,\n\n  // Atomic (synced as plain Json)\n  markerStart: \"atomic\",\n  markerEnd: \"atomic\",\n  label: \"atomic\",\n  labelBgPadding: \"atomic\",\n\n  // Note: the `data` key is intentionally left out of this base config, as it\n  // is expected to be provided by the end user\n} as const satisfies EdgeSyncConfig;\n\n/**\n * Merges a base config with per-type user data configs, returning a lookup\n * function that resolves the full SyncConfig for a given type string.\n */\nexport function buildFlowDataConfigCache(\n  base: SyncConfig,\n  data?: Record<string, SyncConfig | undefined>\n): (type: string | undefined) => SyncConfig {\n  if (!data) return () => base;\n\n  const dataFallback = data[\"*\"];\n  const fallback = dataFallback ? { ...base, data: dataFallback } : base;\n\n  // Pre-compute full sync configs for all explicitly declared types\n  const cache = new Map<string | undefined, SyncConfig>();\n  for (const type in data) {\n    if (type === \"*\") continue;\n    const specific = data[type];\n    if (!specific) continue;\n    const dataConfig: SyncConfig = { ...dataFallback, ...specific };\n    cache.set(type, { ...base, data: dataConfig });\n  }\n\n  return (type) => cache.get(type) || fallback;\n}\n\nexport function buildNodeConfigCache(\n  nodeDataConfig?: Record<string, SyncConfig | undefined>\n): (type: string | undefined) => SyncConfig {\n  return buildFlowDataConfigCache(NODE_BASE_CONFIG, nodeDataConfig);\n}\n\nexport function buildEdgeConfigCache(\n  edgeDataConfig?: Record<string, SyncConfig | undefined>\n): (type: string | undefined) => SyncConfig {\n  return buildFlowDataConfigCache(EDGE_BASE_CONFIG, edgeDataConfig);\n}\n\nexport function toLiveblocksInternalNode<N extends Node>(\n  node: N,\n  config: SyncConfig\n): InternalLiveblocksNode {\n  return LiveObject.from(\n    node as unknown as JsonObject,\n    config\n  ) as InternalLiveblocksNode;\n}\n\nexport function toLiveblocksInternalEdge<E extends Edge>(\n  edge: E,\n  config: SyncConfig\n): InternalLiveblocksEdge {\n  return LiveObject.from(\n    edge as unknown as JsonObject,\n    config\n  ) as InternalLiveblocksEdge;\n}\n"],"names":[],"mappings":";;AAMO,MAAM,mBAAsB,GAAA,OAAA;AAM5B,MAAM,gBAAmB,GAAA;AAAA;AAAA,EAE9B,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,KAAA;AAAA;AAAA,EAGV,QAAU,EAAA,QAAA;AAAA,EACV,cAAgB,EAAA,QAAA;AAAA,EAChB,cAAgB,EAAA,QAAA;AAAA,EAChB,MAAQ,EAAA,QAAA;AAAA,EACR,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,QAAA;AAAA;AAAA;AAIX,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA;AAAA,EAE9B,QAAU,EAAA,KAAA;AAAA;AAAA,EAGV,WAAa,EAAA,QAAA;AAAA,EACb,SAAW,EAAA,QAAA;AAAA,EACX,KAAO,EAAA,QAAA;AAAA,EACP,cAAgB,EAAA,QAAA;AAAA;AAAA;AAIlB,EAAA;AAMgB,SAAA,wBAAA,CACd,MACA,IAC0C,EAAA;AAC1C,EAAA,IAAI,CAAC,IAAA;AAAM,IAAA,OAAO,MAAM,IAAA,CAAA;AAExB,EAAM,MAAA,YAAA,GAAe,KAAK,GAAG,CAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,YAAe,GAAA,EAAE,GAAG,IAAM,EAAA,IAAA,EAAM,cAAiB,GAAA,IAAA,CAAA;AAGlE,EAAM,MAAA,KAAA,uBAAY,GAAoC,EAAA,CAAA;AACtD,EAAA,KAAA,MAAW,QAAQ,IAAM,EAAA;AACvB,IAAA,IAAI,IAAS,KAAA,GAAA;AAAK,MAAA,SAAA;AAClB,IAAM,MAAA,QAAA,GAAW,KAAK,IAAI,CAAA,CAAA;AAC1B,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,SAAA;AACf,IAAA,MAAM,UAAyB,GAAA,EAAE,GAAG,YAAA,EAAc,GAAG,QAAS,EAAA,CAAA;AAC9D,IAAA,KAAA,CAAM,IAAI,IAAM,EAAA,EAAE,GAAG,IAAM,EAAA,IAAA,EAAM,YAAY,CAAA,CAAA;AAAA,GAC/C;AAEA,EAAA,OAAO,CAAC,IAAA,KAAS,KAAM,CAAA,GAAA,CAAI,IAAI,CAAK,IAAA,QAAA,CAAA;AACtC,CAAA;AAEO,SAAS,qBACd,cAC0C,EAAA;AAC1C,EAAO,OAAA,wBAAA,CAAyB,kBAAkB,cAAc,CAAA,CAAA;AAClE,CAAA;AAEO,SAAS,qBACd,cAC0C,EAAA;AAC1C,EAAO,OAAA,wBAAA,CAAyB,kBAAkB,cAAc,CAAA,CAAA;AAClE,CAAA;AAEgB,SAAA,wBAAA,CACd,MACA,MACwB,EAAA;AACxB,EAAA,OAAO,UAAW,CAAA,IAAA;AAAA,IAChB,IAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA;AAEgB,SAAA,wBAAA,CACd,MACA,MACwB,EAAA;AACxB,EAAA,OAAO,UAAW,CAAA,IAAA;AAAA,IAChB,IAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/index.cjs

@@ -4,12 +4,9 @@ var core = require('@liveblocks/core');
 var version = require('./version.cjs');
 var cursors = require('./cursors.cjs');
 var flow = require('./flow.cjs');
-var helpers = require('./helpers.cjs');
 
 core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
 
 exports.Cursors = cursors.Cursors;
 exports.useLiveblocksFlow = flow.useLiveblocksFlow;
-exports.toLiveblocksEdge = helpers.toLiveblocksEdge;
-exports.toLiveblocksNode = helpers.toLiveblocksNode;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { CursorsCursorProps, CursorsProps } from \"./cursors\";\nexport { Cursors } from \"./cursors\";\nexport { useLiveblocksFlow } from \"./flow\";\nexport { toLiveblocksEdge, toLiveblocksNode } from \"./helpers\";\nexport type {\n  EdgeSyncConfig,\n  LiveblocksEdge,\n  LiveblocksFlow,\n  LiveblocksNode,\n  NodeSyncConfig,\n  SyncConfig,\n  SyncMode,\n} from \"./types\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { CursorsCursorProps, CursorsProps } from \"./cursors\";\nexport { Cursors } from \"./cursors\";\nexport { useLiveblocksFlow } from \"./flow\";\nexport type {\n  EdgeSyncConfig,\n  LiveblocksEdge,\n  LiveblocksFlow,\n  LiveblocksNode,\n  NodeSyncConfig,\n  SyncConfig,\n  SyncMode,\n} from \"./types\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;"}

package/dist/index.d.cts

@@ -244,23 +244,4 @@ declare function useLiveblocksFlow<N extends Node = BuiltInNode, E extends Edge
     suspense: true;
 }): Resolve<LiveblocksFlowSuspenseResult<N, E>>;
 
-/**
- * @experimental
- *
- * Converts a React Flow `Node` into a Liveblocks Storage version.
- * Keys marked `false` in config are set as local-only (not synced).
- * Keys marked `"atomic"` are stored as plain Json (no deep wrapping).
- * All other keys are deep-liveified (objects→LiveObject, arrays→LiveList).
- */
-declare function toLiveblocksNode<N extends Node>(node: N, config?: SyncConfig): LiveblocksNode<N>;
-/**
- * @experimental
- *
- * Converts a React Flow `Edge` into a Liveblocks Storage version.
- * Keys marked `false` in config are set as local-only (not synced).
- * Keys marked `"atomic"` are stored as plain Json (no deep wrapping).
- * All other keys are deep-liveified (objects→LiveObject, arrays→LiveList).
- */
-declare function toLiveblocksEdge<E extends Edge>(edge: E, config?: SyncConfig): LiveblocksEdge<E>;
-
-export { Cursors, CursorsCursorProps, CursorsProps, EdgeSyncConfig, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, NodeSyncConfig, toLiveblocksEdge, toLiveblocksNode, useLiveblocksFlow };
+export { Cursors, CursorsCursorProps, CursorsProps, EdgeSyncConfig, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, NodeSyncConfig, useLiveblocksFlow };

package/dist/index.d.ts

@@ -244,23 +244,4 @@ declare function useLiveblocksFlow<N extends Node = BuiltInNode, E extends Edge
     suspense: true;
 }): Resolve<LiveblocksFlowSuspenseResult<N, E>>;
 
-/**
- * @experimental
- *
- * Converts a React Flow `Node` into a Liveblocks Storage version.
- * Keys marked `false` in config are set as local-only (not synced).
- * Keys marked `"atomic"` are stored as plain Json (no deep wrapping).
- * All other keys are deep-liveified (objects→LiveObject, arrays→LiveList).
- */
-declare function toLiveblocksNode<N extends Node>(node: N, config?: SyncConfig): LiveblocksNode<N>;
-/**
- * @experimental
- *
- * Converts a React Flow `Edge` into a Liveblocks Storage version.
- * Keys marked `false` in config are set as local-only (not synced).
- * Keys marked `"atomic"` are stored as plain Json (no deep wrapping).
- * All other keys are deep-liveified (objects→LiveObject, arrays→LiveList).
- */
-declare function toLiveblocksEdge<E extends Edge>(edge: E, config?: SyncConfig): LiveblocksEdge<E>;
-
-export { Cursors, CursorsCursorProps, CursorsProps, EdgeSyncConfig, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, NodeSyncConfig, toLiveblocksEdge, toLiveblocksNode, useLiveblocksFlow };
+export { Cursors, CursorsCursorProps, CursorsProps, EdgeSyncConfig, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, NodeSyncConfig, useLiveblocksFlow };

package/dist/index.js

@@ -2,7 +2,6 @@ import { detectDupes } from '@liveblocks/core';
 import { PKG_NAME, PKG_VERSION, PKG_FORMAT } from './version.js';
 export { Cursors } from './cursors.js';
 export { useLiveblocksFlow } from './flow.js';
-export { toLiveblocksEdge, toLiveblocksNode } from './helpers.js';
 
 detectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { CursorsCursorProps, CursorsProps } from \"./cursors\";\nexport { Cursors } from \"./cursors\";\nexport { useLiveblocksFlow } from \"./flow\";\nexport { toLiveblocksEdge, toLiveblocksNode } from \"./helpers\";\nexport type {\n  EdgeSyncConfig,\n  LiveblocksEdge,\n  LiveblocksFlow,\n  LiveblocksNode,\n  NodeSyncConfig,\n  SyncConfig,\n  SyncMode,\n} from \"./types\";\n"],"names":[],"mappings":";;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { CursorsCursorProps, CursorsProps } from \"./cursors\";\nexport { Cursors } from \"./cursors\";\nexport { useLiveblocksFlow } from \"./flow\";\nexport type {\n  EdgeSyncConfig,\n  LiveblocksEdge,\n  LiveblocksFlow,\n  LiveblocksNode,\n  NodeSyncConfig,\n  SyncConfig,\n  SyncMode,\n} from \"./types\";\n"],"names":[],"mappings":";;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}

package/dist/node.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var core = require('@liveblocks/core');
+var helpers = require('./helpers.cjs');
+
+async function mutateFlow(options, callback) {
+  const { client, roomId } = options;
+  const storageKey = options.storageKey ?? helpers.DEFAULT_STORAGE_KEY;
+  const getNodeSyncConfig = helpers.buildNodeConfigCache(options.nodes?.sync);
+  const getEdgeSyncConfig = helpers.buildEdgeConfigCache(options.edges?.sync);
+  const nodeListCache = /* @__PURE__ */ new WeakMap();
+  const edgeListCache = /* @__PURE__ */ new WeakMap();
+  await client.mutateStorage(roomId, async ({ root }) => {
+    let flow = root.get(storageKey);
+    if (!flow) {
+      const newFlow = new core.LiveObject({
+        nodes: new core.LiveMap(),
+        edges: new core.LiveMap()
+      });
+      root.set(storageKey, newFlow);
+      flow = newFlow;
+    }
+    const nodesLiveMap = flow.get("nodes");
+    const edgesLiveMap = flow.get("edges");
+    function getNodes() {
+      const nodeMap = nodesLiveMap.toJSON();
+      if (!nodeListCache.has(nodeMap)) {
+        nodeListCache.set(nodeMap, Object.values(nodeMap));
+      }
+      return nodeListCache.get(nodeMap);
+    }
+    function getEdges() {
+      const edgeMap = edgesLiveMap.toJSON();
+      if (!edgeListCache.has(edgeMap)) {
+        edgeListCache.set(edgeMap, Object.values(edgeMap));
+      }
+      return edgeListCache.get(edgeMap);
+    }
+    function getNode(id) {
+      return nodesLiveMap.get(id)?.toJSON();
+    }
+    function getEdge(id) {
+      return edgesLiveMap.get(id)?.toJSON();
+    }
+    function upsertNode(id, newNode) {
+      const existing = nodesLiveMap.get(id);
+      const syncConfig = getNodeSyncConfig(newNode.type);
+      if (!existing) {
+        nodesLiveMap.set(id, helpers.toLiveblocksInternalNode(newNode, syncConfig));
+      } else {
+        existing.reconcile(newNode, syncConfig);
+      }
+    }
+    function upsertEdge(id, newEdge) {
+      const existing = edgesLiveMap.get(id);
+      const syncConfig = getEdgeSyncConfig(newEdge.type);
+      if (!existing) {
+        edgesLiveMap.set(id, helpers.toLiveblocksInternalEdge(newEdge, syncConfig));
+      } else {
+        existing.reconcile(newEdge, syncConfig);
+      }
+    }
+    const mutableFlow = {
+      get nodes() {
+        return getNodes();
+      },
+      get edges() {
+        return getEdges();
+      },
+      toJSON() {
+        return { nodes: getNodes(), edges: getEdges() };
+      },
+      getNode,
+      getEdge,
+      addNode(node) {
+        upsertNode(node.id, node);
+      },
+      addNodes(nodes) {
+        for (const node of nodes) {
+          mutableFlow.addNode(node);
+        }
+      },
+      updateNode(id, partialOrUpdater) {
+        const oldNode = getNode(id);
+        if (!oldNode)
+          return;
+        let newNode;
+        if (typeof partialOrUpdater === "function") {
+          newNode = partialOrUpdater(oldNode);
+        } else {
+          newNode = { ...oldNode, ...partialOrUpdater };
+        }
+        return upsertNode(id, newNode);
+      },
+      updateNodeData(id, partialOrUpdater) {
+        return mutableFlow.updateNode(id, (node) => {
+          const currData = node.data ?? {};
+          const newData = typeof partialOrUpdater === "function" ? partialOrUpdater(currData) : { ...currData, ...partialOrUpdater };
+          return { ...node, data: newData };
+        });
+      },
+      removeNode(id) {
+        nodesLiveMap.delete(id);
+      },
+      removeNodes(ids) {
+        for (const id of ids) {
+          nodesLiveMap.delete(id);
+        }
+      },
+      addEdge(edge) {
+        upsertEdge(edge.id, edge);
+      },
+      addEdges(edges) {
+        for (const edge of edges) {
+          mutableFlow.addEdge(edge);
+        }
+      },
+      updateEdge(id, partialOrUpdater) {
+        const oldEdge = getEdge(id);
+        if (!oldEdge)
+          return;
+        let newEdge;
+        if (typeof partialOrUpdater === "function") {
+          newEdge = partialOrUpdater(oldEdge);
+        } else {
+          newEdge = { ...oldEdge, ...partialOrUpdater };
+        }
+        return upsertEdge(id, newEdge);
+      },
+      updateEdgeData(id, partialOrUpdater) {
+        return mutableFlow.updateEdge(id, (edge) => {
+          const currData = edge.data;
+          const newData = typeof partialOrUpdater === "function" ? partialOrUpdater(currData) : { ...currData, ...partialOrUpdater };
+          return { ...edge, data: newData };
+        });
+      },
+      removeEdge(id) {
+        edgesLiveMap.delete(id);
+      },
+      removeEdges(ids) {
+        for (const id of ids) {
+          edgesLiveMap.delete(id);
+        }
+      }
+    };
+    await callback(mutableFlow);
+  });
+}
+
+exports.mutateFlow = mutateFlow;
+//# sourceMappingURL=node.cjs.map

package/dist/node.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.cjs","sources":["../src/node.ts"],"sourcesContent":["import type { JsonObject, LsonObject } from \"@liveblocks/core\";\nimport { LiveMap, LiveObject } from \"@liveblocks/core\";\nimport type { BuiltInEdge, BuiltInNode, Edge, Node } from \"@xyflow/react\";\n\nimport {\n  buildEdgeConfigCache,\n  buildNodeConfigCache,\n  DEFAULT_STORAGE_KEY,\n  toLiveblocksInternalEdge,\n  toLiveblocksInternalNode,\n} from \"./helpers\";\nimport type {\n  EdgeSyncConfig,\n  InternalLiveblocksFlow,\n  NodeSyncConfig,\n} from \"./types\";\n\n/**\n * A minimal interface for the Liveblocks Node client — just the\n * `mutateStorage` method we actually need. This avoids importing\n * `@liveblocks/node` as a dependency.\n */\ninterface ILiveblocksClient {\n  mutateStorage(\n    roomId: string,\n    callback: (context: {\n      root: LiveObject<LsonObject>;\n    }) => void | Promise<void>\n  ): Promise<void>;\n}\n\n/** Options for `mutateFlow()`. */\nexport interface MutateFlowOptions<\n  N extends Node = BuiltInNode,\n  E extends Edge = BuiltInEdge,\n> {\n  client: ILiveblocksClient;\n  roomId: string;\n  storageKey?: string;\n  nodes?: { sync?: NodeSyncConfig<N> };\n  edges?: { sync?: EdgeSyncConfig<E> };\n}\n\nexport interface MutableFlow<N extends Node, E extends Edge> {\n  readonly nodes: readonly N[];\n  readonly edges: readonly E[];\n  toJSON(): {\n    nodes: readonly N[];\n    edges: readonly E[];\n  };\n\n  getNode(id: string): N | undefined;\n  getEdge(id: string): E | undefined;\n\n  addNode(node: N): void;\n  addNodes(nodes: N[]): void;\n  updateNode(id: string, partial: Partial<N>): void;\n  updateNode(id: string, updater: (node: N) => N): void;\n  updateNodeData(id: string, partial: Partial<N[\"data\"]>): void;\n  updateNodeData<D extends N[\"data\"]>(\n    id: string,\n    updater: (data: D) => D\n  ): void;\n  removeNode(id: string): void;\n  removeNodes(ids: string[]): void;\n\n  addEdge(edge: E): void;\n  addEdges(edges: E[]): void;\n  updateEdge(id: string, partial: Partial<E>): void;\n  updateEdge(id: string, updater: (edge: E) => E): void;\n  updateEdgeData(id: string, partial: Partial<NonNullable<E[\"data\"]>>): void;\n  updateEdgeData<D extends E[\"data\"]>(\n    id: string,\n    updater: (data: D) => D\n  ): void;\n  removeEdge(id: string): void;\n  removeEdges(ids: string[]): void;\n}\n\n/**\n * Opens a \"Flow document\" (a collection of nodes and edges) for reading and\n * mutating, then automatically flushes all changes when the callback\n * completes.\n *\n * @example\n * ```ts\n * await mutateFlow({ client, roomId: \"my-room\" }, (flow) => {\n *   flow.addNode({ id: \"1\", position: { x: 0, y: 0 }, data: {} });\n *   flow.updateNodeData(\"1\", { label: \"Hello\" });\n * });\n * ```\n */\nexport async function mutateFlow<\n  N extends Node = BuiltInNode,\n  E extends Edge = BuiltInEdge,\n>(\n  options: MutateFlowOptions<N, E>,\n  callback: (flow: MutableFlow<N, E>) => void | Promise<void>\n): Promise<void> {\n  const { client, roomId } = options;\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;\n\n  const getNodeSyncConfig = buildNodeConfigCache(options.nodes?.sync);\n  const getEdgeSyncConfig = buildEdgeConfigCache(options.edges?.sync);\n\n  const nodeListCache = new WeakMap<Record<string, N>, N[]>();\n  const edgeListCache = new WeakMap<Record<string, E>, E[]>();\n\n  await client.mutateStorage(roomId, async ({ root }) => {\n    let flow = root.get(storageKey) as InternalLiveblocksFlow | undefined;\n    if (!flow) {\n      const newFlow = new LiveObject({\n        nodes: new LiveMap(),\n        edges: new LiveMap(),\n      }) satisfies InternalLiveblocksFlow;\n      root.set(storageKey, newFlow);\n      flow = newFlow;\n    }\n\n    const nodesLiveMap = flow.get(\"nodes\");\n    const edgesLiveMap = flow.get(\"edges\");\n\n    function getNodes(): readonly N[] {\n      const nodeMap = nodesLiveMap.toJSON() as unknown as Record<string, N>;\n      if (!nodeListCache.has(nodeMap)) {\n        // TODO (LB-3665): To support sub-nodes, this function will need to emit nodes\n        // in topological order (parents before children), deferring any node with a\n        // parentId until its parent has been emitted.\n        nodeListCache.set(nodeMap, Object.values(nodeMap));\n      }\n      return nodeListCache.get(nodeMap)!;\n    }\n\n    function getEdges(): readonly E[] {\n      const edgeMap = edgesLiveMap.toJSON() as unknown as Record<string, E>;\n      if (!edgeListCache.has(edgeMap)) {\n        edgeListCache.set(edgeMap, Object.values(edgeMap));\n      }\n      return edgeListCache.get(edgeMap)!;\n    }\n\n    function getNode(id: string) {\n      return nodesLiveMap.get(id)?.toJSON() as N | undefined;\n    }\n    function getEdge(id: string) {\n      return edgesLiveMap.get(id)?.toJSON() as E | undefined;\n    }\n\n    function upsertNode(id: string, newNode: N) {\n      const existing = nodesLiveMap.get(id);\n      const syncConfig = getNodeSyncConfig(newNode.type);\n      if (!existing) {\n        nodesLiveMap.set(id, toLiveblocksInternalNode(newNode, syncConfig));\n      } else {\n        existing.reconcile(newNode as unknown as JsonObject, syncConfig);\n      }\n    }\n\n    function upsertEdge(id: string, newEdge: E) {\n      const existing = edgesLiveMap.get(id);\n      const syncConfig = getEdgeSyncConfig(newEdge.type);\n      if (!existing) {\n        edgesLiveMap.set(id, toLiveblocksInternalEdge(newEdge, syncConfig));\n      } else {\n        existing.reconcile(newEdge as unknown as JsonObject, syncConfig);\n      }\n    }\n\n    const mutableFlow: MutableFlow<N, E> = {\n      get nodes() {\n        return getNodes();\n      },\n      get edges() {\n        return getEdges();\n      },\n      toJSON() {\n        return { nodes: getNodes(), edges: getEdges() };\n      },\n      getNode,\n      getEdge,\n\n      addNode(node: N) {\n        upsertNode(node.id, node);\n      },\n      addNodes(nodes: N[]) {\n        for (const node of nodes) {\n          mutableFlow.addNode(node);\n        }\n      },\n      updateNode(id: string, partialOrUpdater: Partial<N> | ((node: N) => N)) {\n        const oldNode = getNode(id);\n        if (!oldNode) return;\n\n        let newNode: N;\n        if (typeof partialOrUpdater === \"function\") {\n          newNode = partialOrUpdater(oldNode);\n        } else {\n          newNode = { ...oldNode, ...partialOrUpdater };\n        }\n        return upsertNode(id, newNode);\n      },\n      updateNodeData(\n        id: string,\n        partialOrUpdater:\n          | Partial<N[\"data\"]>\n          | (<D extends N[\"data\"]>(data: D) => D)\n      ) {\n        return mutableFlow.updateNode(id, (node) => {\n          const currData = node.data ?? ({} as N[\"data\"]);\n          const newData =\n            typeof partialOrUpdater === \"function\"\n              ? partialOrUpdater(currData)\n              : { ...currData, ...partialOrUpdater };\n          return { ...node, data: newData };\n        });\n      },\n      removeNode(id: string) {\n        nodesLiveMap.delete(id);\n      },\n      removeNodes(ids: string[]) {\n        for (const id of ids) {\n          nodesLiveMap.delete(id);\n        }\n      },\n\n      addEdge(edge: E) {\n        upsertEdge(edge.id, edge);\n      },\n      addEdges(edges: E[]) {\n        for (const edge of edges) {\n          mutableFlow.addEdge(edge);\n        }\n      },\n      updateEdge(id: string, partialOrUpdater: Partial<E> | ((edge: E) => E)) {\n        const oldEdge = getEdge(id);\n        if (!oldEdge) return;\n\n        let newEdge: E;\n        if (typeof partialOrUpdater === \"function\") {\n          newEdge = partialOrUpdater(oldEdge);\n        } else {\n          newEdge = { ...oldEdge, ...partialOrUpdater };\n        }\n        return upsertEdge(id, newEdge);\n      },\n      updateEdgeData(\n        id: string,\n        partialOrUpdater:\n          | Partial<NonNullable<E[\"data\"]>>\n          | (<D extends E[\"data\"]>(data: D) => D)\n      ) {\n        return mutableFlow.updateEdge(id, (edge) => {\n          const currData = edge.data;\n          const newData =\n            typeof partialOrUpdater === \"function\"\n              ? partialOrUpdater(currData)\n              : { ...currData, ...partialOrUpdater };\n          return { ...edge, data: newData };\n        });\n      },\n      removeEdge(id: string) {\n        edgesLiveMap.delete(id);\n      },\n      removeEdges(ids: string[]) {\n        for (const id of ids) {\n          edgesLiveMap.delete(id);\n        }\n      },\n    };\n\n    await callback(mutableFlow);\n  });\n}\n"],"names":["DEFAULT_STORAGE_KEY","buildNodeConfigCache","buildEdgeConfigCache","LiveObject","LiveMap","toLiveblocksInternalNode","toLiveblocksInternalEdge"],"mappings":"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"}

package/dist/node.d.cts

@@ -0,0 +1,78 @@
+import { SyncConfig, LiveObject, LsonObject } from '@liveblocks/core';
+import { Node, Edge, BuiltInNode, BuiltInEdge } from '@xyflow/react';
+
+type InferNodeTypeLiterals<N> = N extends Node<any, infer T extends string> ? string extends T ? never : T : never;
+type NodeTypeLiterals<N> = (string & {}) | "*" | InferNodeTypeLiterals<N>;
+type InferEdgeTypeLiterals<E> = E extends Edge<any, infer T extends string> ? string extends T ? never : T : never;
+type EdgeTypeLiterals<E> = (string & {}) | "*" | InferEdgeTypeLiterals<E>;
+type NodeSyncConfig<N extends Node> = {
+    [key in NodeTypeLiterals<N>]?: SyncConfig;
+};
+type EdgeSyncConfig<E extends Edge> = {
+    [key in EdgeTypeLiterals<E>]?: SyncConfig;
+};
+
+/**
+ * A minimal interface for the Liveblocks Node client — just the
+ * `mutateStorage` method we actually need. This avoids importing
+ * `@liveblocks/node` as a dependency.
+ */
+interface ILiveblocksClient {
+    mutateStorage(roomId: string, callback: (context: {
+        root: LiveObject<LsonObject>;
+    }) => void | Promise<void>): Promise<void>;
+}
+/** Options for `mutateFlow()`. */
+interface MutateFlowOptions<N extends Node = BuiltInNode, E extends Edge = BuiltInEdge> {
+    client: ILiveblocksClient;
+    roomId: string;
+    storageKey?: string;
+    nodes?: {
+        sync?: NodeSyncConfig<N>;
+    };
+    edges?: {
+        sync?: EdgeSyncConfig<E>;
+    };
+}
+interface MutableFlow<N extends Node, E extends Edge> {
+    readonly nodes: readonly N[];
+    readonly edges: readonly E[];
+    toJSON(): {
+        nodes: readonly N[];
+        edges: readonly E[];
+    };
+    getNode(id: string): N | undefined;
+    getEdge(id: string): E | undefined;
+    addNode(node: N): void;
+    addNodes(nodes: N[]): void;
+    updateNode(id: string, partial: Partial<N>): void;
+    updateNode(id: string, updater: (node: N) => N): void;
+    updateNodeData(id: string, partial: Partial<N["data"]>): void;
+    updateNodeData<D extends N["data"]>(id: string, updater: (data: D) => D): void;
+    removeNode(id: string): void;
+    removeNodes(ids: string[]): void;
+    addEdge(edge: E): void;
+    addEdges(edges: E[]): void;
+    updateEdge(id: string, partial: Partial<E>): void;
+    updateEdge(id: string, updater: (edge: E) => E): void;
+    updateEdgeData(id: string, partial: Partial<NonNullable<E["data"]>>): void;
+    updateEdgeData<D extends E["data"]>(id: string, updater: (data: D) => D): void;
+    removeEdge(id: string): void;
+    removeEdges(ids: string[]): void;
+}
+/**
+ * Opens a "Flow document" (a collection of nodes and edges) for reading and
+ * mutating, then automatically flushes all changes when the callback
+ * completes.
+ *
+ * @example
+ * ```ts
+ * await mutateFlow({ client, roomId: "my-room" }, (flow) => {
+ *   flow.addNode({ id: "1", position: { x: 0, y: 0 }, data: {} });
+ *   flow.updateNodeData("1", { label: "Hello" });
+ * });
+ * ```
+ */
+declare function mutateFlow<N extends Node = BuiltInNode, E extends Edge = BuiltInEdge>(options: MutateFlowOptions<N, E>, callback: (flow: MutableFlow<N, E>) => void | Promise<void>): Promise<void>;
+
+export { MutableFlow, MutateFlowOptions, mutateFlow };

package/dist/node.d.ts

@@ -0,0 +1,78 @@
+import { SyncConfig, LiveObject, LsonObject } from '@liveblocks/core';
+import { Node, Edge, BuiltInNode, BuiltInEdge } from '@xyflow/react';
+
+type InferNodeTypeLiterals<N> = N extends Node<any, infer T extends string> ? string extends T ? never : T : never;
+type NodeTypeLiterals<N> = (string & {}) | "*" | InferNodeTypeLiterals<N>;
+type InferEdgeTypeLiterals<E> = E extends Edge<any, infer T extends string> ? string extends T ? never : T : never;
+type EdgeTypeLiterals<E> = (string & {}) | "*" | InferEdgeTypeLiterals<E>;
+type NodeSyncConfig<N extends Node> = {
+    [key in NodeTypeLiterals<N>]?: SyncConfig;
+};
+type EdgeSyncConfig<E extends Edge> = {
+    [key in EdgeTypeLiterals<E>]?: SyncConfig;
+};
+
+/**
+ * A minimal interface for the Liveblocks Node client — just the
+ * `mutateStorage` method we actually need. This avoids importing
+ * `@liveblocks/node` as a dependency.
+ */
+interface ILiveblocksClient {
+    mutateStorage(roomId: string, callback: (context: {
+        root: LiveObject<LsonObject>;
+    }) => void | Promise<void>): Promise<void>;
+}
+/** Options for `mutateFlow()`. */
+interface MutateFlowOptions<N extends Node = BuiltInNode, E extends Edge = BuiltInEdge> {
+    client: ILiveblocksClient;
+    roomId: string;
+    storageKey?: string;
+    nodes?: {
+        sync?: NodeSyncConfig<N>;
+    };
+    edges?: {
+        sync?: EdgeSyncConfig<E>;
+    };
+}
+interface MutableFlow<N extends Node, E extends Edge> {
+    readonly nodes: readonly N[];
+    readonly edges: readonly E[];
+    toJSON(): {
+        nodes: readonly N[];
+        edges: readonly E[];
+    };
+    getNode(id: string): N | undefined;
+    getEdge(id: string): E | undefined;
+    addNode(node: N): void;
+    addNodes(nodes: N[]): void;
+    updateNode(id: string, partial: Partial<N>): void;
+    updateNode(id: string, updater: (node: N) => N): void;
+    updateNodeData(id: string, partial: Partial<N["data"]>): void;
+    updateNodeData<D extends N["data"]>(id: string, updater: (data: D) => D): void;
+    removeNode(id: string): void;
+    removeNodes(ids: string[]): void;
+    addEdge(edge: E): void;
+    addEdges(edges: E[]): void;
+    updateEdge(id: string, partial: Partial<E>): void;
+    updateEdge(id: string, updater: (edge: E) => E): void;
+    updateEdgeData(id: string, partial: Partial<NonNullable<E["data"]>>): void;
+    updateEdgeData<D extends E["data"]>(id: string, updater: (data: D) => D): void;
+    removeEdge(id: string): void;
+    removeEdges(ids: string[]): void;
+}
+/**
+ * Opens a "Flow document" (a collection of nodes and edges) for reading and
+ * mutating, then automatically flushes all changes when the callback
+ * completes.
+ *
+ * @example
+ * ```ts
+ * await mutateFlow({ client, roomId: "my-room" }, (flow) => {
+ *   flow.addNode({ id: "1", position: { x: 0, y: 0 }, data: {} });
+ *   flow.updateNodeData("1", { label: "Hello" });
+ * });
+ * ```
+ */
+declare function mutateFlow<N extends Node = BuiltInNode, E extends Edge = BuiltInEdge>(options: MutateFlowOptions<N, E>, callback: (flow: MutableFlow<N, E>) => void | Promise<void>): Promise<void>;
+
+export { MutableFlow, MutateFlowOptions, mutateFlow };

package/dist/node.js

@@ -0,0 +1,149 @@
+import { LiveObject, LiveMap } from '@liveblocks/core';
+import { DEFAULT_STORAGE_KEY, buildNodeConfigCache, buildEdgeConfigCache, toLiveblocksInternalNode, toLiveblocksInternalEdge } from './helpers.js';
+
+async function mutateFlow(options, callback) {
+  const { client, roomId } = options;
+  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
+  const getNodeSyncConfig = buildNodeConfigCache(options.nodes?.sync);
+  const getEdgeSyncConfig = buildEdgeConfigCache(options.edges?.sync);
+  const nodeListCache = /* @__PURE__ */ new WeakMap();
+  const edgeListCache = /* @__PURE__ */ new WeakMap();
+  await client.mutateStorage(roomId, async ({ root }) => {
+    let flow = root.get(storageKey);
+    if (!flow) {
+      const newFlow = new LiveObject({
+        nodes: new LiveMap(),
+        edges: new LiveMap()
+      });
+      root.set(storageKey, newFlow);
+      flow = newFlow;
+    }
+    const nodesLiveMap = flow.get("nodes");
+    const edgesLiveMap = flow.get("edges");
+    function getNodes() {
+      const nodeMap = nodesLiveMap.toJSON();
+      if (!nodeListCache.has(nodeMap)) {
+        nodeListCache.set(nodeMap, Object.values(nodeMap));
+      }
+      return nodeListCache.get(nodeMap);
+    }
+    function getEdges() {
+      const edgeMap = edgesLiveMap.toJSON();
+      if (!edgeListCache.has(edgeMap)) {
+        edgeListCache.set(edgeMap, Object.values(edgeMap));
+      }
+      return edgeListCache.get(edgeMap);
+    }
+    function getNode(id) {
+      return nodesLiveMap.get(id)?.toJSON();
+    }
+    function getEdge(id) {
+      return edgesLiveMap.get(id)?.toJSON();
+    }
+    function upsertNode(id, newNode) {
+      const existing = nodesLiveMap.get(id);
+      const syncConfig = getNodeSyncConfig(newNode.type);
+      if (!existing) {
+        nodesLiveMap.set(id, toLiveblocksInternalNode(newNode, syncConfig));
+      } else {
+        existing.reconcile(newNode, syncConfig);
+      }
+    }
+    function upsertEdge(id, newEdge) {
+      const existing = edgesLiveMap.get(id);
+      const syncConfig = getEdgeSyncConfig(newEdge.type);
+      if (!existing) {
+        edgesLiveMap.set(id, toLiveblocksInternalEdge(newEdge, syncConfig));
+      } else {
+        existing.reconcile(newEdge, syncConfig);
+      }
+    }
+    const mutableFlow = {
+      get nodes() {
+        return getNodes();
+      },
+      get edges() {
+        return getEdges();
+      },
+      toJSON() {
+        return { nodes: getNodes(), edges: getEdges() };
+      },
+      getNode,
+      getEdge,
+      addNode(node) {
+        upsertNode(node.id, node);
+      },
+      addNodes(nodes) {
+        for (const node of nodes) {
+          mutableFlow.addNode(node);
+        }
+      },
+      updateNode(id, partialOrUpdater) {
+        const oldNode = getNode(id);
+        if (!oldNode)
+          return;
+        let newNode;
+        if (typeof partialOrUpdater === "function") {
+          newNode = partialOrUpdater(oldNode);
+        } else {
+          newNode = { ...oldNode, ...partialOrUpdater };
+        }
+        return upsertNode(id, newNode);
+      },
+      updateNodeData(id, partialOrUpdater) {
+        return mutableFlow.updateNode(id, (node) => {
+          const currData = node.data ?? {};
+          const newData = typeof partialOrUpdater === "function" ? partialOrUpdater(currData) : { ...currData, ...partialOrUpdater };
+          return { ...node, data: newData };
+        });
+      },
+      removeNode(id) {
+        nodesLiveMap.delete(id);
+      },
+      removeNodes(ids) {
+        for (const id of ids) {
+          nodesLiveMap.delete(id);
+        }
+      },
+      addEdge(edge) {
+        upsertEdge(edge.id, edge);
+      },
+      addEdges(edges) {
+        for (const edge of edges) {
+          mutableFlow.addEdge(edge);
+        }
+      },
+      updateEdge(id, partialOrUpdater) {
+        const oldEdge = getEdge(id);
+        if (!oldEdge)
+          return;
+        let newEdge;
+        if (typeof partialOrUpdater === "function") {
+          newEdge = partialOrUpdater(oldEdge);
+        } else {
+          newEdge = { ...oldEdge, ...partialOrUpdater };
+        }
+        return upsertEdge(id, newEdge);
+      },
+      updateEdgeData(id, partialOrUpdater) {
+        return mutableFlow.updateEdge(id, (edge) => {
+          const currData = edge.data;
+          const newData = typeof partialOrUpdater === "function" ? partialOrUpdater(currData) : { ...currData, ...partialOrUpdater };
+          return { ...edge, data: newData };
+        });
+      },
+      removeEdge(id) {
+        edgesLiveMap.delete(id);
+      },
+      removeEdges(ids) {
+        for (const id of ids) {
+          edgesLiveMap.delete(id);
+        }
+      }
+    };
+    await callback(mutableFlow);
+  });
+}
+
+export { mutateFlow };
+//# sourceMappingURL=node.js.map

package/dist/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sources":["../src/node.ts"],"sourcesContent":["import type { JsonObject, LsonObject } from \"@liveblocks/core\";\nimport { LiveMap, LiveObject } from \"@liveblocks/core\";\nimport type { BuiltInEdge, BuiltInNode, Edge, Node } from \"@xyflow/react\";\n\nimport {\n  buildEdgeConfigCache,\n  buildNodeConfigCache,\n  DEFAULT_STORAGE_KEY,\n  toLiveblocksInternalEdge,\n  toLiveblocksInternalNode,\n} from \"./helpers\";\nimport type {\n  EdgeSyncConfig,\n  InternalLiveblocksFlow,\n  NodeSyncConfig,\n} from \"./types\";\n\n/**\n * A minimal interface for the Liveblocks Node client — just the\n * `mutateStorage` method we actually need. This avoids importing\n * `@liveblocks/node` as a dependency.\n */\ninterface ILiveblocksClient {\n  mutateStorage(\n    roomId: string,\n    callback: (context: {\n      root: LiveObject<LsonObject>;\n    }) => void | Promise<void>\n  ): Promise<void>;\n}\n\n/** Options for `mutateFlow()`. */\nexport interface MutateFlowOptions<\n  N extends Node = BuiltInNode,\n  E extends Edge = BuiltInEdge,\n> {\n  client: ILiveblocksClient;\n  roomId: string;\n  storageKey?: string;\n  nodes?: { sync?: NodeSyncConfig<N> };\n  edges?: { sync?: EdgeSyncConfig<E> };\n}\n\nexport interface MutableFlow<N extends Node, E extends Edge> {\n  readonly nodes: readonly N[];\n  readonly edges: readonly E[];\n  toJSON(): {\n    nodes: readonly N[];\n    edges: readonly E[];\n  };\n\n  getNode(id: string): N | undefined;\n  getEdge(id: string): E | undefined;\n\n  addNode(node: N): void;\n  addNodes(nodes: N[]): void;\n  updateNode(id: string, partial: Partial<N>): void;\n  updateNode(id: string, updater: (node: N) => N): void;\n  updateNodeData(id: string, partial: Partial<N[\"data\"]>): void;\n  updateNodeData<D extends N[\"data\"]>(\n    id: string,\n    updater: (data: D) => D\n  ): void;\n  removeNode(id: string): void;\n  removeNodes(ids: string[]): void;\n\n  addEdge(edge: E): void;\n  addEdges(edges: E[]): void;\n  updateEdge(id: string, partial: Partial<E>): void;\n  updateEdge(id: string, updater: (edge: E) => E): void;\n  updateEdgeData(id: string, partial: Partial<NonNullable<E[\"data\"]>>): void;\n  updateEdgeData<D extends E[\"data\"]>(\n    id: string,\n    updater: (data: D) => D\n  ): void;\n  removeEdge(id: string): void;\n  removeEdges(ids: string[]): void;\n}\n\n/**\n * Opens a \"Flow document\" (a collection of nodes and edges) for reading and\n * mutating, then automatically flushes all changes when the callback\n * completes.\n *\n * @example\n * ```ts\n * await mutateFlow({ client, roomId: \"my-room\" }, (flow) => {\n *   flow.addNode({ id: \"1\", position: { x: 0, y: 0 }, data: {} });\n *   flow.updateNodeData(\"1\", { label: \"Hello\" });\n * });\n * ```\n */\nexport async function mutateFlow<\n  N extends Node = BuiltInNode,\n  E extends Edge = BuiltInEdge,\n>(\n  options: MutateFlowOptions<N, E>,\n  callback: (flow: MutableFlow<N, E>) => void | Promise<void>\n): Promise<void> {\n  const { client, roomId } = options;\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;\n\n  const getNodeSyncConfig = buildNodeConfigCache(options.nodes?.sync);\n  const getEdgeSyncConfig = buildEdgeConfigCache(options.edges?.sync);\n\n  const nodeListCache = new WeakMap<Record<string, N>, N[]>();\n  const edgeListCache = new WeakMap<Record<string, E>, E[]>();\n\n  await client.mutateStorage(roomId, async ({ root }) => {\n    let flow = root.get(storageKey) as InternalLiveblocksFlow | undefined;\n    if (!flow) {\n      const newFlow = new LiveObject({\n        nodes: new LiveMap(),\n        edges: new LiveMap(),\n      }) satisfies InternalLiveblocksFlow;\n      root.set(storageKey, newFlow);\n      flow = newFlow;\n    }\n\n    const nodesLiveMap = flow.get(\"nodes\");\n    const edgesLiveMap = flow.get(\"edges\");\n\n    function getNodes(): readonly N[] {\n      const nodeMap = nodesLiveMap.toJSON() as unknown as Record<string, N>;\n      if (!nodeListCache.has(nodeMap)) {\n        // TODO (LB-3665): To support sub-nodes, this function will need to emit nodes\n        // in topological order (parents before children), deferring any node with a\n        // parentId until its parent has been emitted.\n        nodeListCache.set(nodeMap, Object.values(nodeMap));\n      }\n      return nodeListCache.get(nodeMap)!;\n    }\n\n    function getEdges(): readonly E[] {\n      const edgeMap = edgesLiveMap.toJSON() as unknown as Record<string, E>;\n      if (!edgeListCache.has(edgeMap)) {\n        edgeListCache.set(edgeMap, Object.values(edgeMap));\n      }\n      return edgeListCache.get(edgeMap)!;\n    }\n\n    function getNode(id: string) {\n      return nodesLiveMap.get(id)?.toJSON() as N | undefined;\n    }\n    function getEdge(id: string) {\n      return edgesLiveMap.get(id)?.toJSON() as E | undefined;\n    }\n\n    function upsertNode(id: string, newNode: N) {\n      const existing = nodesLiveMap.get(id);\n      const syncConfig = getNodeSyncConfig(newNode.type);\n      if (!existing) {\n        nodesLiveMap.set(id, toLiveblocksInternalNode(newNode, syncConfig));\n      } else {\n        existing.reconcile(newNode as unknown as JsonObject, syncConfig);\n      }\n    }\n\n    function upsertEdge(id: string, newEdge: E) {\n      const existing = edgesLiveMap.get(id);\n      const syncConfig = getEdgeSyncConfig(newEdge.type);\n      if (!existing) {\n        edgesLiveMap.set(id, toLiveblocksInternalEdge(newEdge, syncConfig));\n      } else {\n        existing.reconcile(newEdge as unknown as JsonObject, syncConfig);\n      }\n    }\n\n    const mutableFlow: MutableFlow<N, E> = {\n      get nodes() {\n        return getNodes();\n      },\n      get edges() {\n        return getEdges();\n      },\n      toJSON() {\n        return { nodes: getNodes(), edges: getEdges() };\n      },\n      getNode,\n      getEdge,\n\n      addNode(node: N) {\n        upsertNode(node.id, node);\n      },\n      addNodes(nodes: N[]) {\n        for (const node of nodes) {\n          mutableFlow.addNode(node);\n        }\n      },\n      updateNode(id: string, partialOrUpdater: Partial<N> | ((node: N) => N)) {\n        const oldNode = getNode(id);\n        if (!oldNode) return;\n\n        let newNode: N;\n        if (typeof partialOrUpdater === \"function\") {\n          newNode = partialOrUpdater(oldNode);\n        } else {\n          newNode = { ...oldNode, ...partialOrUpdater };\n        }\n        return upsertNode(id, newNode);\n      },\n      updateNodeData(\n        id: string,\n        partialOrUpdater:\n          | Partial<N[\"data\"]>\n          | (<D extends N[\"data\"]>(data: D) => D)\n      ) {\n        return mutableFlow.updateNode(id, (node) => {\n          const currData = node.data ?? ({} as N[\"data\"]);\n          const newData =\n            typeof partialOrUpdater === \"function\"\n              ? partialOrUpdater(currData)\n              : { ...currData, ...partialOrUpdater };\n          return { ...node, data: newData };\n        });\n      },\n      removeNode(id: string) {\n        nodesLiveMap.delete(id);\n      },\n      removeNodes(ids: string[]) {\n        for (const id of ids) {\n          nodesLiveMap.delete(id);\n        }\n      },\n\n      addEdge(edge: E) {\n        upsertEdge(edge.id, edge);\n      },\n      addEdges(edges: E[]) {\n        for (const edge of edges) {\n          mutableFlow.addEdge(edge);\n        }\n      },\n      updateEdge(id: string, partialOrUpdater: Partial<E> | ((edge: E) => E)) {\n        const oldEdge = getEdge(id);\n        if (!oldEdge) return;\n\n        let newEdge: E;\n        if (typeof partialOrUpdater === \"function\") {\n          newEdge = partialOrUpdater(oldEdge);\n        } else {\n          newEdge = { ...oldEdge, ...partialOrUpdater };\n        }\n        return upsertEdge(id, newEdge);\n      },\n      updateEdgeData(\n        id: string,\n        partialOrUpdater:\n          | Partial<NonNullable<E[\"data\"]>>\n          | (<D extends E[\"data\"]>(data: D) => D)\n      ) {\n        return mutableFlow.updateEdge(id, (edge) => {\n          const currData = edge.data;\n          const newData =\n            typeof partialOrUpdater === \"function\"\n              ? partialOrUpdater(currData)\n              : { ...currData, ...partialOrUpdater };\n          return { ...edge, data: newData };\n        });\n      },\n      removeEdge(id: string) {\n        edgesLiveMap.delete(id);\n      },\n      removeEdges(ids: string[]) {\n        for (const id of ids) {\n          edgesLiveMap.delete(id);\n        }\n      },\n    };\n\n    await callback(mutableFlow);\n  });\n}\n"],"names":[],"mappings":"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"}

package/dist/version.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const PKG_NAME = "@liveblocks/react-flow";
-const PKG_VERSION = typeof "3.17.0-rc1" === "string" && "3.17.0-rc1";
+const PKG_VERSION = typeof "3.18.0-rc1" === "string" && "3.18.0-rc1";
 const PKG_FORMAT = typeof TSUP_FORMAT === "string" && TSUP_FORMAT;
 
 exports.PKG_FORMAT = PKG_FORMAT;