@liveblocks/core 1.3.5 → 1.4.0-test1

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/core";
-var PKG_VERSION = "1.3.5";
+var PKG_VERSION = "1.4.0-test1";
 var PKG_FORMAT = "esm";
 
 // src/dupe-detection.ts
@@ -1542,9 +1542,18 @@ function startSyncStream(room) {
     room.events.storage.subscribe(() => partialSyncStorage(room)),
     // Any time "me" or "others" updates, send the new values accordingly
     room.events.self.subscribe(() => partialSyncMe(room)),
-    room.events.others.subscribe(() => partialSyncOthers(room))
+    room.events.others.subscribe(() => partialSyncOthers(room)),
+    // Any time ydoc is updated, forward the update
+    room.events.ydoc.subscribe((update) => syncYdocUpdate(room, update))
   ]);
 }
+function syncYdocUpdate(room, update) {
+  sendToPanel({
+    msg: "room::sync::ydoc",
+    roomId: room.id,
+    update
+  });
+}
 function partialSyncConnection(room) {
   sendToPanel({
     msg: "room::sync::partial",
@@ -1586,6 +1595,7 @@ function fullSync(room) {
   const root = room.getStorageSnapshot();
   const me = room.__internal.getSelf_forDevTools();
   const others = room.__internal.getOthers_forDevTools();
+  room.fetchYDoc("");
   sendToPanel({
     msg: "room::sync::full",
     roomId: room.id,
@@ -1821,13 +1831,47 @@ function createCommentsApi(roomId, getAuthValue, { serverEndpoint }) {
       }
     );
   }
+  function addReaction({
+    threadId,
+    commentId,
+    emoji
+  }) {
+    return fetchJson(
+      `/threads/${encodeURIComponent(threadId)}/comments/${encodeURIComponent(
+        commentId
+      )}/reactions`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ emoji })
+      }
+    );
+  }
+  function removeReaction({
+    threadId,
+    commentId,
+    emoji
+  }) {
+    return fetchJson(
+      `/threads/${encodeURIComponent(threadId)}/comments/${encodeURIComponent(
+        commentId
+      )}/reactions/${encodeURIComponent(emoji)}`,
+      {
+        method: "DELETE"
+      }
+    );
+  }
   return {
     getThreads,
     createThread,
     editThreadMetadata,
     createComment,
     editComment,
-    deleteComment
+    deleteComment,
+    addReaction,
+    removeReaction
   };
 }
 
@@ -4596,7 +4640,7 @@ var DerivedRef = class extends ImmutableRef {
 };
 
 // src/room.ts
-var MAX_MESSAGE_SIZE = 1024 * 1024 - 128;
+var MAX_SOCKET_MESSAGE_SIZE = 1024 * 1024 - 1024;
 function makeIdFactory(connectionId) {
   let count = 0;
   return () => `${connectionId}:${count++}`;
@@ -4811,17 +4855,35 @@ function createRoom(options, config) {
     ydoc: makeEventSource(),
     comments: makeEventSource()
   };
-  function sendMessages(messageOrMessages) {
-    const message = JSON.stringify(messageOrMessages);
-    if (config.unstable_fallbackToHTTP) {
-      const size = new TextEncoder().encode(message).length;
-      if (size > MAX_MESSAGE_SIZE && // TODO: support public api key auth in REST API
-      managedSocket.authValue?.type === "secret" && config.httpSendEndpoint) {
+  async function httpSend(authTokenOrPublicApiKey, roomId, nonce, messages) {
+    const baseUrl = new URL(config.liveblocksServer);
+    baseUrl.protocol = "https";
+    const url = new URL(
+      `/v2/c/rooms/${encodeURIComponent(roomId)}/send-message`,
+      baseUrl
+    );
+    const fetcher = config.polyfills?.fetch || /* istanbul ignore next */
+    fetch;
+    return fetcher(url.toString(), {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${authTokenOrPublicApiKey}`
+      },
+      body: JSON.stringify({ nonce, messages })
+    });
+  }
+  function sendMessages(messages) {
+    const serializedPayload = JSON.stringify(messages);
+    const nonce = context.dynamicSessionInfo.current?.nonce;
+    if (config.unstable_fallbackToHTTP && managedSocket.authValue && nonce) {
+      const size = new TextEncoder().encode(serializedPayload).length;
+      if (size > MAX_SOCKET_MESSAGE_SIZE) {
         void httpSend(
-          message,
-          managedSocket.authValue.token.raw,
-          config.httpSendEndpoint,
-          config.polyfills?.fetch
+          managedSocket.authValue.type === "public" ? managedSocket.authValue.publicApiKey : managedSocket.authValue.token.raw,
+          config.roomId,
+          nonce,
+          messages
         ).then((resp) => {
           if (!resp.ok && resp.status === 403) {
             managedSocket.reconnect();
@@ -4833,7 +4895,7 @@ function createRoom(options, config) {
         return;
       }
     }
-    managedSocket.send(message);
+    managedSocket.send(serializedPayload);
   }
   const self = new DerivedRef(
     context.staticSessionInfo,
@@ -5133,6 +5195,7 @@ function createRoom(options, config) {
   function onRoomStateMessage(message, batchedUpdatesWrapper) {
     context.dynamicSessionInfo.set({
       actor: message.actor,
+      nonce: message.nonce,
       scopes: message.scopes
     });
     context.idFactory = makeIdFactory(message.actor);
@@ -5242,8 +5305,10 @@ function createRoom(options, config) {
             break;
           }
           case 103 /* BROADCASTED_EVENT */: {
+            const others = context.others.current;
             eventHub.customEvent.notify({
               connectionId: message.actor,
+              user: message.actor < 0 ? null : others.find((u) => u.connectionId === message.actor) ?? null,
               event: message.event
             });
             break;
@@ -5386,10 +5451,12 @@ ${Array.from(traces).join("\n\n")}`
     return messages;
   }
   function updateYDoc(update) {
-    context.buffer.messages.push({
+    const clientMsg = {
       type: 301 /* UPDATE_YDOC */,
       update
-    });
+    };
+    context.buffer.messages.push(clientMsg);
+    eventHub.ydoc.notify(clientMsg);
     flushNowOrSoon();
   }
   function broadcastEvent(event, options2 = {
@@ -5777,18 +5844,6 @@ function makeCreateSocketDelegateForRoom(roomId, liveblocksServer, WebSocketPoly
     return new ws(url.toString());
   };
 }
-async function httpSend(message, token, endpoint, fetchPolyfill) {
-  const fetcher = fetchPolyfill || /* istanbul ignore next */
-  fetch;
-  return fetcher(endpoint, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`
-    },
-    body: message
-  });
-}
 
 // src/client.ts
 var MIN_THROTTLE = 16;
@@ -5844,10 +5899,6 @@ function createClient(options) {
         enableDebugLogging: clientOptions.enableDebugLogging,
         unstable_batchedUpdates: options2?.unstable_batchedUpdates,
         liveblocksServer: getServerFromClientOptions(clientOptions),
-        httpSendEndpoint: buildLiveblocksHttpSendEndpoint(
-          clientOptions,
-          roomId
-        ),
         unstable_fallbackToHTTP: !!clientOptions.unstable_fallbackToHTTP
       }
     );
@@ -5902,14 +5953,6 @@ function getLostConnectionTimeout(value) {
     RECOMMENDED_MIN_LOST_CONNECTION_TIMEOUT
   );
 }
-function buildLiveblocksHttpSendEndpoint(options, roomId) {
-  if (options.httpSendEndpoint) {
-    return options.httpSendEndpoint.replace("{roomId}", roomId);
-  }
-  return `https://api.liveblocks.io/v2/rooms/${encodeURIComponent(
-    roomId
-  )}/send-message`;
-}
 
 // src/crdts/utils.ts
 function toPlainLson(lson) {