@liveblocks/react-tiptap 0.0.1 → 2.8.3-tiptap2

package/dist/LiveblocksExtension.js

@@ -0,0 +1,206 @@
+'use strict';
+
+var core = require('@liveblocks/core');
+var react = require('@liveblocks/react');
+var yjs$1 = require('@liveblocks/yjs');
+var core$1 = require('@tiptap/core');
+var Collaboration = require('@tiptap/extension-collaboration');
+var CollaborationCursor = require('@tiptap/extension-collaboration-cursor');
+var React = require('react');
+var yjs = require('yjs');
+var CommentsExtension = require('./comments/CommentsExtension.js');
+var MentionExtension = require('./mentions/MentionExtension.js');
+var types = require('./types.js');
+
+const providersMap = /* @__PURE__ */ new Map();
+const docMap = /* @__PURE__ */ new Map();
+const LiveblocksCollab = Collaboration.extend({
+  onCreate() {
+    if (!this.editor.extensionManager.extensions.find((e) => e.name === "doc")) {
+      console.warn(
+        "[Liveblocks] The tiptap document extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension."
+      );
+    }
+    if (!this.editor.extensionManager.extensions.find(
+      (e) => e.name === "paragraph"
+    )) {
+      console.warn(
+        "[Liveblocks] The tiptap paragraph extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension."
+      );
+    }
+    if (!this.editor.extensionManager.extensions.find((e) => e.name === "text")) {
+      console.warn(
+        "[Liveblocks] The tiptap text extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension."
+      );
+    }
+    if (this.editor.extensionManager.extensions.find((e) => e.name === "history")) {
+      console.warn(
+        "[Liveblocks] The history extension is enabled, Liveblocks extension provides its own. Please remove or disable the History plugin to prevent unwanted conflicts."
+      );
+    }
+  }
+});
+const useLiveblocksExtension = () => {
+  const room = react.useRoom();
+  react.useCommentsErrorListener((error) => {
+    if (error instanceof react.CreateThreadError) {
+    }
+  });
+  const client = react.useClient();
+  const store = react.getUmbrellaStoreForClient(client);
+  const roomId = room.id;
+  const reportTextEditorType = React.useCallback(
+    (field) => {
+      room[core.kInternal].reportTextEditor(core.TextEditorType.TipTap, field);
+    },
+    [room]
+  );
+  const onCreateMention = React.useCallback(
+    (userId, notificationId) => {
+      try {
+        room[core.kInternal].createTextMention(userId, notificationId);
+      } catch (err) {
+        console.warn(err);
+      }
+    },
+    [room]
+  );
+  const onDeleteMention = React.useCallback(
+    (notificationId) => {
+      try {
+        room[core.kInternal].deleteTextMention(notificationId);
+      } catch (err) {
+        console.warn(err);
+      }
+    },
+    [room]
+  );
+  return core$1.Extension.create({
+    name: "liveblocksExtension",
+    onCreate() {
+      if (this.options.mentions && this.editor.extensionManager.extensions.find(
+        (e) => e.name.toLowerCase() === "mention"
+      )) {
+        console.warn(
+          "[Liveblocks] Liveblocks own mention plugin is enabled, using another mention plugin may cause a conflict."
+        );
+      }
+      const self = room.getSelf();
+      if (self?.info) {
+        this.editor.commands.updateUser({
+          name: self.info.name,
+          color: self.info.color
+        });
+      }
+      this.storage.unsubs.push(
+        room.events.self.subscribe(({ info }) => {
+          if (!info) {
+            return;
+          }
+          const { name, color } = info;
+          const { user } = this.storage.provider.awareness.getLocalState();
+          if (name !== user?.name || color !== user?.color) {
+            this.editor.commands.updateUser({ name, color });
+          }
+        })
+      );
+      if (this.options.comments) {
+        const commentMarkType = core$1.getMarkType(
+          types.LIVEBLOCKS_COMMENT_MARK_TYPE,
+          this.editor.schema
+        );
+        this.storage.unsubs.push(
+          store.subscribeThreads(() => {
+            const threadMap = new Map(
+              react.selectThreads(store.getFullState(), {
+                roomId,
+                orderBy: "age",
+                query: {
+                  resolved: false
+                }
+              }).map((thread) => [thread.id, true])
+            );
+            function isComment(mark) {
+              return mark.type.name === types.LIVEBLOCKS_COMMENT_MARK_TYPE;
+            }
+            this.editor.state.doc.descendants((node, pos) => {
+              node.marks.forEach((mark) => {
+                if (isComment(mark)) {
+                  const markThreadId = mark.attrs.threadId;
+                  const isOrphan = !threadMap.has(markThreadId);
+                  if (isOrphan !== mark.attrs.orphan) {
+                    const { tr } = this.editor.state;
+                    const trimmedFrom = Math.max(pos, 0);
+                    const trimmedTo = Math.min(
+                      pos + node.nodeSize,
+                      this.editor.state.doc.content.size - 1
+                    );
+                    tr.removeMark(trimmedFrom, trimmedTo, commentMarkType);
+                    tr.addMark(
+                      trimmedFrom,
+                      trimmedTo,
+                      commentMarkType.create({
+                        ...mark.attrs,
+                        orphan: isOrphan
+                      })
+                    );
+                    this.editor.view.dispatch(tr);
+                  }
+                }
+              });
+            });
+          })
+        );
+      }
+      reportTextEditorType(this.options.field ?? "default");
+    },
+    onDestroy() {
+      this.storage.unsubs.forEach((unsub) => unsub());
+    },
+    addStorage() {
+      if (!providersMap.has(room.id)) {
+        const doc = new yjs.Doc();
+        docMap.set(room.id, doc);
+        providersMap.set(room.id, new yjs$1.LiveblocksYjsProvider(room, doc));
+      }
+      return {
+        doc: docMap.get(room.id),
+        provider: providersMap.get(room.id),
+        unsubs: []
+      };
+    },
+    addOptions() {
+      return {
+        field: "default",
+        mentions: true,
+        comments: true
+      };
+    },
+    addExtensions() {
+      const extensions = [
+        LiveblocksCollab.configure({
+          document: this.storage.doc,
+          field: this.options.field
+        }),
+        CollaborationCursor.configure({
+          provider: this.storage.provider
+        })
+      ];
+      if (this.options.comments) {
+        extensions.push(CommentsExtension.CommentsExtension);
+      }
+      if (this.options.mentions) {
+        extensions.push(
+          MentionExtension.MentionExtension.configure({
+            onCreateMention,
+            onDeleteMention
+          })
+        );
+      }
+      return extensions;
+    }
+  });
+};
+
+exports.useLiveblocksExtension = useLiveblocksExtension;
+//# sourceMappingURL=LiveblocksExtension.js.map

package/dist/LiveblocksExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveblocksExtension.js","sources":["../src/LiveblocksExtension.ts"],"sourcesContent":["import { type IUserInfo, kInternal, TextEditorType } from \"@liveblocks/core\";\nimport {\n  CreateThreadError,\n  getUmbrellaStoreForClient,\n  selectThreads,\n  useClient,\n  useCommentsErrorListener,\n  useRoom,\n} from \"@liveblocks/react\";\nimport { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { AnyExtension } from \"@tiptap/core\";\nimport { Extension, getMarkType } from \"@tiptap/core\";\nimport Collaboration from \"@tiptap/extension-collaboration\";\nimport CollaborationCursor from \"@tiptap/extension-collaboration-cursor\";\nimport type { Mark as PMMark } from \"@tiptap/pm/model\";\nimport { useCallback } from \"react\";\nimport { Doc } from \"yjs\";\n\nimport { CommentsExtension } from \"./comments/CommentsExtension\";\nimport { MentionExtension } from \"./mentions/MentionExtension\";\nimport { LIVEBLOCKS_COMMENT_MARK_TYPE } from \"./types\";\n\nconst providersMap = new Map<\n  string,\n  LiveblocksYjsProvider<any, any, any, any, any>\n>();\n\nconst docMap = new Map<string, Doc>();\n\ntype LiveblocksExtensionOptions = {\n  field?: string;\n  comments: boolean; // | CommentsConfiguration\n  mentions: boolean; // | MentionsConfiguration\n};\n\nconst LiveblocksCollab = Collaboration.extend({\n  // Override the onCreate method to warn users about potential misconfigurations\n  onCreate() {\n    if (\n      !this.editor.extensionManager.extensions.find((e) => e.name === \"doc\")\n    ) {\n      console.warn(\n        \"[Liveblocks] The tiptap document extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension.\"\n      );\n    }\n    if (\n      !this.editor.extensionManager.extensions.find(\n        (e) => e.name === \"paragraph\"\n      )\n    ) {\n      console.warn(\n        \"[Liveblocks] The tiptap paragraph extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension.\"\n      );\n    }\n\n    if (\n      !this.editor.extensionManager.extensions.find((e) => e.name === \"text\")\n    ) {\n      console.warn(\n        \"[Liveblocks] The tiptap text extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension.\"\n      );\n    }\n    if (\n      this.editor.extensionManager.extensions.find((e) => e.name === \"history\")\n    ) {\n      console.warn(\n        \"[Liveblocks] The history extension is enabled, Liveblocks extension provides its own. Please remove or disable the History plugin to prevent unwanted conflicts.\"\n      );\n    }\n  },\n});\n\nexport const useLiveblocksExtension = (): Extension => {\n  const room = useRoom();\n\n  // TODO: we don't need these things if comments isn't turned on...\n  // TODO: we don't have a reference to the editor here, need to figure this out\n  useCommentsErrorListener((error) => {\n    // If thread creation fails, we remove the thread id from the associated nodes and unwrap the nodes if they are no longer associated with any threads\n    if (error instanceof CreateThreadError) {\n      // handleThreadDelete(error.context.threadId);\n    }\n  });\n  const client = useClient();\n  const store = getUmbrellaStoreForClient(client);\n  const roomId = room.id;\n\n  const reportTextEditorType = useCallback(\n    (field: string) => {\n      room[kInternal].reportTextEditor(TextEditorType.TipTap, field);\n    },\n    [room]\n  );\n  const onCreateMention = useCallback(\n    (userId: string, notificationId: string) => {\n      try {\n        room[kInternal].createTextMention(userId, notificationId);\n      } catch (err) {\n        console.warn(err);\n      }\n    },\n    [room]\n  );\n  const onDeleteMention = useCallback(\n    (notificationId: string) => {\n      try {\n        room[kInternal].deleteTextMention(notificationId);\n      } catch (err) {\n        console.warn(err);\n      }\n    },\n    [room]\n  );\n  return Extension.create<\n    LiveblocksExtensionOptions,\n    {\n      unsubs: (() => void)[];\n      doc: Doc;\n      provider: LiveblocksYjsProvider<any, any, any, any, any>;\n    }\n  >({\n    name: \"liveblocksExtension\",\n\n    onCreate() {\n      if (\n        this.options.mentions &&\n        this.editor.extensionManager.extensions.find(\n          (e) => e.name.toLowerCase() === \"mention\"\n        )\n      ) {\n        console.warn(\n          \"[Liveblocks] Liveblocks own mention plugin is enabled, using another mention plugin may cause a conflict.\"\n        );\n      }\n      const self = room.getSelf();\n      if (self?.info) {\n        this.editor.commands.updateUser({\n          name: self.info.name,\n          color: self.info.color,\n        });\n      }\n      this.storage.unsubs.push(\n        room.events.self.subscribe(({ info }) => {\n          if (!info) {\n            return;\n          }\n          const { name, color } = info;\n          const { user } = this.storage.provider.awareness.getLocalState() as {\n            user: IUserInfo;\n          };\n          // TODO: maybe we need a deep compare here so other info can be provided\n          if (name !== user?.name || color !== user?.color) {\n            this.editor.commands.updateUser({ name, color });\n          }\n        })\n      );\n      if (this.options.comments) {\n        const commentMarkType = getMarkType(\n          LIVEBLOCKS_COMMENT_MARK_TYPE,\n          this.editor.schema\n        );\n        this.storage.unsubs.push(\n          // Subscribe to threads so we can update comment marks if they become resolved/deleted\n          store.subscribeThreads(() => {\n            const threadMap = new Map(\n              selectThreads(store.getFullState(), {\n                roomId,\n                orderBy: \"age\",\n                query: {\n                  resolved: false,\n                },\n              }).map((thread) => [thread.id, true])\n            );\n            function isComment(mark: PMMark): mark is PMMark & {\n              attrs: { orphan: boolean; threadId: string };\n            } {\n              return mark.type.name === LIVEBLOCKS_COMMENT_MARK_TYPE;\n            }\n            // when threads change, find marks and update them if needed\n            this.editor.state.doc.descendants((node, pos) => {\n              node.marks.forEach((mark) => {\n                if (isComment(mark)) {\n                  const markThreadId = mark.attrs.threadId;\n                  const isOrphan = !threadMap.has(markThreadId);\n                  if (isOrphan !== mark.attrs.orphan) {\n                    const { tr } = this.editor.state;\n                    const trimmedFrom = Math.max(pos, 0);\n                    const trimmedTo = Math.min(\n                      pos + node.nodeSize,\n                      this.editor.state.doc.content.size - 1\n                    );\n                    tr.removeMark(trimmedFrom, trimmedTo, commentMarkType);\n                    tr.addMark(\n                      trimmedFrom,\n                      trimmedTo,\n                      commentMarkType.create({\n                        ...mark.attrs,\n                        orphan: isOrphan,\n                      })\n                    );\n                    this.editor.view.dispatch(tr);\n                  }\n                }\n              });\n            });\n          })\n        );\n      }\n\n      reportTextEditorType(this.options.field ?? \"default\");\n    },\n    onDestroy() {\n      this.storage.unsubs.forEach((unsub) => unsub());\n    },\n    addStorage() {\n      if (!providersMap.has(room.id)) {\n        const doc = new Doc();\n        docMap.set(room.id, doc);\n        providersMap.set(room.id, new LiveblocksYjsProvider(room, doc));\n      }\n      return {\n        doc: docMap.get(room.id)!,\n        provider: providersMap.get(room.id)!,\n        unsubs: [],\n      };\n    },\n\n    addOptions() {\n      return {\n        field: \"default\",\n        mentions: true,\n        comments: true,\n      };\n    },\n    addExtensions() {\n      const extensions: AnyExtension[] = [\n        LiveblocksCollab.configure({\n          document: this.storage.doc,\n          field: this.options.field,\n        }),\n        CollaborationCursor.configure({\n          provider: this.storage.provider, //todo change the ! to an assert\n        }),\n      ];\n\n      if (this.options.comments) {\n        extensions.push(CommentsExtension);\n      }\n      if (this.options.mentions) {\n        extensions.push(\n          MentionExtension.configure({\n            onCreateMention,\n            onDeleteMention,\n          })\n        );\n      }\n\n      return extensions;\n    },\n  });\n};\n"],"names":["useRoom","useCommentsErrorListener","CreateThreadError","useClient","getUmbrellaStoreForClient","useCallback","kInternal","TextEditorType","Extension","getMarkType","LIVEBLOCKS_COMMENT_MARK_TYPE","selectThreads","Doc","LiveblocksYjsProvider","CommentsExtension","MentionExtension"],"mappings":"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"}

package/dist/LiveblocksExtension.mjs

@@ -0,0 +1,204 @@
+import { kInternal, TextEditorType } from '@liveblocks/core';
+import { useRoom, useCommentsErrorListener, CreateThreadError, useClient, getUmbrellaStoreForClient, selectThreads } from '@liveblocks/react';
+import { LiveblocksYjsProvider } from '@liveblocks/yjs';
+import { Extension, getMarkType } from '@tiptap/core';
+import Collaboration from '@tiptap/extension-collaboration';
+import CollaborationCursor from '@tiptap/extension-collaboration-cursor';
+import { useCallback } from 'react';
+import { Doc } from 'yjs';
+import { CommentsExtension } from './comments/CommentsExtension.mjs';
+import { MentionExtension } from './mentions/MentionExtension.mjs';
+import { LIVEBLOCKS_COMMENT_MARK_TYPE } from './types.mjs';
+
+const providersMap = /* @__PURE__ */ new Map();
+const docMap = /* @__PURE__ */ new Map();
+const LiveblocksCollab = Collaboration.extend({
+  onCreate() {
+    if (!this.editor.extensionManager.extensions.find((e) => e.name === "doc")) {
+      console.warn(
+        "[Liveblocks] The tiptap document extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension."
+      );
+    }
+    if (!this.editor.extensionManager.extensions.find(
+      (e) => e.name === "paragraph"
+    )) {
+      console.warn(
+        "[Liveblocks] The tiptap paragraph extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension."
+      );
+    }
+    if (!this.editor.extensionManager.extensions.find((e) => e.name === "text")) {
+      console.warn(
+        "[Liveblocks] The tiptap text extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension."
+      );
+    }
+    if (this.editor.extensionManager.extensions.find((e) => e.name === "history")) {
+      console.warn(
+        "[Liveblocks] The history extension is enabled, Liveblocks extension provides its own. Please remove or disable the History plugin to prevent unwanted conflicts."
+      );
+    }
+  }
+});
+const useLiveblocksExtension = () => {
+  const room = useRoom();
+  useCommentsErrorListener((error) => {
+    if (error instanceof CreateThreadError) {
+    }
+  });
+  const client = useClient();
+  const store = getUmbrellaStoreForClient(client);
+  const roomId = room.id;
+  const reportTextEditorType = useCallback(
+    (field) => {
+      room[kInternal].reportTextEditor(TextEditorType.TipTap, field);
+    },
+    [room]
+  );
+  const onCreateMention = useCallback(
+    (userId, notificationId) => {
+      try {
+        room[kInternal].createTextMention(userId, notificationId);
+      } catch (err) {
+        console.warn(err);
+      }
+    },
+    [room]
+  );
+  const onDeleteMention = useCallback(
+    (notificationId) => {
+      try {
+        room[kInternal].deleteTextMention(notificationId);
+      } catch (err) {
+        console.warn(err);
+      }
+    },
+    [room]
+  );
+  return Extension.create({
+    name: "liveblocksExtension",
+    onCreate() {
+      if (this.options.mentions && this.editor.extensionManager.extensions.find(
+        (e) => e.name.toLowerCase() === "mention"
+      )) {
+        console.warn(
+          "[Liveblocks] Liveblocks own mention plugin is enabled, using another mention plugin may cause a conflict."
+        );
+      }
+      const self = room.getSelf();
+      if (self?.info) {
+        this.editor.commands.updateUser({
+          name: self.info.name,
+          color: self.info.color
+        });
+      }
+      this.storage.unsubs.push(
+        room.events.self.subscribe(({ info }) => {
+          if (!info) {
+            return;
+          }
+          const { name, color } = info;
+          const { user } = this.storage.provider.awareness.getLocalState();
+          if (name !== user?.name || color !== user?.color) {
+            this.editor.commands.updateUser({ name, color });
+          }
+        })
+      );
+      if (this.options.comments) {
+        const commentMarkType = getMarkType(
+          LIVEBLOCKS_COMMENT_MARK_TYPE,
+          this.editor.schema
+        );
+        this.storage.unsubs.push(
+          store.subscribeThreads(() => {
+            const threadMap = new Map(
+              selectThreads(store.getFullState(), {
+                roomId,
+                orderBy: "age",
+                query: {
+                  resolved: false
+                }
+              }).map((thread) => [thread.id, true])
+            );
+            function isComment(mark) {
+              return mark.type.name === LIVEBLOCKS_COMMENT_MARK_TYPE;
+            }
+            this.editor.state.doc.descendants((node, pos) => {
+              node.marks.forEach((mark) => {
+                if (isComment(mark)) {
+                  const markThreadId = mark.attrs.threadId;
+                  const isOrphan = !threadMap.has(markThreadId);
+                  if (isOrphan !== mark.attrs.orphan) {
+                    const { tr } = this.editor.state;
+                    const trimmedFrom = Math.max(pos, 0);
+                    const trimmedTo = Math.min(
+                      pos + node.nodeSize,
+                      this.editor.state.doc.content.size - 1
+                    );
+                    tr.removeMark(trimmedFrom, trimmedTo, commentMarkType);
+                    tr.addMark(
+                      trimmedFrom,
+                      trimmedTo,
+                      commentMarkType.create({
+                        ...mark.attrs,
+                        orphan: isOrphan
+                      })
+                    );
+                    this.editor.view.dispatch(tr);
+                  }
+                }
+              });
+            });
+          })
+        );
+      }
+      reportTextEditorType(this.options.field ?? "default");
+    },
+    onDestroy() {
+      this.storage.unsubs.forEach((unsub) => unsub());
+    },
+    addStorage() {
+      if (!providersMap.has(room.id)) {
+        const doc = new Doc();
+        docMap.set(room.id, doc);
+        providersMap.set(room.id, new LiveblocksYjsProvider(room, doc));
+      }
+      return {
+        doc: docMap.get(room.id),
+        provider: providersMap.get(room.id),
+        unsubs: []
+      };
+    },
+    addOptions() {
+      return {
+        field: "default",
+        mentions: true,
+        comments: true
+      };
+    },
+    addExtensions() {
+      const extensions = [
+        LiveblocksCollab.configure({
+          document: this.storage.doc,
+          field: this.options.field
+        }),
+        CollaborationCursor.configure({
+          provider: this.storage.provider
+        })
+      ];
+      if (this.options.comments) {
+        extensions.push(CommentsExtension);
+      }
+      if (this.options.mentions) {
+        extensions.push(
+          MentionExtension.configure({
+            onCreateMention,
+            onDeleteMention
+          })
+        );
+      }
+      return extensions;
+    }
+  });
+};
+
+export { useLiveblocksExtension };
+//# sourceMappingURL=LiveblocksExtension.mjs.map

package/dist/LiveblocksExtension.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveblocksExtension.mjs","sources":["../src/LiveblocksExtension.ts"],"sourcesContent":["import { type IUserInfo, kInternal, TextEditorType } from \"@liveblocks/core\";\nimport {\n  CreateThreadError,\n  getUmbrellaStoreForClient,\n  selectThreads,\n  useClient,\n  useCommentsErrorListener,\n  useRoom,\n} from \"@liveblocks/react\";\nimport { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { AnyExtension } from \"@tiptap/core\";\nimport { Extension, getMarkType } from \"@tiptap/core\";\nimport Collaboration from \"@tiptap/extension-collaboration\";\nimport CollaborationCursor from \"@tiptap/extension-collaboration-cursor\";\nimport type { Mark as PMMark } from \"@tiptap/pm/model\";\nimport { useCallback } from \"react\";\nimport { Doc } from \"yjs\";\n\nimport { CommentsExtension } from \"./comments/CommentsExtension\";\nimport { MentionExtension } from \"./mentions/MentionExtension\";\nimport { LIVEBLOCKS_COMMENT_MARK_TYPE } from \"./types\";\n\nconst providersMap = new Map<\n  string,\n  LiveblocksYjsProvider<any, any, any, any, any>\n>();\n\nconst docMap = new Map<string, Doc>();\n\ntype LiveblocksExtensionOptions = {\n  field?: string;\n  comments: boolean; // | CommentsConfiguration\n  mentions: boolean; // | MentionsConfiguration\n};\n\nconst LiveblocksCollab = Collaboration.extend({\n  // Override the onCreate method to warn users about potential misconfigurations\n  onCreate() {\n    if (\n      !this.editor.extensionManager.extensions.find((e) => e.name === \"doc\")\n    ) {\n      console.warn(\n        \"[Liveblocks] The tiptap document extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension.\"\n      );\n    }\n    if (\n      !this.editor.extensionManager.extensions.find(\n        (e) => e.name === \"paragraph\"\n      )\n    ) {\n      console.warn(\n        \"[Liveblocks] The tiptap paragraph extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension.\"\n      );\n    }\n\n    if (\n      !this.editor.extensionManager.extensions.find((e) => e.name === \"text\")\n    ) {\n      console.warn(\n        \"[Liveblocks] The tiptap text extension is required for Liveblocks collaboration. Please add it or use Tiptap StarterKit extension.\"\n      );\n    }\n    if (\n      this.editor.extensionManager.extensions.find((e) => e.name === \"history\")\n    ) {\n      console.warn(\n        \"[Liveblocks] The history extension is enabled, Liveblocks extension provides its own. Please remove or disable the History plugin to prevent unwanted conflicts.\"\n      );\n    }\n  },\n});\n\nexport const useLiveblocksExtension = (): Extension => {\n  const room = useRoom();\n\n  // TODO: we don't need these things if comments isn't turned on...\n  // TODO: we don't have a reference to the editor here, need to figure this out\n  useCommentsErrorListener((error) => {\n    // If thread creation fails, we remove the thread id from the associated nodes and unwrap the nodes if they are no longer associated with any threads\n    if (error instanceof CreateThreadError) {\n      // handleThreadDelete(error.context.threadId);\n    }\n  });\n  const client = useClient();\n  const store = getUmbrellaStoreForClient(client);\n  const roomId = room.id;\n\n  const reportTextEditorType = useCallback(\n    (field: string) => {\n      room[kInternal].reportTextEditor(TextEditorType.TipTap, field);\n    },\n    [room]\n  );\n  const onCreateMention = useCallback(\n    (userId: string, notificationId: string) => {\n      try {\n        room[kInternal].createTextMention(userId, notificationId);\n      } catch (err) {\n        console.warn(err);\n      }\n    },\n    [room]\n  );\n  const onDeleteMention = useCallback(\n    (notificationId: string) => {\n      try {\n        room[kInternal].deleteTextMention(notificationId);\n      } catch (err) {\n        console.warn(err);\n      }\n    },\n    [room]\n  );\n  return Extension.create<\n    LiveblocksExtensionOptions,\n    {\n      unsubs: (() => void)[];\n      doc: Doc;\n      provider: LiveblocksYjsProvider<any, any, any, any, any>;\n    }\n  >({\n    name: \"liveblocksExtension\",\n\n    onCreate() {\n      if (\n        this.options.mentions &&\n        this.editor.extensionManager.extensions.find(\n          (e) => e.name.toLowerCase() === \"mention\"\n        )\n      ) {\n        console.warn(\n          \"[Liveblocks] Liveblocks own mention plugin is enabled, using another mention plugin may cause a conflict.\"\n        );\n      }\n      const self = room.getSelf();\n      if (self?.info) {\n        this.editor.commands.updateUser({\n          name: self.info.name,\n          color: self.info.color,\n        });\n      }\n      this.storage.unsubs.push(\n        room.events.self.subscribe(({ info }) => {\n          if (!info) {\n            return;\n          }\n          const { name, color } = info;\n          const { user } = this.storage.provider.awareness.getLocalState() as {\n            user: IUserInfo;\n          };\n          // TODO: maybe we need a deep compare here so other info can be provided\n          if (name !== user?.name || color !== user?.color) {\n            this.editor.commands.updateUser({ name, color });\n          }\n        })\n      );\n      if (this.options.comments) {\n        const commentMarkType = getMarkType(\n          LIVEBLOCKS_COMMENT_MARK_TYPE,\n          this.editor.schema\n        );\n        this.storage.unsubs.push(\n          // Subscribe to threads so we can update comment marks if they become resolved/deleted\n          store.subscribeThreads(() => {\n            const threadMap = new Map(\n              selectThreads(store.getFullState(), {\n                roomId,\n                orderBy: \"age\",\n                query: {\n                  resolved: false,\n                },\n              }).map((thread) => [thread.id, true])\n            );\n            function isComment(mark: PMMark): mark is PMMark & {\n              attrs: { orphan: boolean; threadId: string };\n            } {\n              return mark.type.name === LIVEBLOCKS_COMMENT_MARK_TYPE;\n            }\n            // when threads change, find marks and update them if needed\n            this.editor.state.doc.descendants((node, pos) => {\n              node.marks.forEach((mark) => {\n                if (isComment(mark)) {\n                  const markThreadId = mark.attrs.threadId;\n                  const isOrphan = !threadMap.has(markThreadId);\n                  if (isOrphan !== mark.attrs.orphan) {\n                    const { tr } = this.editor.state;\n                    const trimmedFrom = Math.max(pos, 0);\n                    const trimmedTo = Math.min(\n                      pos + node.nodeSize,\n                      this.editor.state.doc.content.size - 1\n                    );\n                    tr.removeMark(trimmedFrom, trimmedTo, commentMarkType);\n                    tr.addMark(\n                      trimmedFrom,\n                      trimmedTo,\n                      commentMarkType.create({\n                        ...mark.attrs,\n                        orphan: isOrphan,\n                      })\n                    );\n                    this.editor.view.dispatch(tr);\n                  }\n                }\n              });\n            });\n          })\n        );\n      }\n\n      reportTextEditorType(this.options.field ?? \"default\");\n    },\n    onDestroy() {\n      this.storage.unsubs.forEach((unsub) => unsub());\n    },\n    addStorage() {\n      if (!providersMap.has(room.id)) {\n        const doc = new Doc();\n        docMap.set(room.id, doc);\n        providersMap.set(room.id, new LiveblocksYjsProvider(room, doc));\n      }\n      return {\n        doc: docMap.get(room.id)!,\n        provider: providersMap.get(room.id)!,\n        unsubs: [],\n      };\n    },\n\n    addOptions() {\n      return {\n        field: \"default\",\n        mentions: true,\n        comments: true,\n      };\n    },\n    addExtensions() {\n      const extensions: AnyExtension[] = [\n        LiveblocksCollab.configure({\n          document: this.storage.doc,\n          field: this.options.field,\n        }),\n        CollaborationCursor.configure({\n          provider: this.storage.provider, //todo change the ! to an assert\n        }),\n      ];\n\n      if (this.options.comments) {\n        extensions.push(CommentsExtension);\n      }\n      if (this.options.mentions) {\n        extensions.push(\n          MentionExtension.configure({\n            onCreateMention,\n            onDeleteMention,\n          })\n        );\n      }\n\n      return extensions;\n    },\n  });\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBA,MAAM,YAAA,uBAAmB,GAGvB,EAAA,CAAA;AAEF,MAAM,MAAA,uBAAa,GAAiB,EAAA,CAAA;AAQpC,MAAM,gBAAA,GAAmB,cAAc,MAAO,CAAA;AAAA,EAE5C,QAAW,GAAA;AACT,IACE,IAAA,CAAC,IAAK,CAAA,MAAA,CAAO,gBAAiB,CAAA,UAAA,CAAW,IAAK,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,KAAK,CACrE,EAAA;AACA,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,wIAAA;AAAA,OACF,CAAA;AAAA,KACF;AACA,IAAA,IACE,CAAC,IAAA,CAAK,MAAO,CAAA,gBAAA,CAAiB,UAAW,CAAA,IAAA;AAAA,MACvC,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,WAAA;AAAA,KAEpB,EAAA;AACA,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,yIAAA;AAAA,OACF,CAAA;AAAA,KACF;AAEA,IACE,IAAA,CAAC,IAAK,CAAA,MAAA,CAAO,gBAAiB,CAAA,UAAA,CAAW,IAAK,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,MAAM,CACtE,EAAA;AACA,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,oIAAA;AAAA,OACF,CAAA;AAAA,KACF;AACA,IACE,IAAA,IAAA,CAAK,MAAO,CAAA,gBAAA,CAAiB,UAAW,CAAA,IAAA,CAAK,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,SAAS,CACxE,EAAA;AACA,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,kKAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,yBAAyB,MAAiB;AACrD,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAIrB,EAAA,wBAAA,CAAyB,CAAC,KAAU,KAAA;AAElC,IAAA,IAAI,iBAAiB,iBAAmB,EAAA;AAAA,KAExC;AAAA,GACD,CAAA,CAAA;AACD,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,KAAA,GAAQ,0BAA0B,MAAM,CAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,IAAK,CAAA,EAAA,CAAA;AAEpB,EAAA,MAAM,oBAAuB,GAAA,WAAA;AAAA,IAC3B,CAAC,KAAkB,KAAA;AACjB,MAAA,IAAA,CAAK,SAAW,CAAA,CAAA,gBAAA,CAAiB,cAAe,CAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AAAA,KAC/D;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AACA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,QAAgB,cAA2B,KAAA;AAC1C,MAAI,IAAA;AACF,QAAK,IAAA,CAAA,SAAA,CAAA,CAAW,iBAAkB,CAAA,MAAA,EAAQ,cAAc,CAAA,CAAA;AAAA,eACjD,GAAP,EAAA;AACA,QAAA,OAAA,CAAQ,KAAK,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AACA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,cAA2B,KAAA;AAC1B,MAAI,IAAA;AACF,QAAK,IAAA,CAAA,SAAA,CAAA,CAAW,kBAAkB,cAAc,CAAA,CAAA;AAAA,eACzC,GAAP,EAAA;AACA,QAAA,OAAA,CAAQ,KAAK,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AACA,EAAA,OAAO,UAAU,MAOf,CAAA;AAAA,IACA,IAAM,EAAA,qBAAA;AAAA,IAEN,QAAW,GAAA;AACT,MAAA,IACE,KAAK,OAAQ,CAAA,QAAA,IACb,IAAK,CAAA,MAAA,CAAO,iBAAiB,UAAW,CAAA,IAAA;AAAA,QACtC,CAAC,CAAA,KAAM,CAAE,CAAA,IAAA,CAAK,aAAkB,KAAA,SAAA;AAAA,OAElC,EAAA;AACA,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,2GAAA;AAAA,SACF,CAAA;AAAA,OACF;AACA,MAAM,MAAA,IAAA,GAAO,KAAK,OAAQ,EAAA,CAAA;AAC1B,MAAA,IAAI,MAAM,IAAM,EAAA;AACd,QAAK,IAAA,CAAA,MAAA,CAAO,SAAS,UAAW,CAAA;AAAA,UAC9B,IAAA,EAAM,KAAK,IAAK,CAAA,IAAA;AAAA,UAChB,KAAA,EAAO,KAAK,IAAK,CAAA,KAAA;AAAA,SAClB,CAAA,CAAA;AAAA,OACH;AACA,MAAA,IAAA,CAAK,QAAQ,MAAO,CAAA,IAAA;AAAA,QAClB,KAAK,MAAO,CAAA,IAAA,CAAK,UAAU,CAAC,EAAE,MAAW,KAAA;AACvC,UAAA,IAAI,CAAC,IAAM,EAAA;AACT,YAAA,OAAA;AAAA,WACF;AACA,UAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,IAAA,CAAA;AACxB,UAAA,MAAM,EAAE,IAAK,EAAA,GAAI,KAAK,OAAQ,CAAA,QAAA,CAAS,UAAU,aAAc,EAAA,CAAA;AAI/D,UAAA,IAAI,IAAS,KAAA,IAAA,EAAM,IAAQ,IAAA,KAAA,KAAU,MAAM,KAAO,EAAA;AAChD,YAAA,IAAA,CAAK,OAAO,QAAS,CAAA,UAAA,CAAW,EAAE,IAAA,EAAM,OAAO,CAAA,CAAA;AAAA,WACjD;AAAA,SACD,CAAA;AAAA,OACH,CAAA;AACA,MAAI,IAAA,IAAA,CAAK,QAAQ,QAAU,EAAA;AACzB,QAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,UACtB,4BAAA;AAAA,UACA,KAAK,MAAO,CAAA,MAAA;AAAA,SACd,CAAA;AACA,QAAA,IAAA,CAAK,QAAQ,MAAO,CAAA,IAAA;AAAA,UAElB,KAAA,CAAM,iBAAiB,MAAM;AAC3B,YAAA,MAAM,YAAY,IAAI,GAAA;AAAA,cACpB,aAAA,CAAc,KAAM,CAAA,YAAA,EAAgB,EAAA;AAAA,gBAClC,MAAA;AAAA,gBACA,OAAS,EAAA,KAAA;AAAA,gBACT,KAAO,EAAA;AAAA,kBACL,QAAU,EAAA,KAAA;AAAA,iBACZ;AAAA,eACD,EAAE,GAAI,CAAA,CAAC,WAAW,CAAC,MAAA,CAAO,EAAI,EAAA,IAAI,CAAC,CAAA;AAAA,aACtC,CAAA;AACA,YAAA,SAAS,UAAU,IAEjB,EAAA;AACA,cAAO,OAAA,IAAA,CAAK,KAAK,IAAS,KAAA,4BAAA,CAAA;AAAA,aAC5B;AAEA,YAAA,IAAA,CAAK,OAAO,KAAM,CAAA,GAAA,CAAI,WAAY,CAAA,CAAC,MAAM,GAAQ,KAAA;AAC/C,cAAK,IAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,IAAS,KAAA;AAC3B,gBAAI,IAAA,SAAA,CAAU,IAAI,CAAG,EAAA;AACnB,kBAAM,MAAA,YAAA,GAAe,KAAK,KAAM,CAAA,QAAA,CAAA;AAChC,kBAAA,MAAM,QAAW,GAAA,CAAC,SAAU,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAC5C,kBAAI,IAAA,QAAA,KAAa,IAAK,CAAA,KAAA,CAAM,MAAQ,EAAA;AAClC,oBAAA,MAAM,EAAE,EAAA,EAAO,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,CAAA;AAC3B,oBAAA,MAAM,WAAc,GAAA,IAAA,CAAK,GAAI,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AACnC,oBAAA,MAAM,YAAY,IAAK,CAAA,GAAA;AAAA,sBACrB,MAAM,IAAK,CAAA,QAAA;AAAA,sBACX,IAAK,CAAA,MAAA,CAAO,KAAM,CAAA,GAAA,CAAI,QAAQ,IAAO,GAAA,CAAA;AAAA,qBACvC,CAAA;AACA,oBAAG,EAAA,CAAA,UAAA,CAAW,WAAa,EAAA,SAAA,EAAW,eAAe,CAAA,CAAA;AACrD,oBAAG,EAAA,CAAA,OAAA;AAAA,sBACD,WAAA;AAAA,sBACA,SAAA;AAAA,sBACA,gBAAgB,MAAO,CAAA;AAAA,wBACrB,GAAG,IAAK,CAAA,KAAA;AAAA,wBACR,MAAQ,EAAA,QAAA;AAAA,uBACT,CAAA;AAAA,qBACH,CAAA;AACA,oBAAK,IAAA,CAAA,MAAA,CAAO,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AAAA,mBAC9B;AAAA,iBACF;AAAA,eACD,CAAA,CAAA;AAAA,aACF,CAAA,CAAA;AAAA,WACF,CAAA;AAAA,SACH,CAAA;AAAA,OACF;AAEA,MAAqB,oBAAA,CAAA,IAAA,CAAK,OAAQ,CAAA,KAAA,IAAS,SAAS,CAAA,CAAA;AAAA,KACtD;AAAA,IACA,SAAY,GAAA;AACV,MAAA,IAAA,CAAK,QAAQ,MAAO,CAAA,OAAA,CAAQ,CAAC,KAAA,KAAU,OAAO,CAAA,CAAA;AAAA,KAChD;AAAA,IACA,UAAa,GAAA;AACX,MAAA,IAAI,CAAC,YAAA,CAAa,GAAI,CAAA,IAAA,CAAK,EAAE,CAAG,EAAA;AAC9B,QAAM,MAAA,GAAA,GAAM,IAAI,GAAI,EAAA,CAAA;AACpB,QAAO,MAAA,CAAA,GAAA,CAAI,IAAK,CAAA,EAAA,EAAI,GAAG,CAAA,CAAA;AACvB,QAAA,YAAA,CAAa,IAAI,IAAK,CAAA,EAAA,EAAI,IAAI,qBAAsB,CAAA,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAAA,OAChE;AACA,MAAO,OAAA;AAAA,QACL,GAAK,EAAA,MAAA,CAAO,GAAI,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,QACvB,QAAU,EAAA,YAAA,CAAa,GAAI,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,QAClC,QAAQ,EAAC;AAAA,OACX,CAAA;AAAA,KACF;AAAA,IAEA,UAAa,GAAA;AACX,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,QAAU,EAAA,IAAA;AAAA,QACV,QAAU,EAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACF;AAAA,IACA,aAAgB,GAAA;AACd,MAAA,MAAM,UAA6B,GAAA;AAAA,QACjC,iBAAiB,SAAU,CAAA;AAAA,UACzB,QAAA,EAAU,KAAK,OAAQ,CAAA,GAAA;AAAA,UACvB,KAAA,EAAO,KAAK,OAAQ,CAAA,KAAA;AAAA,SACrB,CAAA;AAAA,QACD,oBAAoB,SAAU,CAAA;AAAA,UAC5B,QAAA,EAAU,KAAK,OAAQ,CAAA,QAAA;AAAA,SACxB,CAAA;AAAA,OACH,CAAA;AAEA,MAAI,IAAA,IAAA,CAAK,QAAQ,QAAU,EAAA;AACzB,QAAA,UAAA,CAAW,KAAK,iBAAiB,CAAA,CAAA;AAAA,OACnC;AACA,MAAI,IAAA,IAAA,CAAK,QAAQ,QAAU,EAAA;AACzB,QAAW,UAAA,CAAA,IAAA;AAAA,UACT,iBAAiB,SAAU,CAAA;AAAA,YACzB,eAAA;AAAA,YACA,eAAA;AAAA,WACD,CAAA;AAAA,SACH,CAAA;AAAA,OACF;AAEA,MAAO,OAAA,UAAA,CAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/dist/classnames.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function classNames(...args) {
+  return args.filter((arg) => typeof arg === "string" || typeof arg === "number").join(" ");
+}
+
+exports.classNames = classNames;
+//# sourceMappingURL=classnames.js.map

package/dist/classnames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classnames.js","sources":["../src/classnames.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":";;AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}

package/dist/classnames.mjs

@@ -0,0 +1,6 @@
+function classNames(...args) {
+  return args.filter((arg) => typeof arg === "string" || typeof arg === "number").join(" ");
+}
+
+export { classNames };
+//# sourceMappingURL=classnames.mjs.map

package/dist/classnames.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classnames.mjs","sources":["../src/classnames.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":"AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}