@liveblocks/react-ui 1.12.0-initial1 → 2.0.0-alpha1

package/dist/shared.js

@@ -2,14 +2,86 @@
 
 var core = require('@liveblocks/core');
 var react = require('@liveblocks/react');
+var React = require('react');
 
+const MENTION_SUGGESTIONS_DEBOUNCE = 500;
+const _cachesByClient = /* @__PURE__ */ new WeakMap();
+function getMentionSuggestionsCacheForClient(client) {
+  let cache = _cachesByClient.get(client);
+  if (!cache) {
+    cache = /* @__PURE__ */ new Map();
+    _cachesByClient.set(client, cache);
+  }
+  return cache;
+}
+function useMentionSuggestions(search) {
+  const client = react.useClient();
+  const mentionSuggestionsCache = getMentionSuggestionsCacheForClient(client);
+  const room = react.useRoom();
+  const [mentionSuggestions, setMentionSuggestions] = React.useState();
+  const lastInvokedAt = React.useRef();
+  React.useEffect(() => {
+    const resolveMentionSuggestions = client[core.kInternal].resolveMentionSuggestions;
+    if (search === void 0 || !resolveMentionSuggestions) {
+      return;
+    }
+    const resolveMentionSuggestionsArgs = { text: search, roomId: room.id };
+    const mentionSuggestionsCacheKey = core.stringify(resolveMentionSuggestionsArgs);
+    let debounceTimeout;
+    let isCanceled = false;
+    const getMentionSuggestions = async () => {
+      try {
+        lastInvokedAt.current = performance.now();
+        const mentionSuggestions2 = await resolveMentionSuggestions(
+          resolveMentionSuggestionsArgs
+        );
+        if (!isCanceled) {
+          setMentionSuggestions(mentionSuggestions2);
+          mentionSuggestionsCache.set(
+            mentionSuggestionsCacheKey,
+            mentionSuggestions2
+          );
+        }
+      } catch (error) {
+        console.error(error?.message);
+      }
+    };
+    if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) {
+      setMentionSuggestions(
+        mentionSuggestionsCache.get(mentionSuggestionsCacheKey)
+      );
+    } else if (!lastInvokedAt.current || Math.abs(performance.now() - lastInvokedAt.current) > MENTION_SUGGESTIONS_DEBOUNCE) {
+      void getMentionSuggestions();
+    } else {
+      debounceTimeout = window.setTimeout(() => {
+        void getMentionSuggestions();
+      }, MENTION_SUGGESTIONS_DEBOUNCE);
+    }
+    return () => {
+      isCanceled = true;
+      window.clearTimeout(debounceTimeout);
+    };
+  }, [room.id, search]);
+  return mentionSuggestions;
+}
+function useCurrentUserIdFromRoom() {
+  return react.useSelf((user) => typeof user.id === "string" ? user.id : null);
+}
+function useCurrentUserIdFromClient_withClient(client) {
+  const currentUserIdStore = client[core.kInternal].currentUserIdStore;
+  return React.useSyncExternalStore(
+    currentUserIdStore.subscribe,
+    currentUserIdStore.get,
+    currentUserIdStore.get
+  );
+}
 function useCurrentUserId() {
-  const roomContextBundle = react.useRoomContextBundleOrNull__();
-  const liveblocksContextBundle = react.useLiveblocksContextBundleOrNull__();
-  if (roomContextBundle !== null) {
-    return roomContextBundle[core.kInternal].useCurrentUserIdFromRoom();
-  } else if (liveblocksContextBundle !== null) {
-    return liveblocksContextBundle[core.kInternal].useCurrentUserIdFromClient();
+  const client = React.useContext(react.ClientContext);
+  const room = React.useContext(react.RoomContext);
+  if (room !== null) {
+    return useCurrentUserIdFromRoom();
+  } else if (client !== null) {
+    return useCurrentUserIdFromClient_withClient(client);
   } else {
     core.raise(
       "LiveblocksProvider or RoomProvider are missing from the React tree."
@@ -18,4 +90,5 @@ function useCurrentUserId() {
 }
 
 exports.useCurrentUserId = useCurrentUserId;
+exports.useMentionSuggestions = useMentionSuggestions;
 //# sourceMappingURL=shared.js.map

package/dist/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../src/shared.ts"],"sourcesContent":["import { kInternal, raise } from \"@liveblocks/core\";\nimport {\n  useLiveblocksContextBundleOrNull__,\n  useRoomContextBundleOrNull__,\n} from \"@liveblocks/react\";\n\nexport function useCurrentUserId(): string | null {\n  const roomContextBundle = useRoomContextBundleOrNull__();\n  const liveblocksContextBundle = useLiveblocksContextBundleOrNull__();\n\n  if (roomContextBundle !== null) {\n    return roomContextBundle[kInternal].useCurrentUserIdFromRoom();\n  } else if (liveblocksContextBundle !== null) {\n    return liveblocksContextBundle[kInternal].useCurrentUserIdFromClient();\n  } else {\n    raise(\n      \"LiveblocksProvider or RoomProvider are missing from the React tree.\"\n    );\n  }\n}\n"],"names":["useRoomContextBundleOrNull__","useLiveblocksContextBundleOrNull__","kInternal","raise"],"mappings":";;;;;AAMO,SAAS,gBAAkC,GAAA;AAChD,EAAA,MAAM,oBAAoBA,kCAA6B,EAAA,CAAA;AACvD,EAAA,MAAM,0BAA0BC,wCAAmC,EAAA,CAAA;AAEnE,EAAA,IAAI,sBAAsB,IAAM,EAAA;AAC9B,IAAO,OAAA,iBAAA,CAAkBC,gBAAW,wBAAyB,EAAA,CAAA;AAAA,GAC/D,MAAA,IAAW,4BAA4B,IAAM,EAAA;AAC3C,IAAO,OAAA,uBAAA,CAAwBA,gBAAW,0BAA2B,EAAA,CAAA;AAAA,GAChE,MAAA;AACL,IAAAC,UAAA;AAAA,MACE,qEAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"shared.js","sources":["../src/shared.ts"],"sourcesContent":["import type { OpaqueClient } from \"@liveblocks/core\";\nimport { kInternal, raise, stringify } from \"@liveblocks/core\";\nimport {\n  ClientContext,\n  RoomContext,\n  useClient,\n  useRoom,\n  useSelf,\n} from \"@liveblocks/react\";\nimport React, { useContext, useSyncExternalStore } from \"react\";\n\nconst MENTION_SUGGESTIONS_DEBOUNCE = 500;\n\nconst _cachesByClient = new WeakMap<OpaqueClient, Map<string, string[]>>();\n\nfunction getMentionSuggestionsCacheForClient(client: OpaqueClient) {\n  let cache = _cachesByClient.get(client);\n  if (!cache) {\n    cache = new Map();\n    _cachesByClient.set(client, cache);\n  }\n  return cache;\n}\n\n/**\n * @private For internal use only. Do not rely on this hook.\n *\n * Simplistic debounced search, we don't need to worry too much about deduping\n * and race conditions as there can only be one search at a time.\n */\nexport function useMentionSuggestions(search?: string) {\n  const client = useClient();\n  const mentionSuggestionsCache = getMentionSuggestionsCacheForClient(client);\n\n  const room = useRoom();\n  const [mentionSuggestions, setMentionSuggestions] =\n    React.useState<string[]>();\n  const lastInvokedAt = React.useRef<number>();\n\n  React.useEffect(() => {\n    const resolveMentionSuggestions =\n      client[kInternal].resolveMentionSuggestions;\n\n    if (search === undefined || !resolveMentionSuggestions) {\n      return;\n    }\n\n    const resolveMentionSuggestionsArgs = { text: search, roomId: room.id };\n    const mentionSuggestionsCacheKey = stringify(resolveMentionSuggestionsArgs);\n    let debounceTimeout: number | undefined;\n    let isCanceled = false;\n\n    const getMentionSuggestions = async () => {\n      try {\n        lastInvokedAt.current = performance.now();\n        const mentionSuggestions = await resolveMentionSuggestions(\n          resolveMentionSuggestionsArgs\n        );\n\n        if (!isCanceled) {\n          setMentionSuggestions(mentionSuggestions);\n          mentionSuggestionsCache.set(\n            mentionSuggestionsCacheKey,\n            mentionSuggestions\n          );\n        }\n      } catch (error) {\n        console.error((error as Error)?.message);\n      }\n    };\n\n    if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) {\n      // If there are already cached mention suggestions, use them immediately.\n      setMentionSuggestions(\n        mentionSuggestionsCache.get(mentionSuggestionsCacheKey)\n      );\n    } else if (\n      !lastInvokedAt.current ||\n      Math.abs(performance.now() - lastInvokedAt.current) >\n        MENTION_SUGGESTIONS_DEBOUNCE\n    ) {\n      // If on the debounce's leading edge (either because it's the first invokation or enough\n      // time has passed since the last debounce), get mention suggestions immediately.\n      void getMentionSuggestions();\n    } else {\n      // Otherwise, wait for the debounce delay.\n      debounceTimeout = window.setTimeout(() => {\n        void getMentionSuggestions();\n      }, MENTION_SUGGESTIONS_DEBOUNCE);\n    }\n\n    return () => {\n      isCanceled = true;\n      window.clearTimeout(debounceTimeout);\n    };\n  }, [room.id, search]);\n\n  return mentionSuggestions;\n}\n\nfunction useCurrentUserIdFromRoom() {\n  return useSelf((user) => (typeof user.id === \"string\" ? user.id : null));\n}\n\nfunction useCurrentUserIdFromClient_withClient(client: OpaqueClient) {\n  const currentUserIdStore = client[kInternal].currentUserIdStore;\n  return useSyncExternalStore(\n    currentUserIdStore.subscribe,\n    currentUserIdStore.get,\n    currentUserIdStore.get\n  );\n}\n\nexport function useCurrentUserId(): string | null {\n  const client = useContext(ClientContext);\n  const room = useContext(RoomContext);\n  if (room !== null) {\n    return useCurrentUserIdFromRoom();\n  } else if (client !== null) {\n    return useCurrentUserIdFromClient_withClient(client);\n  } else {\n    raise(\n      \"LiveblocksProvider or RoomProvider are missing from the React tree.\"\n    );\n  }\n}\n"],"names":["useClient","useRoom","kInternal","stringify","mentionSuggestions","useSelf","useSyncExternalStore","useContext","ClientContext","RoomContext","raise"],"mappings":"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"}

package/dist/shared.mjs

@@ -1,13 +1,85 @@
-import { kInternal, raise } from '@liveblocks/core';
-import { useRoomContextBundleOrNull__, useLiveblocksContextBundleOrNull__ } from '@liveblocks/react';
+import { kInternal, stringify, raise } from '@liveblocks/core';
+import { useClient, useRoom, ClientContext, RoomContext, useSelf } from '@liveblocks/react';
+import React__default, { useContext, useSyncExternalStore } from 'react';
 
+const MENTION_SUGGESTIONS_DEBOUNCE = 500;
+const _cachesByClient = /* @__PURE__ */ new WeakMap();
+function getMentionSuggestionsCacheForClient(client) {
+  let cache = _cachesByClient.get(client);
+  if (!cache) {
+    cache = /* @__PURE__ */ new Map();
+    _cachesByClient.set(client, cache);
+  }
+  return cache;
+}
+function useMentionSuggestions(search) {
+  const client = useClient();
+  const mentionSuggestionsCache = getMentionSuggestionsCacheForClient(client);
+  const room = useRoom();
+  const [mentionSuggestions, setMentionSuggestions] = React__default.useState();
+  const lastInvokedAt = React__default.useRef();
+  React__default.useEffect(() => {
+    const resolveMentionSuggestions = client[kInternal].resolveMentionSuggestions;
+    if (search === void 0 || !resolveMentionSuggestions) {
+      return;
+    }
+    const resolveMentionSuggestionsArgs = { text: search, roomId: room.id };
+    const mentionSuggestionsCacheKey = stringify(resolveMentionSuggestionsArgs);
+    let debounceTimeout;
+    let isCanceled = false;
+    const getMentionSuggestions = async () => {
+      try {
+        lastInvokedAt.current = performance.now();
+        const mentionSuggestions2 = await resolveMentionSuggestions(
+          resolveMentionSuggestionsArgs
+        );
+        if (!isCanceled) {
+          setMentionSuggestions(mentionSuggestions2);
+          mentionSuggestionsCache.set(
+            mentionSuggestionsCacheKey,
+            mentionSuggestions2
+          );
+        }
+      } catch (error) {
+        console.error(error?.message);
+      }
+    };
+    if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) {
+      setMentionSuggestions(
+        mentionSuggestionsCache.get(mentionSuggestionsCacheKey)
+      );
+    } else if (!lastInvokedAt.current || Math.abs(performance.now() - lastInvokedAt.current) > MENTION_SUGGESTIONS_DEBOUNCE) {
+      void getMentionSuggestions();
+    } else {
+      debounceTimeout = window.setTimeout(() => {
+        void getMentionSuggestions();
+      }, MENTION_SUGGESTIONS_DEBOUNCE);
+    }
+    return () => {
+      isCanceled = true;
+      window.clearTimeout(debounceTimeout);
+    };
+  }, [room.id, search]);
+  return mentionSuggestions;
+}
+function useCurrentUserIdFromRoom() {
+  return useSelf((user) => typeof user.id === "string" ? user.id : null);
+}
+function useCurrentUserIdFromClient_withClient(client) {
+  const currentUserIdStore = client[kInternal].currentUserIdStore;
+  return useSyncExternalStore(
+    currentUserIdStore.subscribe,
+    currentUserIdStore.get,
+    currentUserIdStore.get
+  );
+}
 function useCurrentUserId() {
-  const roomContextBundle = useRoomContextBundleOrNull__();
-  const liveblocksContextBundle = useLiveblocksContextBundleOrNull__();
-  if (roomContextBundle !== null) {
-    return roomContextBundle[kInternal].useCurrentUserIdFromRoom();
-  } else if (liveblocksContextBundle !== null) {
-    return liveblocksContextBundle[kInternal].useCurrentUserIdFromClient();
+  const client = useContext(ClientContext);
+  const room = useContext(RoomContext);
+  if (room !== null) {
+    return useCurrentUserIdFromRoom();
+  } else if (client !== null) {
+    return useCurrentUserIdFromClient_withClient(client);
   } else {
     raise(
       "LiveblocksProvider or RoomProvider are missing from the React tree."
@@ -15,5 +87,5 @@ function useCurrentUserId() {
   }
 }
 
-export { useCurrentUserId };
+export { useCurrentUserId, useMentionSuggestions };
 //# sourceMappingURL=shared.mjs.map

package/dist/shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared.mjs","sources":["../src/shared.ts"],"sourcesContent":["import { kInternal, raise } from \"@liveblocks/core\";\nimport {\n  useLiveblocksContextBundleOrNull__,\n  useRoomContextBundleOrNull__,\n} from \"@liveblocks/react\";\n\nexport function useCurrentUserId(): string | null {\n  const roomContextBundle = useRoomContextBundleOrNull__();\n  const liveblocksContextBundle = useLiveblocksContextBundleOrNull__();\n\n  if (roomContextBundle !== null) {\n    return roomContextBundle[kInternal].useCurrentUserIdFromRoom();\n  } else if (liveblocksContextBundle !== null) {\n    return liveblocksContextBundle[kInternal].useCurrentUserIdFromClient();\n  } else {\n    raise(\n      \"LiveblocksProvider or RoomProvider are missing from the React tree.\"\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,gBAAkC,GAAA;AAChD,EAAA,MAAM,oBAAoB,4BAA6B,EAAA,CAAA;AACvD,EAAA,MAAM,0BAA0B,kCAAmC,EAAA,CAAA;AAEnE,EAAA,IAAI,sBAAsB,IAAM,EAAA;AAC9B,IAAO,OAAA,iBAAA,CAAkB,WAAW,wBAAyB,EAAA,CAAA;AAAA,GAC/D,MAAA,IAAW,4BAA4B,IAAM,EAAA;AAC3C,IAAO,OAAA,uBAAA,CAAwB,WAAW,0BAA2B,EAAA,CAAA;AAAA,GAChE,MAAA;AACL,IAAA,KAAA;AAAA,MACE,qEAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"shared.mjs","sources":["../src/shared.ts"],"sourcesContent":["import type { OpaqueClient } from \"@liveblocks/core\";\nimport { kInternal, raise, stringify } from \"@liveblocks/core\";\nimport {\n  ClientContext,\n  RoomContext,\n  useClient,\n  useRoom,\n  useSelf,\n} from \"@liveblocks/react\";\nimport React, { useContext, useSyncExternalStore } from \"react\";\n\nconst MENTION_SUGGESTIONS_DEBOUNCE = 500;\n\nconst _cachesByClient = new WeakMap<OpaqueClient, Map<string, string[]>>();\n\nfunction getMentionSuggestionsCacheForClient(client: OpaqueClient) {\n  let cache = _cachesByClient.get(client);\n  if (!cache) {\n    cache = new Map();\n    _cachesByClient.set(client, cache);\n  }\n  return cache;\n}\n\n/**\n * @private For internal use only. Do not rely on this hook.\n *\n * Simplistic debounced search, we don't need to worry too much about deduping\n * and race conditions as there can only be one search at a time.\n */\nexport function useMentionSuggestions(search?: string) {\n  const client = useClient();\n  const mentionSuggestionsCache = getMentionSuggestionsCacheForClient(client);\n\n  const room = useRoom();\n  const [mentionSuggestions, setMentionSuggestions] =\n    React.useState<string[]>();\n  const lastInvokedAt = React.useRef<number>();\n\n  React.useEffect(() => {\n    const resolveMentionSuggestions =\n      client[kInternal].resolveMentionSuggestions;\n\n    if (search === undefined || !resolveMentionSuggestions) {\n      return;\n    }\n\n    const resolveMentionSuggestionsArgs = { text: search, roomId: room.id };\n    const mentionSuggestionsCacheKey = stringify(resolveMentionSuggestionsArgs);\n    let debounceTimeout: number | undefined;\n    let isCanceled = false;\n\n    const getMentionSuggestions = async () => {\n      try {\n        lastInvokedAt.current = performance.now();\n        const mentionSuggestions = await resolveMentionSuggestions(\n          resolveMentionSuggestionsArgs\n        );\n\n        if (!isCanceled) {\n          setMentionSuggestions(mentionSuggestions);\n          mentionSuggestionsCache.set(\n            mentionSuggestionsCacheKey,\n            mentionSuggestions\n          );\n        }\n      } catch (error) {\n        console.error((error as Error)?.message);\n      }\n    };\n\n    if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) {\n      // If there are already cached mention suggestions, use them immediately.\n      setMentionSuggestions(\n        mentionSuggestionsCache.get(mentionSuggestionsCacheKey)\n      );\n    } else if (\n      !lastInvokedAt.current ||\n      Math.abs(performance.now() - lastInvokedAt.current) >\n        MENTION_SUGGESTIONS_DEBOUNCE\n    ) {\n      // If on the debounce's leading edge (either because it's the first invokation or enough\n      // time has passed since the last debounce), get mention suggestions immediately.\n      void getMentionSuggestions();\n    } else {\n      // Otherwise, wait for the debounce delay.\n      debounceTimeout = window.setTimeout(() => {\n        void getMentionSuggestions();\n      }, MENTION_SUGGESTIONS_DEBOUNCE);\n    }\n\n    return () => {\n      isCanceled = true;\n      window.clearTimeout(debounceTimeout);\n    };\n  }, [room.id, search]);\n\n  return mentionSuggestions;\n}\n\nfunction useCurrentUserIdFromRoom() {\n  return useSelf((user) => (typeof user.id === \"string\" ? user.id : null));\n}\n\nfunction useCurrentUserIdFromClient_withClient(client: OpaqueClient) {\n  const currentUserIdStore = client[kInternal].currentUserIdStore;\n  return useSyncExternalStore(\n    currentUserIdStore.subscribe,\n    currentUserIdStore.get,\n    currentUserIdStore.get\n  );\n}\n\nexport function useCurrentUserId(): string | null {\n  const client = useContext(ClientContext);\n  const room = useContext(RoomContext);\n  if (room !== null) {\n    return useCurrentUserIdFromRoom();\n  } else if (client !== null) {\n    return useCurrentUserIdFromClient_withClient(client);\n  } else {\n    raise(\n      \"LiveblocksProvider or RoomProvider are missing from the React tree.\"\n    );\n  }\n}\n"],"names":["React","mentionSuggestions"],"mappings":"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"}

package/dist/version.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "1.12.0";
+const PKG_VERSION = "2.0.0-alpha1";
 const PKG_FORMAT = "cjs";
 
 exports.PKG_FORMAT = PKG_FORMAT;

package/dist/version.js.map

@@ -1 +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-ui\";\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,uBAAA;AACX,MAAA,WAAA,GAAiD,SAAA;AACjD,MAAA,UAAA,GAAgD;;;;;;"}
+{"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-ui\";\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,uBAAA;AACX,MAAA,WAAA,GAAiD,eAAA;AACjD,MAAA,UAAA,GAAgD;;;;;;"}

package/dist/version.mjs

@@ -1,5 +1,5 @@
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "1.12.0";
+const PKG_VERSION = "2.0.0-alpha1";
 const PKG_FORMAT = "esm";
 
 export { PKG_FORMAT, PKG_NAME, PKG_VERSION };

package/dist/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\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,uBAAA;AACX,MAAA,WAAA,GAAiD,SAAA;AACjD,MAAA,UAAA,GAAgD;;;;"}
+{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\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,uBAAA;AACX,MAAA,WAAA,GAAiD,eAAA;AACjD,MAAA,UAAA,GAAgD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react-ui",
-  "version": "1.12.0-initial1",
+  "version": "2.0.0-alpha1",
   "description": "A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "type": "commonjs",
@@ -62,9 +62,9 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.8",
-    "@liveblocks/client": "1.12.0",
-    "@liveblocks/core": "1.12.0",
-    "@liveblocks/react": "1.12.0",
+    "@liveblocks/client": "2.0.0-alpha1",
+    "@liveblocks/core": "2.0.0-alpha1",
+    "@liveblocks/react": "2.0.0-alpha1",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",