@liveblocks/react-flow 0.0.0 → 3.16.0-flow1

package/dist/index.d.ts

@@ -0,0 +1,150 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { LiveObject, DistributiveOmit, LsonObject, LiveMap, Resolve, JsonObject } from '@liveblocks/core';
+import { Node, Edge, OnNodesChange, OnEdgesChange, OnConnect } from '@xyflow/react';
+
+interface CursorsProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The key used to store the cursors in users' Presence.
+     *
+     * Defaults to `"cursor"`.
+     */
+    presenceKey?: string;
+}
+/**
+ * Displays other users' cursors inside a React Flow canvas and stores the
+ * current user's cursor in Presence as `{ cursor: { x, y } }`.
+ *
+ * Cursor coordinates are kept in React Flow canvas space, so panning moves
+ * them correctly while zooming only affects their position, not their size.
+ */
+declare const Cursors: react.ForwardRefExoticComponent<CursorsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const NODE_LOCAL_KEYS: ["selected", "dragging", "measured", "resizing"];
+declare const EDGE_LOCAL_KEYS: ["selected"];
+type SerializableNode = Node<JsonObject>;
+type SerializableEdge = Edge<JsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow `Node`.
+ *
+ * It doesn't include local-only properties.
+ * The entire node and its `data` property are both stored as `LiveObject`s.
+ */
+type LiveblocksNode<TNode extends SerializableNode = SerializableNode> = LiveObject<DistributiveOmit<TNode, (typeof NODE_LOCAL_KEYS)[number] | "data"> & {
+    data: LiveObject<TNode["data"]>;
+} & LsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow `Edge`.
+ *
+ * It doesn't include local-only properties.
+ * The entire edge and its `data` property are both stored as `LiveObject`s.
+ */
+type LiveblocksEdge<TEdge extends SerializableEdge = SerializableEdge> = LiveObject<DistributiveOmit<TEdge, (typeof EDGE_LOCAL_KEYS)[number] | "data"> & {
+    data?: LiveObject<NonNullable<TEdge["data"]>>;
+} & LsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow diagram made of nodes and edges.
+ *
+ * Nodes and edges are stored as `LiveMap`s keyed by their IDs, enabling
+ * fine-grained conflict-free updates from multiple clients simultaneously.
+ */
+type LiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = LiveObject<{
+    nodes: LiveMap<string, LiveblocksNode<TNode>>;
+    edges: LiveMap<string, LiveblocksEdge<TEdge>>;
+}>;
+type UseLiveblocksFlowResult<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = Resolve<({
+    nodes: null;
+    edges: null;
+    isLoading: true;
+} | {
+    nodes: TNode[];
+    edges: TEdge[];
+    isLoading: false;
+}) & {
+    onNodesChange: OnNodesChange<TNode>;
+    onEdgesChange: OnEdgesChange<TEdge>;
+    onConnect: OnConnect;
+}>;
+type UseLiveblocksFlowOptions<TNode extends SerializableNode, TEdge extends SerializableEdge> = {
+    /**
+     * The initial React Flow nodes and edges.
+     *
+     * @example
+     * ```tsx
+     * const { ... } = useLiveblocksFlow({
+     *   initial: {
+     *     nodes: [
+     *       { id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
+     *       { id: "2", position: { x: 0, y: 100 }, data: { label: "Node 2" } },
+     *     ],
+     *     edges: [
+     *       { id: "1-2", source: "1", target: "2" },
+     *     ],
+     *   },
+     * });
+     * ```
+     *
+     * This is equivalent to setting `initialStorage` on `RoomProvider`.
+     *
+     * @example
+     * ```tsx
+     * <RoomProvider
+     *   initialStorage={{
+     *     flow: createLiveblocksFlow([
+     *       { id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
+     *       { id: "2", position: { x: 0, y: 100 }, data: { label: "Node 2" } },
+     *     ], [
+     *       { id: "1-2", source: "1", target: "2" },
+     *     ]),
+     *   }}
+     * />
+     * ```
+     */
+    initial?: {
+        nodes?: TNode[];
+        edges?: TEdge[];
+    };
+    /**
+     * The key used to store the React Flow diagram in Liveblocks Storage.
+     *
+     * Defaults to `"flow"`.
+     *
+     * @example
+     * ```tsx
+     * const { ... } = useLiveblocksFlow({
+     *   storageKey: "myDiagram",
+     * });
+     * ```
+     */
+    storageKey?: string;
+};
+/**
+ * Creates a Liveblocks Storage representation of a React Flow diagram from nodes and edges.
+ *
+ * @example
+ * ```tsx
+ * <RoomProvider
+ *   initialStorage={{
+ *     flow: createLiveblocksFlow(initialNodes, initialEdges),
+ *   }}
+ * />
+ * ```
+ */
+declare function createLiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge>(nodes?: TNode[], edges?: TEdge[]): LiveblocksFlow<TNode, TEdge>;
+/**
+ * Returns a controlled React Flow state backed by Liveblocks Storage.
+ *
+ * @example
+ * ```tsx
+ * const { nodes, edges, onNodesChange, onEdgesChange, onConnect, isLoading } = useLiveblocksFlow();
+ *
+ * if (isLoading) {
+ *   return <div>Loading…</div>
+ * }
+ *
+ * return <ReactFlow nodes={nodes} edges={edges} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} />;
+ * ```
+ */
+declare function useLiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge>(options?: UseLiveblocksFlowOptions<TNode, TEdge>): Resolve<UseLiveblocksFlowResult<TNode, TEdge>>;
+
+export { Cursors, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, createLiveblocksFlow, useLiveblocksFlow };

package/dist/index.js

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

package/dist/index.js.map

@@ -0,0 +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 { Cursors } from \"./cursors\";\nexport type { LiveblocksEdge, LiveblocksFlow, LiveblocksNode } from \"./flow\";\nexport { createLiveblocksFlow, useLiveblocksFlow } from \"./flow\";\n"],"names":[],"mappings":";;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}

package/dist/suspense.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var core = require('@liveblocks/core');
+var version = require('./version.cjs');
+var cursors = require('./cursors.cjs');
+var flow = require('./flow.cjs');
+
+core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
+
+exports.Cursors = cursors.Cursors;
+exports.createLiveblocksFlow = flow.createLiveblocksFlow;
+exports.useLiveblocksFlow = flow.useLiveblocksFlowSuspense;
+//# sourceMappingURL=suspense.cjs.map

package/dist/suspense.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"suspense.cjs","sources":["../src/suspense.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 { Cursors } from \"./cursors\";\nexport type { LiveblocksEdge, LiveblocksFlow, LiveblocksNode } from \"./flow\";\nexport {\n  createLiveblocksFlow,\n  useLiveblocksFlowSuspense as useLiveblocksFlow,\n} from \"./flow\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;"}

package/dist/suspense.d.cts

@@ -0,0 +1,149 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { LiveObject, DistributiveOmit, LsonObject, LiveMap, Resolve, JsonObject } from '@liveblocks/core';
+import { Node, Edge, OnNodesChange, OnEdgesChange, OnConnect } from '@xyflow/react';
+
+interface CursorsProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The key used to store the cursors in users' Presence.
+     *
+     * Defaults to `"cursor"`.
+     */
+    presenceKey?: string;
+}
+/**
+ * Displays other users' cursors inside a React Flow canvas and stores the
+ * current user's cursor in Presence as `{ cursor: { x, y } }`.
+ *
+ * Cursor coordinates are kept in React Flow canvas space, so panning moves
+ * them correctly while zooming only affects their position, not their size.
+ */
+declare const Cursors: react.ForwardRefExoticComponent<CursorsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const NODE_LOCAL_KEYS: ["selected", "dragging", "measured", "resizing"];
+declare const EDGE_LOCAL_KEYS: ["selected"];
+type SerializableNode = Node<JsonObject>;
+type SerializableEdge = Edge<JsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow `Node`.
+ *
+ * It doesn't include local-only properties.
+ * The entire node and its `data` property are both stored as `LiveObject`s.
+ */
+type LiveblocksNode<TNode extends SerializableNode = SerializableNode> = LiveObject<DistributiveOmit<TNode, (typeof NODE_LOCAL_KEYS)[number] | "data"> & {
+    data: LiveObject<TNode["data"]>;
+} & LsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow `Edge`.
+ *
+ * It doesn't include local-only properties.
+ * The entire edge and its `data` property are both stored as `LiveObject`s.
+ */
+type LiveblocksEdge<TEdge extends SerializableEdge = SerializableEdge> = LiveObject<DistributiveOmit<TEdge, (typeof EDGE_LOCAL_KEYS)[number] | "data"> & {
+    data?: LiveObject<NonNullable<TEdge["data"]>>;
+} & LsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow diagram made of nodes and edges.
+ *
+ * Nodes and edges are stored as `LiveMap`s keyed by their IDs, enabling
+ * fine-grained conflict-free updates from multiple clients simultaneously.
+ */
+type LiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = LiveObject<{
+    nodes: LiveMap<string, LiveblocksNode<TNode>>;
+    edges: LiveMap<string, LiveblocksEdge<TEdge>>;
+}>;
+type UseLiveblocksFlowResult<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = Resolve<({
+    nodes: null;
+    edges: null;
+    isLoading: true;
+} | {
+    nodes: TNode[];
+    edges: TEdge[];
+    isLoading: false;
+}) & {
+    onNodesChange: OnNodesChange<TNode>;
+    onEdgesChange: OnEdgesChange<TEdge>;
+    onConnect: OnConnect;
+}>;
+type LiveblocksFlowSuspenseResult<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = Extract<UseLiveblocksFlowResult<TNode, TEdge>, {
+    isLoading: false;
+}>;
+type UseLiveblocksFlowOptions<TNode extends SerializableNode, TEdge extends SerializableEdge> = {
+    /**
+     * The initial React Flow nodes and edges.
+     *
+     * @example
+     * ```tsx
+     * const { ... } = useLiveblocksFlow({
+     *   initial: {
+     *     nodes: [
+     *       { id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
+     *       { id: "2", position: { x: 0, y: 100 }, data: { label: "Node 2" } },
+     *     ],
+     *     edges: [
+     *       { id: "1-2", source: "1", target: "2" },
+     *     ],
+     *   },
+     * });
+     * ```
+     *
+     * This is equivalent to setting `initialStorage` on `RoomProvider`.
+     *
+     * @example
+     * ```tsx
+     * <RoomProvider
+     *   initialStorage={{
+     *     flow: createLiveblocksFlow([
+     *       { id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
+     *       { id: "2", position: { x: 0, y: 100 }, data: { label: "Node 2" } },
+     *     ], [
+     *       { id: "1-2", source: "1", target: "2" },
+     *     ]),
+     *   }}
+     * />
+     * ```
+     */
+    initial?: {
+        nodes?: TNode[];
+        edges?: TEdge[];
+    };
+    /**
+     * The key used to store the React Flow diagram in Liveblocks Storage.
+     *
+     * Defaults to `"flow"`.
+     *
+     * @example
+     * ```tsx
+     * const { ... } = useLiveblocksFlow({
+     *   storageKey: "myDiagram",
+     * });
+     * ```
+     */
+    storageKey?: string;
+};
+/**
+ * Creates a Liveblocks Storage representation of a React Flow diagram from nodes and edges.
+ *
+ * @example
+ * ```tsx
+ * <RoomProvider
+ *   initialStorage={{
+ *     flow: createLiveblocksFlow(initialNodes, initialEdges),
+ *   }}
+ * />
+ * ```
+ */
+declare function createLiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge>(nodes?: TNode[], edges?: TEdge[]): LiveblocksFlow<TNode, TEdge>;
+/**
+ * Returns a controlled React Flow state backed by Liveblocks Storage.
+ *
+ * @example
+ * ```tsx
+ * const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useLiveblocksFlow();
+ *
+ * return <ReactFlow nodes={nodes} edges={edges} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} />;
+ * ```
+ */
+declare function useLiveblocksFlowSuspense<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge>(options?: UseLiveblocksFlowOptions<TNode, TEdge>): Resolve<LiveblocksFlowSuspenseResult<TNode, TEdge>>;
+
+export { Cursors, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, createLiveblocksFlow, useLiveblocksFlowSuspense as useLiveblocksFlow };

package/dist/suspense.d.ts

@@ -0,0 +1,149 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { LiveObject, DistributiveOmit, LsonObject, LiveMap, Resolve, JsonObject } from '@liveblocks/core';
+import { Node, Edge, OnNodesChange, OnEdgesChange, OnConnect } from '@xyflow/react';
+
+interface CursorsProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The key used to store the cursors in users' Presence.
+     *
+     * Defaults to `"cursor"`.
+     */
+    presenceKey?: string;
+}
+/**
+ * Displays other users' cursors inside a React Flow canvas and stores the
+ * current user's cursor in Presence as `{ cursor: { x, y } }`.
+ *
+ * Cursor coordinates are kept in React Flow canvas space, so panning moves
+ * them correctly while zooming only affects their position, not their size.
+ */
+declare const Cursors: react.ForwardRefExoticComponent<CursorsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const NODE_LOCAL_KEYS: ["selected", "dragging", "measured", "resizing"];
+declare const EDGE_LOCAL_KEYS: ["selected"];
+type SerializableNode = Node<JsonObject>;
+type SerializableEdge = Edge<JsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow `Node`.
+ *
+ * It doesn't include local-only properties.
+ * The entire node and its `data` property are both stored as `LiveObject`s.
+ */
+type LiveblocksNode<TNode extends SerializableNode = SerializableNode> = LiveObject<DistributiveOmit<TNode, (typeof NODE_LOCAL_KEYS)[number] | "data"> & {
+    data: LiveObject<TNode["data"]>;
+} & LsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow `Edge`.
+ *
+ * It doesn't include local-only properties.
+ * The entire edge and its `data` property are both stored as `LiveObject`s.
+ */
+type LiveblocksEdge<TEdge extends SerializableEdge = SerializableEdge> = LiveObject<DistributiveOmit<TEdge, (typeof EDGE_LOCAL_KEYS)[number] | "data"> & {
+    data?: LiveObject<NonNullable<TEdge["data"]>>;
+} & LsonObject>;
+/**
+ * The Liveblocks Storage representation of a React Flow diagram made of nodes and edges.
+ *
+ * Nodes and edges are stored as `LiveMap`s keyed by their IDs, enabling
+ * fine-grained conflict-free updates from multiple clients simultaneously.
+ */
+type LiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = LiveObject<{
+    nodes: LiveMap<string, LiveblocksNode<TNode>>;
+    edges: LiveMap<string, LiveblocksEdge<TEdge>>;
+}>;
+type UseLiveblocksFlowResult<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = Resolve<({
+    nodes: null;
+    edges: null;
+    isLoading: true;
+} | {
+    nodes: TNode[];
+    edges: TEdge[];
+    isLoading: false;
+}) & {
+    onNodesChange: OnNodesChange<TNode>;
+    onEdgesChange: OnEdgesChange<TEdge>;
+    onConnect: OnConnect;
+}>;
+type LiveblocksFlowSuspenseResult<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge> = Extract<UseLiveblocksFlowResult<TNode, TEdge>, {
+    isLoading: false;
+}>;
+type UseLiveblocksFlowOptions<TNode extends SerializableNode, TEdge extends SerializableEdge> = {
+    /**
+     * The initial React Flow nodes and edges.
+     *
+     * @example
+     * ```tsx
+     * const { ... } = useLiveblocksFlow({
+     *   initial: {
+     *     nodes: [
+     *       { id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
+     *       { id: "2", position: { x: 0, y: 100 }, data: { label: "Node 2" } },
+     *     ],
+     *     edges: [
+     *       { id: "1-2", source: "1", target: "2" },
+     *     ],
+     *   },
+     * });
+     * ```
+     *
+     * This is equivalent to setting `initialStorage` on `RoomProvider`.
+     *
+     * @example
+     * ```tsx
+     * <RoomProvider
+     *   initialStorage={{
+     *     flow: createLiveblocksFlow([
+     *       { id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
+     *       { id: "2", position: { x: 0, y: 100 }, data: { label: "Node 2" } },
+     *     ], [
+     *       { id: "1-2", source: "1", target: "2" },
+     *     ]),
+     *   }}
+     * />
+     * ```
+     */
+    initial?: {
+        nodes?: TNode[];
+        edges?: TEdge[];
+    };
+    /**
+     * The key used to store the React Flow diagram in Liveblocks Storage.
+     *
+     * Defaults to `"flow"`.
+     *
+     * @example
+     * ```tsx
+     * const { ... } = useLiveblocksFlow({
+     *   storageKey: "myDiagram",
+     * });
+     * ```
+     */
+    storageKey?: string;
+};
+/**
+ * Creates a Liveblocks Storage representation of a React Flow diagram from nodes and edges.
+ *
+ * @example
+ * ```tsx
+ * <RoomProvider
+ *   initialStorage={{
+ *     flow: createLiveblocksFlow(initialNodes, initialEdges),
+ *   }}
+ * />
+ * ```
+ */
+declare function createLiveblocksFlow<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge>(nodes?: TNode[], edges?: TEdge[]): LiveblocksFlow<TNode, TEdge>;
+/**
+ * Returns a controlled React Flow state backed by Liveblocks Storage.
+ *
+ * @example
+ * ```tsx
+ * const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useLiveblocksFlow();
+ *
+ * return <ReactFlow nodes={nodes} edges={edges} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} />;
+ * ```
+ */
+declare function useLiveblocksFlowSuspense<TNode extends SerializableNode = SerializableNode, TEdge extends SerializableEdge = SerializableEdge>(options?: UseLiveblocksFlowOptions<TNode, TEdge>): Resolve<LiveblocksFlowSuspenseResult<TNode, TEdge>>;
+
+export { Cursors, LiveblocksEdge, LiveblocksFlow, LiveblocksNode, createLiveblocksFlow, useLiveblocksFlowSuspense as useLiveblocksFlow };

package/dist/suspense.js

@@ -0,0 +1,7 @@
+import { detectDupes } from '@liveblocks/core';
+import { PKG_NAME, PKG_VERSION, PKG_FORMAT } from './version.js';
+export { Cursors } from './cursors.js';
+export { createLiveblocksFlow, useLiveblocksFlowSuspense as useLiveblocksFlow } from './flow.js';
+
+detectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);
+//# sourceMappingURL=suspense.js.map

package/dist/suspense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suspense.js","sources":["../src/suspense.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 { Cursors } from \"./cursors\";\nexport type { LiveblocksEdge, LiveblocksFlow, LiveblocksNode } from \"./flow\";\nexport {\n  createLiveblocksFlow,\n  useLiveblocksFlowSuspense as useLiveblocksFlow,\n} from \"./flow\";\n"],"names":[],"mappings":";;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}

package/dist/version.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const PKG_NAME = "@liveblocks/react-flow";
+const PKG_VERSION = typeof "3.16.0-flow1" === "string" && "3.16.0-flow1";
+const PKG_FORMAT = typeof TSUP_FORMAT === "string" && TSUP_FORMAT;
+
+exports.PKG_FORMAT = PKG_FORMAT;
+exports.PKG_NAME = PKG_NAME;
+exports.PKG_VERSION = PKG_VERSION;
+//# sourceMappingURL=version.cjs.map

package/dist/version.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.cjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-flow\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAW,GAAA,yBAAA;AACX,MAAA,WAAA,GAAc,OAAO,cAAA,KAAgB,QAAY,IAAA,eAAA;AACjD,MAAA,UAAA,GAAa,OAAO,WAAA,KAAgB,QAAY,IAAA;;;;;;"}

package/dist/version.js

@@ -0,0 +1,6 @@
+const PKG_NAME = "@liveblocks/react-flow";
+const PKG_VERSION = typeof "3.16.0-flow1" === "string" && "3.16.0-flow1";
+const PKG_FORMAT = typeof TSUP_FORMAT === "string" && TSUP_FORMAT;
+
+export { PKG_FORMAT, PKG_NAME, PKG_VERSION };
+//# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-flow\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n"],"names":[],"mappings":"AAGO,MAAM,QAAW,GAAA,yBAAA;AACX,MAAA,WAAA,GAAc,OAAO,cAAA,KAAgB,QAAY,IAAA,eAAA;AACjD,MAAA,UAAA,GAAa,OAAO,WAAA,KAAgB,QAAY,IAAA;;;;"}

package/package.json

@@ -1,6 +1,120 @@
 {
   "name": "@liveblocks/react-flow",
-  "version": "0.0.0",
+  "version": "3.16.0-flow1",
+  "description": "An integration of React Flow to enable collaboration, comments, live cursors, and more with Liveblocks.",
   "license": "Apache-2.0",
-  "main": "index.js"
+  "author": "Liveblocks Inc.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "module": "./dist/index.js",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": {
+      "types": "./styles.css.d.cts",
+      "default": "./styles.css"
+    },
+    "./suspense": {
+      "import": {
+        "types": "./dist/suspense.d.ts",
+        "default": "./dist/suspense.js"
+      },
+      "require": {
+        "types": "./dist/suspense.d.cts",
+        "module": "./dist/suspense.js",
+        "default": "./dist/suspense.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist/**",
+    "**/*.css",
+    "**/*.css.d.cts",
+    "**/*.css.d.ts",
+    "**/*.css.map",
+    "suspense/**",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "rollup --config rollup.config.js --watch",
+    "build": "rollup --config rollup.config.js",
+    "start": "npm run dev",
+    "format": "(eslint --fix src/ || true) && stylelint --fix src/styles/ && prettier --write src/",
+    "lint": "eslint src/ && stylelint src/styles/",
+    "test": "npx liveblocks dev -p 1154 -c 'vitest run --coverage'",
+    "test:ci": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@liveblocks/client": "3.16.0-flow1",
+    "@liveblocks/core": "3.16.0-flow1",
+    "@liveblocks/react": "3.16.0-flow1",
+    "@liveblocks/react-ui": "3.16.0-flow1"
+  },
+  "peerDependencies": {
+    "@xyflow/react": "^12",
+    "react": "^18 || ^19 || ^19.0.0-rc",
+    "react-dom": "^18 || ^19 || ^19.0.0-rc"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@liveblocks/eslint-config": "*",
+    "@liveblocks/rollup-config": "*",
+    "@liveblocks/vitest-config": "*",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^13.1.1",
+    "@xyflow/react": "^12.10.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "stylelint": "^15.10.2",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-order": "^6.0.3",
+    "stylelint-plugin-logical-css": "^0.13.2"
+  },
+  "sideEffects": false,
+  "bugs": {
+    "url": "https://github.com/liveblocks/liveblocks/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/liveblocks/liveblocks.git",
+    "directory": "packages/liveblocks-react-flow"
+  },
+  "homepage": "https://liveblocks.io",
+  "keywords": [
+    "xyflow",
+    "react-flow",
+    "react",
+    "comments",
+    "threads",
+    "liveblocks",
+    "real-time",
+    "toolkit",
+    "multiplayer",
+    "websockets",
+    "collaboration",
+    "collaborative",
+    "presence",
+    "crdts",
+    "synchronize",
+    "rooms",
+    "documents",
+    "conflict resolution"
+  ]
 }

package/src/styles/index.css

@@ -0,0 +1,12 @@
+.lb-react-flow-cursors {
+  position: absolute;
+  inset: 0;
+
+  /**
+   * Same z-index as `.react-flow__panel` (panels, `MiniMap`, `Controls`, etc.)
+   * https://github.com/xyflow/xyflow/blob/main/packages/system/src/styles/init.css
+   */
+  z-index: 5;
+  overflow: hidden;
+  pointer-events: none;
+}

package/styles.css

@@ -0,0 +1 @@
+.lb-react-flow-cursors{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}

package/styles.css.d.cts

@@ -0,0 +1 @@
+declare module "@liveblocks/react-flow/styles.css";

package/styles.css.d.ts

@@ -0,0 +1 @@
+declare module "@liveblocks/react-flow/styles.css";

package/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/styles/src/styles/index.css"],"names":[],"mappings":"AAAA,uBAAA,SAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,eAAA","file":"styles.css","sourcesContent":[".lb-react-flow-cursors {\n  position: absolute;\n  inset: 0;\n\n  /**\n   * Same z-index as `.react-flow__panel` (panels, `MiniMap`, `Controls`, etc.)\n   * https://github.com/xyflow/xyflow/blob/main/packages/system/src/styles/init.css\n   */\n  z-index: 5;\n  overflow: hidden;\n  pointer-events: none;\n}\n"]}