@liveblocks/core 2.18.2 → 2.18.3

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/core";
-var PKG_VERSION = "2.18.2";
+var PKG_VERSION = "2.18.3";
 var PKG_FORMAT = "esm";
 
 // src/dupe-detection.ts
@@ -731,9 +731,18 @@ function replacer(_key, value) {
     return sorted;
   }, {}) : value;
 }
-function stringify(value) {
+function stableStringify(value) {
   return JSON.stringify(value, replacer);
 }
+function stringifyOrLog(value) {
+  try {
+    return JSON.stringify(value);
+  } catch (err) {
+    console.error(`Could not stringify: ${err.message}`);
+    console.error(value);
+    throw err;
+  }
+}
 
 // src/lib/batch.ts
 var DEFAULT_SIZE = 50;
@@ -810,7 +819,7 @@ var Batch = class {
   }
   get(input) {
     const existingCall = this.#queue.find(
-      (call2) => stringify(call2.input) === stringify(input)
+      (call2) => stableStringify(call2.input) === stableStringify(input)
     );
     if (existingCall) {
       return existingCall.promise;
@@ -829,7 +838,7 @@ var Batch = class {
 function createBatchStore(batch2) {
   const signal = new MutableSignal(/* @__PURE__ */ new Map());
   function getCacheKey(args) {
-    return stringify(args);
+    return stableStringify(args);
   }
   function update(cacheKey, state) {
     signal.mutate((cache) => {
@@ -1938,7 +1947,7 @@ var HttpClient = class {
   async rawPost(endpoint, authValue, body) {
     return await this.#rawFetch(endpoint, authValue, {
       method: "POST",
-      body: JSON.stringify(body)
+      body: stringifyOrLog(body)
     });
   }
   /**
@@ -1967,7 +1976,7 @@ var HttpClient = class {
       {
         ...options,
         method: "POST",
-        body: JSON.stringify(body)
+        body: stringifyOrLog(body)
       },
       params
     );
@@ -3333,7 +3342,7 @@ async function fetchAuthEndpoint(fetch, endpoint, body) {
     headers: {
       "Content-Type": "application/json"
     },
-    body: JSON.stringify(body)
+    body: stringifyOrLog(body)
   });
   if (!res.ok) {
     const reason = `${(await res.text()).trim() || "reason not provided in auth response"} (${res.status} returned by POST ${endpoint})`;
@@ -3355,7 +3364,7 @@ async function fetchAuthEndpoint(fetch, endpoint, body) {
   }
   if (!isPlainObject(data) || typeof data.token !== "string") {
     throw new Error(
-      `Expected a JSON response of the form \`{ token: "..." }\` when doing a POST request on "${endpoint}", but got ${JSON.stringify(
+      `Expected a JSON response of the form \`{ token: "..." }\` when doing a POST request on "${endpoint}", but got ${stringifyOrLog(
         data
       )}`
     );
@@ -5978,7 +5987,7 @@ function getTreesDiffOperations(currentItems, newItems) {
     const currentCrdt = currentItems.get(id);
     if (currentCrdt) {
       if (crdt.type === 0 /* OBJECT */) {
-        if (currentCrdt.type !== 0 /* OBJECT */ || JSON.stringify(crdt.data) !== JSON.stringify(currentCrdt.data)) {
+        if (currentCrdt.type !== 0 /* OBJECT */ || stringifyOrLog(crdt.data) !== stringifyOrLog(currentCrdt.data)) {
           ops.push({
             type: 3 /* UPDATE_OBJECT */,
             id,
@@ -6714,7 +6723,7 @@ function createRoom(options, config) {
     const secondHalf = ops.slice(mid);
     for (const halfOps of [firstHalf, secondHalf]) {
       const half = { ops: halfOps, ...rest };
-      const text = JSON.stringify([half]);
+      const text = stringifyOrLog([half]);
       if (!isTooBigForWebSocket(text)) {
         yield text;
       } else {
@@ -6737,7 +6746,7 @@ function createRoom(options, config) {
     const firstHalf = messages.slice(0, mid);
     const secondHalf = messages.slice(mid);
     for (const half of [firstHalf, secondHalf]) {
-      const text = JSON.stringify(half);
+      const text = stringifyOrLog(half);
       if (!isTooBigForWebSocket(text)) {
         yield text;
       } else {
@@ -6753,7 +6762,7 @@ function createRoom(options, config) {
   }
   function sendMessages(messages) {
     const strategy = config.largeMessageStrategy ?? "default";
-    const text = JSON.stringify(messages);
+    const text = stringifyOrLog(messages);
     if (!isTooBigForWebSocket(text)) {
       return managedSocket.send(text);
     }
@@ -8484,7 +8493,7 @@ var stringifyCommentBodyHtmlElements = {
   text: ({ element }) => {
     let children = element.text;
     if (!children) {
-      return children;
+      return html`${children}`;
     }
     if (element.bold) {
       children = html`<strong>${children}</strong>`;
@@ -8498,13 +8507,13 @@ var stringifyCommentBodyHtmlElements = {
     if (element.code) {
       children = html`<code>${children}</code>`;
     }
-    return children;
+    return html`${children}`;
   },
   link: ({ element, href }) => {
-    return html`<a href="${href}" target="_blank" rel="noopener noreferrer">${element.text ?? element.url}</a>`;
+    return html`<a href="${href}" target="_blank" rel="noopener noreferrer">${element.text ? html`${element.text}` : element.url}</a>`;
   },
   mention: ({ element, user }) => {
-    return html`<span data-mention>@${user?.name ?? element.id}</span>`;
+    return html`<span data-mention>@${user?.name ? html`${user?.name}` : element.id}</span>`;
   }
 };
 var stringifyCommentBodyMarkdownElements = {
@@ -9280,7 +9289,7 @@ export {
   raise,
   resolveUsersInCommentBody,
   shallow,
-  stringify,
+  stableStringify,
   stringifyCommentBody,
   throwUsageError,
   toAbsoluteUrl,