@liveblocks/emails 3.8.1 → 3.9.1-tiptap1

package/dist/index.cjs

@@ -3,7 +3,7 @@ var _core = require('@liveblocks/core');
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/emails";
-var PKG_VERSION = "3.8.1";
+var PKG_VERSION = "3.9.1-tiptap1";
 var PKG_FORMAT = "cjs";
 
 // src/text-mention-notification.tsx
@@ -1091,9 +1091,12 @@ var iterateDeletedStructs = (transaction, ds, f) => ds.clients.forEach((deletes,
     /** @type {Array<GC|Item>} */
     transaction.doc.store.clients.get(clientid)
   );
-  for (let i = 0; i < deletes.length; i++) {
-    const del = deletes[i];
-    iterateStructs(transaction, structs, del.clock, del.len, f);
+  if (structs != null) {
+    const lastStruct = structs[structs.length - 1];
+    const clockState = lastStruct.id.clock + lastStruct.length;
+    for (let i = 0, del = deletes[i]; i < deletes.length && del.clock < clockState; del = deletes[++i]) {
+      iterateStructs(transaction, structs, del.clock, del.len, f);
+    }
   }
 });
 var findIndexDS = (dis, clock) => {
@@ -2132,13 +2135,13 @@ var integrateStructs = (transaction, store, clientsStructRefs) => {
   const addStackToRestSS = () => {
     for (const item of stack) {
       const client = item.id.client;
-      const unapplicableItems = clientsStructRefs.get(client);
-      if (unapplicableItems) {
-        unapplicableItems.i--;
-        restStructs.clients.set(client, unapplicableItems.refs.slice(unapplicableItems.i));
+      const inapplicableItems = clientsStructRefs.get(client);
+      if (inapplicableItems) {
+        inapplicableItems.i--;
+        restStructs.clients.set(client, inapplicableItems.refs.slice(inapplicableItems.i));
         clientsStructRefs.delete(client);
-        unapplicableItems.i = 0;
-        unapplicableItems.refs = [];
+        inapplicableItems.i = 0;
+        inapplicableItems.refs = [];
       } else {
         restStructs.clients.set(client, [item]);
       }
@@ -3647,6 +3650,8 @@ var typeMapSet = (transaction, parent, key, value) => {
       case Boolean:
       case Array:
       case String:
+      case Date:
+      case BigInt:
         content = new ContentAny([value]);
         break;
       case Uint8Array:
@@ -4912,7 +4917,7 @@ var YText = class _YText extends AbstractType {
   /**
    * Apply a {@link Delta} on this shared YText type.
    *
-   * @param {any} delta The changes to apply on this element.
+   * @param {Array<any>} delta The changes to apply on this element.
    * @param {object}  opts
    * @param {boolean} [opts.sanitize] Sanitize input delta. Removes ending newlines if set to true.
    *
@@ -5259,8 +5264,9 @@ var YXmlTreeWalker = class {
           n = type._start;
         } else {
           while (n !== null) {
-            if (n.right !== null) {
-              n = n.right;
+            const nxt = n.next;
+            if (nxt !== null) {
+              n = nxt;
               break;
             } else if (n.parent === this._root) {
               n = null;
@@ -5800,7 +5806,7 @@ var YXmlEvent = class extends YEvent {
    * @param {YXmlElement|YXmlText|YXmlFragment} target The target on which the event is created.
    * @param {Set<string|null>} subs The set of changed attributes. `null` is included if the
    *                   child list changed.
-   * @param {Transaction} transaction The transaction instance with wich the
+   * @param {Transaction} transaction The transaction instance with which the
    *                                  change was created.
    */
   constructor(target, subs, transaction) {
@@ -6010,7 +6016,7 @@ var AbstractStruct = class {
    * This method is already assuming that `this.id.clock + this.length === this.id.clock`.
    * Also this method does *not* remove right from StructStore!
    * @param {AbstractStruct} right
-   * @return {boolean} wether this merged with right
+   * @return {boolean} whether this merged with right
    */
   mergeWith(right) {
     return false;
@@ -7024,8 +7030,7 @@ var Item = class _Item extends AbstractStruct {
       if (this.left && this.left.constructor === _Item) {
         this.parent = this.left.parent;
         this.parentSub = this.left.parentSub;
-      }
-      if (this.right && this.right.constructor === _Item) {
+      } else if (this.right && this.right.constructor === _Item) {
         this.parent = this.right.parent;
         this.parentSub = this.right.parentSub;
       }
@@ -7805,33 +7810,41 @@ function toInlineCSSString(styles) {
 // src/tiptap-editor.ts
 
 
+// ../../node_modules/y-prosemirror/src/plugins/sync-plugin.js
+var hashedMarkNameRegex = /(.*)(--[a-zA-Z0-9+/=]{8})$/;
+var yattr2markname = (attrName) => _nullishCoalesce(_optionalChain([hashedMarkNameRegex, 'access', _7 => _7.exec, 'call', _8 => _8(attrName), 'optionalAccess', _9 => _9[1]]), () => ( attrName));
+
 // ../../node_modules/y-prosemirror/src/lib.js
 function yXmlFragmentToProsemirrorJSON(xmlFragment) {
   const items = xmlFragment.toArray();
-  function serialize(item) {
+  const serialize = (item) => {
     let response;
-    if (!item.nodeName) {
+    if (item instanceof YXmlText) {
       const delta = item.toDelta();
-      response = delta.map((d) => {
-        const text = {
-          type: "text",
-          text: d.insert
-        };
-        if (d.attributes) {
-          text.marks = Object.keys(d.attributes).map((type) => {
-            const attrs = d.attributes[type];
-            const mark = {
-              type
-            };
-            if (Object.keys(attrs)) {
-              mark.attrs = attrs;
-            }
-            return mark;
-          });
+      response = delta.map(
+        /** @param {any} d */
+        (d) => {
+          const text = {
+            type: "text",
+            text: d.insert
+          };
+          if (d.attributes) {
+            text.marks = Object.keys(d.attributes).map((type_) => {
+              const attrs = d.attributes[type_];
+              const type = yattr2markname(type_);
+              const mark = {
+                type
+              };
+              if (Object.keys(attrs)) {
+                mark.attrs = attrs;
+              }
+              return mark;
+            });
+          }
+          return text;
         }
-        return text;
-      });
-    } else {
+      );
+    } else if (item instanceof YXmlElement) {
       response = {
         type: item.nodeName
       };
@@ -7843,9 +7856,11 @@ function yXmlFragmentToProsemirrorJSON(xmlFragment) {
       if (children.length) {
         response.content = children.map(serialize).flat();
       }
+    } else {
+      unexpectedCase();
     }
     return response;
-  }
+  };
   return {
     type: "doc",
     content: items.map(serialize)
@@ -8152,8 +8167,8 @@ var resolveMentionsInLiveblocksTextEditorNodes = async (nodes, resolveUsers, res
 async function convertTextMentionContent(nodes, options) {
   const { users: resolvedUsers, groups: resolvedGroupsInfo } = await resolveMentionsInLiveblocksTextEditorNodes(
     nodes,
-    _optionalChain([options, 'optionalAccess', _7 => _7.resolveUsers]),
-    _optionalChain([options, 'optionalAccess', _8 => _8.resolveGroupsInfo])
+    _optionalChain([options, 'optionalAccess', _10 => _10.resolveUsers]),
+    _optionalChain([options, 'optionalAccess', _11 => _11.resolveGroupsInfo])
   );
   const blocks = nodes.map((node, index) => {
     switch (node.type) {
@@ -8256,7 +8271,7 @@ async function prepareTextMentionNotificationEmail(client, event, options, eleme
   const roomInfo = options.resolveRoomInfo ? await options.resolveRoomInfo({ roomId: event.data.roomId }) : void 0;
   const resolvedRoomInfo = {
     ...roomInfo,
-    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _9 => _9.name]), () => ( event.data.roomId))
+    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _12 => _12.name]), () => ( event.data.roomId))
   };
   const batchUsersResolver = createBatchUsersResolver({
     resolveUsers: options.resolveUsers,
@@ -8319,7 +8334,7 @@ var baseComponents = {
   Container: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children }),
   Mention: ({ element, user, group }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-mention": true, children: [
     _core.MENTION_CHARACTER,
-    _nullishCoalesce(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _10 => _10.name]), () => ( _optionalChain([group, 'optionalAccess', _11 => _11.name]))), () => ( element.id))
+    _nullishCoalesce(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _13 => _13.name]), () => ( _optionalChain([group, 'optionalAccess', _14 => _14.name]))), () => ( element.id))
   ] }),
   Text: ({ element }) => {
     let children = element.text;
@@ -8401,7 +8416,7 @@ async function prepareTextMentionNotificationEmailAsHtml(client, event, options
         return content.join("\n");
       },
       mention: ({ node, user, group }) => {
-        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${_core.MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _12 => _12.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _13 => _13.name])}` : _optionalChain([group, 'optionalAccess', _14 => _14.name]) ? _core.html`${_optionalChain([group, 'optionalAccess', _15 => _15.name])}` : node.id}</span>`;
+        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${_core.MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _15 => _15.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _16 => _16.name])}` : _optionalChain([group, 'optionalAccess', _17 => _17.name]) ? _core.html`${_optionalChain([group, 'optionalAccess', _18 => _18.name])}` : node.id}</span>`;
       },
       text: ({ node }) => {
         let children = node.text;
@@ -8451,8 +8466,8 @@ async function prepareTextMentionNotificationEmailAsHtml(client, event, options
 async function convertCommentBody(body, options) {
   const { users: resolvedUsers, groups: resolvedGroupsInfo } = await _core.resolveMentionsInCommentBody.call(void 0, 
     body,
-    _optionalChain([options, 'optionalAccess', _16 => _16.resolveUsers]),
-    _optionalChain([options, 'optionalAccess', _17 => _17.resolveGroupsInfo])
+    _optionalChain([options, 'optionalAccess', _19 => _19.resolveUsers]),
+    _optionalChain([options, 'optionalAccess', _20 => _20.resolveGroupsInfo])
   );
   const blocks = body.content.map((block, index) => {
     switch (block.type) {
@@ -8576,12 +8591,12 @@ var getLastUnreadCommentWithMention = ({
       if (mention.kind === "user" && mention.id === mentionedUserId) {
         return comment;
       }
-      if (mention.kind === "group" && _optionalChain([mention, 'access', _18 => _18.userIds, 'optionalAccess', _19 => _19.includes, 'call', _20 => _20(mentionedUserId)])) {
+      if (mention.kind === "group" && _optionalChain([mention, 'access', _21 => _21.userIds, 'optionalAccess', _22 => _22.includes, 'call', _23 => _23(mentionedUserId)])) {
         return comment;
       }
       if (mention.kind === "group" && mention.userIds === void 0) {
         const group = groups.get(mention.id);
-        if (_optionalChain([group, 'optionalAccess', _21 => _21.members, 'access', _22 => _22.some, 'call', _23 => _23((member) => member.id === mentionedUserId)])) {
+        if (_optionalChain([group, 'optionalAccess', _24 => _24.members, 'access', _25 => _25.some, 'call', _26 => _26((member) => member.id === mentionedUserId)])) {
           return comment;
         }
       }
@@ -8639,7 +8654,7 @@ async function prepareThreadNotificationEmail(client, event, options, elements,
   const roomInfo = options.resolveRoomInfo ? await options.resolveRoomInfo({ roomId: event.data.roomId }) : void 0;
   const resolvedRoomInfo = {
     ...roomInfo,
-    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _24 => _24.name]), () => ( event.data.roomId))
+    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _27 => _27.name]), () => ( event.data.roomId))
   };
   const batchUsersResolver = createBatchUsersResolver({
     resolveUsers: options.resolveUsers,
@@ -8670,8 +8685,8 @@ async function prepareThreadNotificationEmail(client, event, options, elements,
         authorsIds,
         authorsInfo
       );
-      const url = _optionalChain([roomInfo, 'optionalAccess', _25 => _25.url]) ? generateCommentUrl({
-        roomUrl: _optionalChain([roomInfo, 'optionalAccess', _26 => _26.url]),
+      const url = _optionalChain([roomInfo, 'optionalAccess', _28 => _28.url]) ? generateCommentUrl({
+        roomUrl: _optionalChain([roomInfo, 'optionalAccess', _29 => _29.url]),
         commentId: comment.id
       }) : void 0;
       return {
@@ -8718,7 +8733,7 @@ async function prepareThreadNotificationEmail(client, event, options, elements,
           );
           const commentBody = commentBodies[index];
           const url = generateCommentUrl({
-            roomUrl: _optionalChain([roomInfo, 'optionalAccess', _27 => _27.url]),
+            roomUrl: _optionalChain([roomInfo, 'optionalAccess', _30 => _30.url]),
             commentId: comment.id
           });
           return {
@@ -8760,7 +8775,7 @@ var baseStyles2 = {
   }
 };
 async function prepareThreadNotificationEmailAsHtml(client, event, options = {}) {
-  const styles = { ...baseStyles2, ..._optionalChain([options, 'optionalAccess', _28 => _28.styles]) };
+  const styles = { ...baseStyles2, ..._optionalChain([options, 'optionalAccess', _31 => _31.styles]) };
   const data = await prepareThreadNotificationEmail(
     client,
     event,
@@ -8798,7 +8813,7 @@ async function prepareThreadNotificationEmailAsHtml(client, event, options = {})
         return _core.html`<a href="${href}" target="_blank" rel="noopener noreferrer" style="${toInlineCSSString(styles.link)}">${element.text ? _core.html`${element.text}` : element.url}</a>`;
       },
       mention: ({ element, user, group }) => {
-        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${_core.MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _29 => _29.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _30 => _30.name])}` : _optionalChain([group, 'optionalAccess', _31 => _31.name]) ? _core.html`${_optionalChain([group, 'optionalAccess', _32 => _32.name])}` : element.id}</span>`;
+        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${_core.MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _32 => _32.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _33 => _33.name])}` : _optionalChain([group, 'optionalAccess', _34 => _34.name]) ? _core.html`${_optionalChain([group, 'optionalAccess', _35 => _35.name])}` : element.id}</span>`;
       }
     },
     "prepareThreadNotificationEmailAsHtml"
@@ -8830,11 +8845,11 @@ var baseComponents2 = {
   Link: ({ element, href }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href, target: "_blank", rel: "noopener noreferrer", children: _nullishCoalesce(element.text, () => ( element.url)) }),
   Mention: ({ element, user, group }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-mention": true, children: [
     _core.MENTION_CHARACTER,
-    _nullishCoalesce(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _33 => _33.name]), () => ( _optionalChain([group, 'optionalAccess', _34 => _34.name]))), () => ( element.id))
+    _nullishCoalesce(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _36 => _36.name]), () => ( _optionalChain([group, 'optionalAccess', _37 => _37.name]))), () => ( element.id))
   ] })
 };
 async function prepareThreadNotificationEmailAsReact(client, event, options = {}) {
-  const Components = { ...baseComponents2, ..._optionalChain([options, 'optionalAccess', _35 => _35.components]) };
+  const Components = { ...baseComponents2, ..._optionalChain([options, 'optionalAccess', _38 => _38.components]) };
   const data = await prepareThreadNotificationEmail(
     client,
     event,