@liveblocks/core 0.19.3-beta0 → 0.19.3-beta2

package/dist/index.d.ts

@@ -514,9 +514,15 @@ declare type RoomAuthToken = {
     scopes: string[];
     actor: number;
     maxConnectionsPerRoom?: number;
-    id?: string;
     info?: Json;
-};
+    groupIds?: string[];
+} & ({
+    id: string;
+    anonymousId?: never;
+} | {
+    id?: never;
+    anonymousId: string;
+});
 declare type AuthToken = AppOnlyAuthToken | RoomAuthToken;
 declare function isAppOnlyAuthToken(data: JsonObject): data is AppOnlyAuthToken;
 declare function isRoomAuthToken(data: JsonObject): data is RoomAuthToken;
@@ -726,10 +732,13 @@ interface History {
      */
     resume: () => void;
 }
-interface HistoryEvent {
+declare type HistoryEvent = {
     canUndo: boolean;
     canRedo: boolean;
-}
+};
+declare type PendingHasModificationsEvent = {
+    hasPendingStorageModifications: boolean;
+};
 declare type BroadcastOptions = {
     /**
      * Whether or not event is queued if the connection is currently closed.
@@ -846,9 +855,19 @@ declare type Room<TPresence extends JsonObject, TStorage extends LsonObject, TUs
          * room.subscribe("history", ({ canUndo, canRedo }) => {
          *   // Do something
          * });
-         *
          */
         (type: "history", listener: Callback<HistoryEvent>): () => void;
+        /**
+         * Subscribe to pending storage modifications updates.
+         *
+         * @returns Unsubscribe function.
+         *
+         * @example
+         * room.subscribe("pending-storage-modifications", ({ hasPendingStorageModifications }) => {
+         *   // Do something
+         * });
+         */
+        (type: "pending-storage-modifications", listener: Callback<PendingHasModificationsEvent>): () => void;
     };
     /**
      * Room's history contains functions that let you undo and redo operation made on by the current client on the presence and storage.

package/dist/index.js

@@ -2725,7 +2725,8 @@ function makeStateMachine(state, config, mockedEffects) {
     connection: makeEventSource(),
     storage: makeEventSource(),
     history: makeEventSource(),
-    storageDidLoad: makeEventSource()
+    storageDidLoad: makeEventSource(),
+    pendingStorageModifications: makeEventSource()
   };
   const effects = mockedEffects || {
     authenticate(auth, createWebSocket) {
@@ -2893,6 +2894,7 @@ function makeStateMachine(state, config, mockedEffects) {
         return op;
       }
     });
+    const hasPendingStorageModifs = hasPendingStorageModifications();
     for (const op of ops) {
       if (op.type === "presence") {
         const reverse = {
@@ -2944,6 +2946,11 @@ function makeStateMachine(state, config, mockedEffects) {
         }
       }
     }
+    if (hasPendingStorageModifs && hasPendingStorageModifications() === false) {
+      eventHub.pendingStorageModifications.notify({
+        hasPendingStorageModifications: false
+      });
+    }
     return {
       ops,
       reverse: output.reverse,
@@ -3039,6 +3046,10 @@ function makeStateMachine(state, config, mockedEffects) {
           );
         case "history":
           return eventHub.history.subscribe(callback);
+        case "pending-storage-modifications":
+          return eventHub.pendingStorageModifications.subscribe(
+            callback
+          );
         default:
           return assertNever(first, "Unknown event");
       }
@@ -3444,9 +3455,15 @@ function makeStateMachine(state, config, mockedEffects) {
   function tryFlushing() {
     const storageOps = state.buffer.storageOperations;
     if (storageOps.length > 0) {
+      const hasAlreadyPendingModifications = hasPendingStorageModifications();
       storageOps.forEach((op) => {
         state.offlineOperations.set(nn(op.opId), op);
       });
+      if (!hasAlreadyPendingModifications) {
+        eventHub.pendingStorageModifications.notify({
+          hasPendingStorageModifications: true
+        });
+      }
     }
     if (state.socket === null || state.socket.readyState !== state.socket.OPEN) {
       state.buffer.storageOperations = [];
@@ -3719,7 +3736,8 @@ function makeStateMachine(state, config, mockedEffects) {
       connection: eventHub.connection.observable,
       storage: eventHub.storage.observable,
       history: eventHub.history.observable,
-      storageDidLoad: eventHub.storageDidLoad.observable
+      storageDidLoad: eventHub.storageDidLoad.observable,
+      pendingStorageModifications: eventHub.pendingStorageModifications
     },
     getConnectionState,
     isSelfAware: () => isConnectionSelfAware(state.connection.current),
@@ -3831,7 +3849,7 @@ function prepareCreateWebSocket(liveblocksServer, WebSocketPolyfill) {
   const ws = WebSocketPolyfill || WebSocket;
   return (token) => {
     return new ws(
-      `${liveblocksServer}/?token=${token}&version=${true ? "0.19.3-beta0" : "dev"}`
+      `${liveblocksServer}/?token=${token}&version=${true ? "0.19.3-beta2" : "dev"}`
     );
   };
 }
@@ -3881,6 +3899,7 @@ function fetchAuthEndpoint(fetch2, endpoint, body) {
       headers: {
         "Content-Type": "application/json"
       },
+      credentials: "include",
       body: JSON.stringify(body)
     });
     if (!res.ok) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/core",
-  "version": "0.19.3-beta0",
+  "version": "0.19.3-beta2",
   "description": "Shared code and foundational internals for Liveblocks",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",