@liveblocks/core 2.7.0 → 2.8.0-beta1

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/core";
-var PKG_VERSION = "2.7.0";
+var PKG_VERSION = "2.8.0-beta1";
 var PKG_FORMAT = "esm";
 
 // src/dupe-detection.ts
@@ -1871,8 +1871,7 @@ var Batch = class {
     this.clearDelayTimeout();
   }
 };
-function createBatchStore(callback, options) {
-  const batch = new Batch(callback, options);
+function createBatchStore(batch) {
   const cache = /* @__PURE__ */ new Map();
   const eventSource2 = makeEventSource();
   function getCacheKey(args) {
@@ -1952,7 +1951,6 @@ function createStore(initialState) {
   }
   function subscribe(callback) {
     subscribers.add(callback);
-    callback(state);
     return () => {
       subscribers.delete(callback);
     };
@@ -4797,9 +4795,19 @@ function findNonSerializableValue(value, path = "") {
   return false;
 }
 
+// src/lib/chunk.ts
+function chunk(array, size) {
+  const chunks = [];
+  for (let i = 0, j = array.length; i < j; i += size) {
+    chunks.push(array.slice(i, i + size));
+  }
+  return chunks;
+}
+
 // src/lib/createIds.ts
 var THREAD_ID_PREFIX = "th";
 var COMMENT_ID_PREFIX = "cm";
+var COMMENT_ATTACHMENT_ID_PREFIX = "at";
 var INBOX_NOTIFICATION_ID_PREFIX = "in";
 function createOptimisticId(prefix) {
   return `${prefix}_${nanoid()}`;
@@ -4810,6 +4818,9 @@ function createThreadId() {
 function createCommentId() {
   return createOptimisticId(COMMENT_ID_PREFIX);
 }
+function createCommentAttachmentId() {
+  return createOptimisticId(COMMENT_ATTACHMENT_ID_PREFIX);
+}
 function createInboxNotificationId() {
   return createOptimisticId(INBOX_NOTIFICATION_ID_PREFIX);
 }
@@ -5212,6 +5223,22 @@ function installBackgroundTabSpy() {
   };
   return [inBackgroundSince, unsub];
 }
+var GET_ATTACHMENT_URLS_BATCH_DELAY = 50;
+var ATTACHMENT_PART_SIZE = 5 * 1024 * 1024;
+var ATTACHMENT_PART_BATCH_SIZE = 5;
+function splitFileIntoParts(file) {
+  const parts = [];
+  let start = 0;
+  while (start < file.size) {
+    const end = Math.min(start + ATTACHMENT_PART_SIZE, file.size);
+    parts.push({
+      partNumber: parts.length + 1,
+      part: file.slice(start, end)
+    });
+    start = end;
+  }
+  return parts;
+}
 var CommentsApiError = class extends Error {
   constructor(message, status, details) {
     super(message);
@@ -6505,7 +6532,8 @@ ${Array.from(traces).join("\n\n")}`
     metadata,
     body,
     commentId = createCommentId(),
-    threadId = createThreadId()
+    threadId = createThreadId(),
+    attachmentIds
   }) {
     const thread = await fetchCommentsJson("/threads", {
       method: "POST",
@@ -6516,7 +6544,8 @@ ${Array.from(traces).join("\n\n")}`
         id: threadId,
         comment: {
           id: commentId,
-          body
+          body,
+          attachmentIds
         },
         metadata
       })
@@ -6562,7 +6591,8 @@ ${Array.from(traces).join("\n\n")}`
   async function createComment({
     threadId,
     commentId = createCommentId(),
-    body
+    body,
+    attachmentIds
   }) {
     const comment = await fetchCommentsJson(
       `/threads/${encodeURIComponent(threadId)}/comments`,
@@ -6573,7 +6603,8 @@ ${Array.from(traces).join("\n\n")}`
         },
         body: JSON.stringify({
           id: commentId,
-          body
+          body,
+          attachmentIds
         })
       }
     );
@@ -6582,7 +6613,8 @@ ${Array.from(traces).join("\n\n")}`
   async function editComment({
     threadId,
     commentId,
-    body
+    body,
+    attachmentIds
   }) {
     const comment = await fetchCommentsJson(
       `/threads/${encodeURIComponent(threadId)}/comments/${encodeURIComponent(
@@ -6594,7 +6626,8 @@ ${Array.from(traces).join("\n\n")}`
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
-          body
+          body,
+          attachmentIds
         })
       }
     );
@@ -6646,6 +6679,126 @@ ${Array.from(traces).join("\n\n")}`
       }
     );
   }
+  function prepareAttachment(file) {
+    return {
+      type: "localAttachment",
+      status: "idle",
+      id: createCommentAttachmentId(),
+      name: file.name,
+      size: file.size,
+      mimeType: file.type,
+      file
+    };
+  }
+  async function uploadAttachment(attachment, options2 = {}) {
+    const abortSignal = options2.signal;
+    const abortError = abortSignal ? new DOMException(
+      `Upload of attachment ${attachment.id} was aborted.`,
+      "AbortError"
+    ) : void 0;
+    if (abortSignal?.aborted) {
+      throw abortError;
+    }
+    if (attachment.size <= ATTACHMENT_PART_SIZE) {
+      return fetchCommentsJson(
+        `/attachments/${encodeURIComponent(attachment.id)}/upload/${encodeURIComponent(attachment.name)}`,
+        {
+          method: "PUT",
+          body: attachment.file,
+          signal: abortSignal
+        }
+      );
+    } else {
+      let uploadId;
+      const uploadedParts = [];
+      try {
+        const createMultiPartUpload = await fetchCommentsJson(
+          `/attachments/${encodeURIComponent(attachment.id)}/multipart/${encodeURIComponent(attachment.name)}`,
+          {
+            method: "POST",
+            signal: abortSignal
+          }
+        );
+        uploadId = createMultiPartUpload.uploadId;
+        const parts = splitFileIntoParts(attachment.file);
+        if (abortSignal?.aborted) {
+          throw abortError;
+        }
+        const batches = chunk(parts, ATTACHMENT_PART_BATCH_SIZE);
+        for (const parts2 of batches) {
+          const uploadedPartsPromises = [];
+          for (const { part, partNumber } of parts2) {
+            uploadedPartsPromises.push(
+              fetchCommentsJson(
+                `/attachments/${encodeURIComponent(attachment.id)}/multipart/${encodeURIComponent(uploadId)}/${encodeURIComponent(partNumber)}`,
+                {
+                  method: "PUT",
+                  body: part,
+                  signal: abortSignal
+                }
+              )
+            );
+          }
+          uploadedParts.push(...await Promise.all(uploadedPartsPromises));
+        }
+        if (abortSignal?.aborted) {
+          throw abortError;
+        }
+        const sortedUploadedParts = uploadedParts.sort(
+          (a, b) => a.partNumber - b.partNumber
+        );
+        return fetchCommentsJson(
+          `/attachments/${encodeURIComponent(attachment.id)}/multipart/${encodeURIComponent(uploadId)}/complete`,
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify({ parts: sortedUploadedParts }),
+            signal: abortSignal
+          }
+        );
+      } catch (error3) {
+        if (uploadId && error3?.name && (error3.name === "AbortError" || error3.name === "TimeoutError")) {
+          await fetchCommentsApi(
+            `/attachments/${encodeURIComponent(attachment.id)}/multipart/${encodeURIComponent(uploadId)}`,
+            void 0,
+            {
+              method: "DELETE"
+            }
+          );
+        }
+        throw error3;
+      }
+    }
+  }
+  async function getAttachmentUrls(attachmentIds) {
+    const { urls } = await fetchCommentsJson(
+      "/attachments/presigned-urls",
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ attachmentIds })
+      }
+    );
+    return urls;
+  }
+  const batchedGetAttachmentUrls = new Batch(
+    async (batchedAttachmentIds) => {
+      const attachmentIds = batchedAttachmentIds.flat();
+      const attachmentUrls = await getAttachmentUrls(attachmentIds);
+      return attachmentUrls.map(
+        (url) => url ?? new Error("There was an error while getting this attachment's URL")
+      );
+    },
+    { delay: GET_ATTACHMENT_URLS_BATCH_DELAY }
+  );
+  const attachmentUrlsStore = createBatchStore(batchedGetAttachmentUrls);
+  function getAttachmentUrl(attachmentId) {
+    return batchedGetAttachmentUrls.get(attachmentId);
+  }
   async function fetchNotificationsJson(endpoint, options2) {
     const authValue = await delegates.authenticate();
     const response = await fetchClientApi(
@@ -6761,7 +6914,8 @@ ${Array.from(traces).join("\n\n")}`
           // These exist only for our E2E testing app
           explicitClose: (event) => managedSocket._privateSendMachineEvent({ type: "EXPLICIT_SOCKET_CLOSE", event }),
           rawSend: (data) => managedSocket.send(data)
-        }
+        },
+        attachmentUrlsStore
       },
       id: config.roomId,
       subscribe: makeClassicSubscribeFn(events),
@@ -6816,6 +6970,9 @@ ${Array.from(traces).join("\n\n")}`
       deleteComment,
       addReaction,
       removeReaction,
+      prepareAttachment,
+      uploadAttachment,
+      getAttachmentUrl,
       // Notifications
       getNotificationSettings,
       updateNotificationSettings,
@@ -7096,7 +7253,7 @@ function createClient(options) {
     () => !resolveUsers,
     "Set the resolveUsers option in createClient to specify user info."
   );
-  const usersStore = createBatchStore(
+  const batchedResolveUsers = new Batch(
     async (batchedUserIds) => {
       const userIds = batchedUserIds.flat();
       const users = await resolveUsers?.({ userIds });
@@ -7105,12 +7262,13 @@ function createClient(options) {
     },
     { delay: RESOLVE_USERS_BATCH_DELAY }
   );
+  const usersStore = createBatchStore(batchedResolveUsers);
   const resolveRoomsInfo = clientOptions.resolveRoomsInfo;
   const warnIfNoResolveRoomsInfo = createDevelopmentWarning(
     () => !resolveRoomsInfo,
     "Set the resolveRoomsInfo option in createClient to specify room info."
   );
-  const roomsInfoStore = createBatchStore(
+  const batchedResolveRoomsInfo = new Batch(
     async (batchedRoomIds) => {
       const roomIds = batchedRoomIds.flat();
       const roomsInfo = await resolveRoomsInfo?.({ roomIds });
@@ -7119,6 +7277,7 @@ function createClient(options) {
     },
     { delay: RESOLVE_ROOMS_INFO_BATCH_DELAY }
   );
+  const roomsInfoStore = createBatchStore(batchedResolveRoomsInfo);
   return Object.defineProperty(
     {
       enterRoom,
@@ -7977,7 +8136,7 @@ function shallowArray(xs, ys) {
   return true;
 }
 function shallowObj(objA, objB) {
-  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null || Object.prototype.toString.call(objA) !== "[object Object]" || Object.prototype.toString.call(objB) !== "[object Object]") {
+  if (!isPlainObject(objA) || !isPlainObject(objB)) {
     return false;
   }
   const keysA = Object.keys(objA);
@@ -8021,7 +8180,9 @@ export {
   assert,
   assertNever,
   b64decode,
+  chunk,
   cloneLson,
+  compactObject,
   fancy_console_exports as console,
   convertToCommentData,
   convertToCommentUserReaction,