@pixerate/editor 0.235.0 → 0.237.0

package/dist/{chunk-3MO3ZS7E.js → chunk-JVSX5QTS.js}

@@ -13,6 +13,7 @@ import {
 } from "./chunk-V5OOP74P.js";
 import {
   Chart,
+  Comments,
   MAX_TABLE_COLUMNS,
   MAX_TABLE_ROWS,
   STRUCTURE_PRIORITY,
@@ -34,7 +35,7 @@ import {
   searchDocument,
   sliceContainsTable,
   syncInitialContent
-} from "./chunk-PI2UYMZY.js";
+} from "./chunk-FSLKBQU7.js";
 import {
   chartDataToTable
 } from "./chunk-6ZZKRH7R.js";
@@ -54,7 +55,6 @@ import {
   plainTextToSlice
 } from "./chunk-2INPJDNY.js";
 import {
-  CommentStore,
   TRACK_CHANGES_SKIP_META,
   TrackChanges,
   createReviewId,
@@ -411,12 +411,66 @@ var TemplateSuggestions = Extension2.create({
 
 // src/extensions/loading-node.ts
 import { Node as Node2 } from "@tiptap/core";
+import { DOMSerializer } from "@tiptap/pm/model";
+var SVG_NS = "http://www.w3.org/2000/svg";
+function loadingSpinnerSpec() {
+  return [
+    `${SVG_NS} svg`,
+    {
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      "data-loading-indicator": ""
+    },
+    ["circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", "stroke-width": "3", opacity: "0.25" }],
+    [
+      "path",
+      { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" },
+      [
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          from: "0 12 12",
+          to: "360 12 12",
+          dur: "0.8s",
+          repeatCount: "indefinite"
+        }
+      ]
+    ]
+  ];
+}
+var viewState = (node, options) => ({
+  id: node.attrs.id ?? null,
+  label: options.label
+});
+var placeholderAttributes = (options, HTMLAttributes) => safeMergeAttributes(
+  {
+    "data-type": "loading",
+    role: "status",
+    "aria-label": options.label,
+    class: "inline-flex items-center px-1.5 py-0.5 text-xs text-muted-foreground"
+  },
+  options.HTMLAttributes,
+  HTMLAttributes
+);
 var LoadingNode = Node2.create({
   name: "loadingNode",
   group: "inline",
   inline: true,
   selectable: true,
   atom: true,
+  addOptions() {
+    return {
+      label: "Loading\u2026",
+      HTMLAttributes: {},
+      renderIndicator: null,
+      nodeView: null
+    };
+  },
   addAttributes() {
     return {
       id: {
@@ -439,12 +493,34 @@ var LoadingNode = Node2.create({
   renderHTML({ HTMLAttributes }) {
     return [
       "span",
-      safeMergeAttributes(HTMLAttributes, {
-        "data-type": "loading",
-        class: "inline-flex items-center px-1.5 py-0.5 text-xs text-muted-foreground animate-pulse"
-      }),
-      "\u23F3"
+      placeholderAttributes(this.options, HTMLAttributes),
+      (this.options.renderIndicator ?? loadingSpinnerSpec)()
     ];
+  },
+  addNodeView() {
+    const options = this.options;
+    return ({ node, HTMLAttributes }) => {
+      const mount = options.nodeView;
+      const { dom } = DOMSerializer.renderSpec(document, [
+        "span",
+        placeholderAttributes(options, HTMLAttributes),
+        ...mount ? [] : [(options.renderIndicator ?? loadingSpinnerSpec)()]
+      ]);
+      const element = dom;
+      const renderer = mount?.(element, viewState(node, options)) ?? null;
+      return {
+        dom: element,
+        update: (next) => {
+          if (next.type !== node.type) return false;
+          if (next.attrs.id) element.setAttribute("data-id", String(next.attrs.id));
+          else element.removeAttribute("data-id");
+          renderer?.update(viewState(next, options));
+          return true;
+        },
+        ignoreMutation: () => true,
+        destroy: () => renderer?.destroy()
+      };
+    };
   }
 });
 
@@ -1870,250 +1946,6 @@ var Image2 = BaseImage.extend({
   }
 });
 
-// src/extensions/comments.ts
-import { Mark as Mark3 } from "@tiptap/core";
-import { Plugin as Plugin6, PluginKey as PluginKey3, TextSelection } from "@tiptap/pm/state";
-import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "@tiptap/pm/view";
-var commentsPluginKey = new PluginKey3("comments");
-var COMMENT_MARK_NAME = "comment";
-function findCommentRanges(doc) {
-  const result = /* @__PURE__ */ new Map();
-  doc.descendants((node, pos) => {
-    if (!node.isInline) return;
-    node.marks.forEach((mark) => {
-      if (mark.type.name !== COMMENT_MARK_NAME) return;
-      const id = mark.attrs.commentId;
-      if (!id) return;
-      const ranges = result.get(id) ?? [];
-      const last = ranges[ranges.length - 1];
-      const end = pos + node.nodeSize;
-      if (last && last.to === pos) {
-        last.to = end;
-      } else {
-        ranges.push({ from: pos, to: end });
-      }
-      result.set(id, ranges);
-    });
-  });
-  return result;
-}
-function getCommentAnchors(doc) {
-  const anchors = /* @__PURE__ */ new Map();
-  findCommentRanges(doc).forEach((ranges, id) => {
-    const from = ranges[0].from;
-    const to = ranges[ranges.length - 1].to;
-    anchors.set(id, {
-      from,
-      to,
-      quote: ranges.map((r) => doc.textBetween(r.from, r.to, " ", " ")).join(" ")
-    });
-  });
-  return anchors;
-}
-function getCommentIdsAt(state, pos = state.selection.from) {
-  const $pos = state.doc.resolve(pos);
-  const marks = [
-    ...$pos.nodeAfter?.marks ?? [],
-    ...$pos.nodeBefore?.marks ?? []
-  ];
-  const ids = [];
-  marks.forEach((m) => {
-    if (m.type.name === COMMENT_MARK_NAME && m.attrs.commentId && !ids.includes(m.attrs.commentId)) {
-      ids.push(m.attrs.commentId);
-    }
-  });
-  return ids;
-}
-function getCommentStore(editor) {
-  return editor?.storage?.[COMMENT_MARK_NAME]?.store ?? null;
-}
-function resolveAuthor(author) {
-  return typeof author === "function" ? author() : author;
-}
-var Comments = Mark3.create({
-  name: COMMENT_MARK_NAME,
-  // Typing at the edge of a comment does not extend it.
-  inclusive: false,
-  // Allow several comment marks (different threads) on the same text.
-  excludes: "",
-  addOptions() {
-    return {
-      store: null,
-      author: { id: "anonymous", name: "Anonymous" },
-      HTMLAttributes: {},
-      commentClass: "pixerate-comment bg-amber-100 border-b-2 border-amber-400 dark:bg-amber-500/20 cursor-pointer",
-      activeClass: "pixerate-comment-active bg-amber-200 dark:bg-amber-500/40",
-      resolvedClass: "",
-      activateOnSelection: true
-    };
-  },
-  addStorage() {
-    return {
-      store: this.options.store ?? new CommentStore(),
-      // tiptap-markdown: comments are not part of the exported markdown.
-      markdown: { serialize: { open: "", close: "" }, parse: {} }
-    };
-  },
-  addAttributes() {
-    return {
-      commentId: {
-        default: null,
-        parseHTML: (el) => el.getAttribute("data-comment-id"),
-        renderHTML: (attrs) => attrs.commentId ? { "data-comment-id": attrs.commentId } : {}
-      }
-    };
-  },
-  parseHTML() {
-    return [{ tag: "span[data-comment-id]" }];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["span", safeMergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-  },
-  addCommands() {
-    const store = () => this.storage.store;
-    return {
-      addComment: (options = {}) => ({ state, tr, dispatch }) => {
-        const { from, to, empty } = state.selection;
-        if (empty) return false;
-        if (dispatch) {
-          const id = options.id ?? createReviewId("comment");
-          tr.addMark(from, to, this.type.create({ commentId: id }));
-          tr.setMeta(commentsPluginKey, "refresh");
-          store().createThread({
-            id,
-            body: options.body ?? "",
-            author: options.author ?? resolveAuthor(this.options.author),
-            anchor: { from, to, quote: state.doc.textBetween(from, to, " ", " ") }
-          });
-          store().setActiveThread(id);
-        }
-        return true;
-      },
-      resolveComment: (id, resolved = true) => ({ tr, dispatch }) => {
-        if (!store().getThread(id)) return false;
-        if (dispatch) {
-          store().resolveThread(id, resolved, resolveAuthor(this.options.author));
-          tr.setMeta(commentsPluginKey, "refresh");
-        }
-        return true;
-      },
-      deleteComment: (id) => ({ state, tr, dispatch }) => {
-        const ranges = findCommentRanges(state.doc).get(id) ?? [];
-        if (ranges.length === 0 && !store().getThread(id)) return false;
-        if (dispatch) {
-          ranges.forEach(({ from, to }) => {
-            state.doc.nodesBetween(from, to, (node, pos) => {
-              const mark = node.marks.find(
-                (m) => m.type === this.type && m.attrs.commentId === id
-              );
-              if (mark) {
-                tr.removeMark(Math.max(pos, from), Math.min(pos + node.nodeSize, to), mark);
-              }
-            });
-          });
-          tr.setMeta(commentsPluginKey, "refresh");
-          store().deleteThread(id);
-        }
-        return true;
-      },
-      setActiveComment: (id) => ({ tr, dispatch }) => {
-        if (id !== null && !store().getThread(id)) return false;
-        if (dispatch) {
-          store().setActiveThread(id);
-          tr.setMeta(commentsPluginKey, "refresh");
-        }
-        return true;
-      },
-      focusComment: (id) => ({ state, tr, dispatch }) => {
-        const ranges = findCommentRanges(state.doc).get(id);
-        if (!ranges || ranges.length === 0) return false;
-        if (dispatch) {
-          const from = ranges[0].from;
-          const to = ranges[ranges.length - 1].to;
-          tr.setSelection(TextSelection.create(tr.doc, from, to)).scrollIntoView();
-          store().setActiveThread(id);
-          tr.setMeta(commentsPluginKey, "refresh");
-        }
-        return true;
-      }
-    };
-  },
-  addProseMirrorPlugins() {
-    const store = this.storage.store;
-    const options = this.options;
-    let cache = null;
-    const buildDecorations = (doc) => {
-      const snapshot = store.getSnapshot();
-      if (cache && cache.doc === doc && cache.snapshot === snapshot) return cache.set;
-      const decorations = [];
-      findCommentRanges(doc).forEach((ranges, id) => {
-        const thread = store.getThread(id);
-        const resolved = thread?.resolved ?? false;
-        const active = snapshot.activeThreadId === id;
-        const cls = [
-          resolved ? options.resolvedClass : options.commentClass,
-          active ? options.activeClass : ""
-        ].filter(Boolean).join(" ");
-        if (!cls) return;
-        ranges.forEach(({ from, to }) => {
-          decorations.push(Decoration3.inline(from, to, { class: cls }));
-        });
-      });
-      const set = DecorationSet3.create(doc, decorations);
-      cache = { doc, snapshot, set };
-      return set;
-    };
-    return [
-      new Plugin6({
-        key: commentsPluginKey,
-        props: {
-          decorations: (state) => buildDecorations(state.doc)
-        },
-        view: (view) => {
-          let destroyed = false;
-          let scheduled = false;
-          const sync = () => store.syncAnchors(getCommentAnchors(view.state.doc));
-          sync();
-          const unsubscribe = store.subscribe(() => {
-            if (scheduled) return;
-            scheduled = true;
-            queueMicrotask(() => {
-              scheduled = false;
-              if (destroyed) return;
-              sync();
-              if (cache?.snapshot !== store.getSnapshot()) {
-                view.dispatch(
-                  view.state.tr.setMeta(commentsPluginKey, "refresh").setMeta("addToHistory", false)
-                );
-              }
-            });
-          });
-          return {
-            update(view2, prevState) {
-              if (!prevState.doc.eq(view2.state.doc)) sync();
-              if (options.activateOnSelection && !prevState.selection.eq(view2.state.selection)) {
-                const ids = getCommentIdsAt(view2.state);
-                const active = store.getSnapshot().activeThreadId;
-                if (!active || !ids.includes(active)) {
-                  store.setActiveThread(ids[0] ?? null);
-                }
-              }
-            },
-            destroy() {
-              destroyed = true;
-              unsubscribe();
-            }
-          };
-        }
-      })
-    ];
-  }
-});
-function getCommentAuthor(editor) {
-  const ext = editor?.extensionManager?.extensions.find((e) => e.name === COMMENT_MARK_NAME);
-  return ext ? resolveAuthor(ext.options.author) : null;
-}
-
 // src/extensions/document-compare.ts
 import { Extension as Extension7 } from "@tiptap/core";
 function trackChangesAuthor(state) {
@@ -2164,7 +1996,7 @@ var DocumentCompare = Extension7.create({
 
 // src/extensions/file-import.ts
 import { Extension as Extension8 } from "@tiptap/core";
-import { Plugin as Plugin7, PluginKey as PluginKey4 } from "@tiptap/pm/state";
+import { Plugin as Plugin6, PluginKey as PluginKey3 } from "@tiptap/pm/state";
 
 // src/import/registry.ts
 var ImportError = class extends Error {
@@ -3709,7 +3541,7 @@ async function importFilesIntoEditor(target, files, options = {}) {
 }
 
 // src/extensions/file-import.ts
-var fileImportPluginKey = new PluginKey4("fileImport");
+var fileImportPluginKey = new PluginKey3("fileImport");
 function getImportableFiles(files, registry) {
   const list = Array.from(files ?? []);
   if (list.length === 0) return null;
@@ -3749,7 +3581,7 @@ var FileImport = Extension8.create({
       });
     };
     return [
-      new Plugin7({
+      new Plugin6({
         key: fileImportPluginKey,
         props: {
           handleDrop(view, event, _slice, moved) {
@@ -3776,8 +3608,8 @@ var FileImport = Extension8.create({
 
 // src/extensions/rich-clipboard.ts
 import { Extension as Extension9 } from "@tiptap/core";
-import { Plugin as Plugin8, PluginKey as PluginKey5 } from "@tiptap/pm/state";
-var richClipboardPluginKey = new PluginKey5("richClipboard");
+import { Plugin as Plugin7, PluginKey as PluginKey4 } from "@tiptap/pm/state";
+var richClipboardPluginKey = new PluginKey4("richClipboard");
 function writeRichClipboard(view, event, options = {}) {
   const { state } = view;
   if (state.selection.empty) return false;
@@ -3810,7 +3642,7 @@ var RichClipboard = Extension9.create({
     const mimeType = this.options.mimeType ?? PIXERATE_DOCUMENT_MIME;
     const storage = this.storage;
     return [
-      new Plugin8({
+      new Plugin7({
         key: richClipboardPluginKey,
         props: {
           handleDOMEvents: {
@@ -3837,7 +3669,7 @@ var RichClipboard = Extension9.create({
 // src/extensions/autocorrect.ts
 import { Extension as Extension10 } from "@tiptap/core";
 import { closeHistory } from "@tiptap/pm/history";
-import { Plugin as Plugin9, PluginKey as PluginKey6 } from "@tiptap/pm/state";
+import { Plugin as Plugin8, PluginKey as PluginKey5 } from "@tiptap/pm/state";
 var quoteOpener = /[\s ([{<—–‘“-]/;
 var smartQuoteRules = [
   {
@@ -3945,7 +3777,7 @@ var DEFAULT_AUTOCORRECT_EXCEPTIONS = [
   "MHz",
   "KHz"
 ];
-var autocorrectPluginKey = new PluginKey6("autocorrect");
+var autocorrectPluginKey = new PluginKey5("autocorrect");
 var WHOLE_WORD_DELIMITER = /[\s.,;:!?]/;
 function findAutocorrection(textBefore, rules, context) {
   const ctx = { ...context, textBefore };
@@ -4122,7 +3954,7 @@ var Autocorrect = Extension10.create({
       return true;
     };
     return [
-      new Plugin9({
+      new Plugin8({
         key: autocorrectPluginKey,
         state: {
           init: () => ({ last: null, closePending: false }),
@@ -4144,12 +3976,12 @@ var Autocorrect = Extension10.create({
 // src/extensions/document-structure/outline.ts
 import { Extension as Extension11 } from "@tiptap/core";
 import {
-  Plugin as Plugin10,
-  PluginKey as PluginKey7,
-  TextSelection as TextSelection2
+  Plugin as Plugin9,
+  PluginKey as PluginKey6,
+  TextSelection
 } from "@tiptap/pm/state";
-var outlinePluginKey = new PluginKey7("outline");
-var outlineIdPluginKey = new PluginKey7("outlineIds");
+var outlinePluginKey = new PluginKey6("outline");
+var outlineIdPluginKey = new PluginKey6("outlineIds");
 var sameHeading = (a, b) => a.id === b.id && a.level === b.level && a.text === b.text && a.pos === b.pos && a.depth === b.depth;
 function computeOutline(doc, types = ["heading"]) {
   const headings = [];
@@ -4267,7 +4099,7 @@ function navigateToHeading(editor, heading, options = {}) {
   if (!current) return false;
   const { focus = true, behavior = "smooth" } = options;
   if (focus) {
-    const tr = editor.state.tr.setSelection(TextSelection2.create(editor.state.doc, current.pos + 1)).scrollIntoView();
+    const tr = editor.state.tr.setSelection(TextSelection.create(editor.state.doc, current.pos + 1)).scrollIntoView();
     editor.view.dispatch(tr);
     editor.view.focus();
   }
@@ -4329,7 +4161,7 @@ var Outline = Extension11.create({
         if (!heading) return false;
         if (dispatch) {
           if (options.focus !== false) {
-            tr.setSelection(TextSelection2.create(tr.doc, heading.pos + 1));
+            tr.setSelection(TextSelection.create(tr.doc, heading.pos + 1));
             tr.scrollIntoView();
             view?.focus?.();
           }
@@ -4350,7 +4182,7 @@ var Outline = Extension11.create({
     const storage = this.storage;
     const onUpdate = () => this.options.onUpdate;
     return [
-      new Plugin10({
+      new Plugin9({
         key: outlinePluginKey,
         state: {
           init: (_config, state) => {
@@ -4368,7 +4200,7 @@ var Outline = Extension11.create({
           }
         }
       }),
-      new Plugin10({
+      new Plugin9({
         key: outlineIdPluginKey,
         appendTransaction: (transactions, _oldState, newState) => {
           if (!transactions.some((tr) => tr.docChanged)) return null;
@@ -4386,9 +4218,9 @@ var Outline = Extension11.create({
 // src/extensions/document-structure/table-of-contents.ts
 import { Node as Node3 } from "@tiptap/core";
 import {
-  Plugin as Plugin11,
-  PluginKey as PluginKey8,
-  TextSelection as TextSelection3
+  Plugin as Plugin10,
+  PluginKey as PluginKey7,
+  TextSelection as TextSelection2
 } from "@tiptap/pm/state";
 
 // src/extensions/document-structure/markdown-it.ts
@@ -4519,7 +4351,7 @@ function mergeFootnoteSections(element) {
 }
 
 // src/extensions/document-structure/table-of-contents.ts
-var tableOfContentsPluginKey = new PluginKey8("tableOfContents");
+var tableOfContentsPluginKey = new PluginKey7("tableOfContents");
 var sameEntry = (a, b) => a.id === b.id && a.level === b.level && a.text === b.text && a.depth === b.depth;
 function getTableOfContentsEntries(headings, minLevel = 1, maxLevel = 6) {
   const entries = [];
@@ -4670,7 +4502,7 @@ var TableOfContents = Node3.create({
     const { headingTypes } = this.options;
     const editor = this.editor;
     return [
-      new Plugin11({
+      new Plugin10({
         key: tableOfContentsPluginKey,
         state: presenceStateSpec([this.name]),
         appendTransaction: (transactions, _oldState, newState) => {
@@ -4692,7 +4524,7 @@ var TableOfContents = Node3.create({
               if (!heading) return true;
               if (editor.isEditable) {
                 view.dispatch(
-                  view.state.tr.setSelection(TextSelection3.create(view.state.doc, heading.pos + 1)).scrollIntoView()
+                  view.state.tr.setSelection(TextSelection2.create(view.state.doc, heading.pos + 1)).scrollIntoView()
                 );
                 view.focus();
               }
@@ -4714,11 +4546,11 @@ var TableOfContents = Node3.create({
 import { Node as Node4 } from "@tiptap/core";
 import {
   NodeSelection,
-  Plugin as Plugin12,
-  PluginKey as PluginKey9,
-  TextSelection as TextSelection4
+  Plugin as Plugin11,
+  PluginKey as PluginKey8,
+  TextSelection as TextSelection3
 } from "@tiptap/pm/state";
-var footnotesPluginKey = new PluginKey9("footnotes");
+var footnotesPluginKey = new PluginKey8("footnotes");
 var REFERENCE = "footnoteReference";
 var LIST = "footnotes";
 var ITEM = "footnote";
@@ -4929,7 +4761,7 @@ var FootnoteReference = Node4.create({
         if (focusContent) {
           const footnote = findFootnote(tr.doc, id);
           if (footnote) {
-            tr.setSelection(TextSelection4.create(tr.doc, footnote.pos + 2));
+            tr.setSelection(TextSelection3.create(tr.doc, footnote.pos + 2));
           }
         }
         tr.scrollIntoView();
@@ -4964,7 +4796,7 @@ var FootnoteReference = Node4.create({
         if (!footnote) return false;
         if (dispatch) {
           tr.setSelection(
-            TextSelection4.create(tr.doc, footnote.pos + footnote.node.nodeSize - 2)
+            TextSelection3.create(tr.doc, footnote.pos + footnote.node.nodeSize - 2)
           );
           tr.scrollIntoView();
           scrollDomAtPos(view, footnote.pos);
@@ -4987,7 +4819,7 @@ var FootnoteReference = Node4.create({
     const generateId = this.options.generateId;
     const editor = this.editor;
     return [
-      new Plugin12({
+      new Plugin11({
         key: footnotesPluginKey,
         state: presenceStateSpec([REFERENCE, LIST]),
         appendTransaction: (transactions, _oldState, newState) => {
@@ -5104,8 +4936,8 @@ var Footnote = Node4.create({
 });
 
 // src/extensions/document-structure/bookmarks.ts
-import { Mark as Mark4 } from "@tiptap/core";
-import { TextSelection as TextSelection5 } from "@tiptap/pm/state";
+import { Mark as Mark3 } from "@tiptap/core";
+import { TextSelection as TextSelection4 } from "@tiptap/pm/state";
 var BOOKMARK = "bookmark";
 function getBookmarks(doc) {
   const byId = /* @__PURE__ */ new Map();
@@ -5142,7 +4974,7 @@ function forEachBookmarkRange(doc, id, fn) {
     return false;
   });
 }
-var Bookmark = Mark4.create({
+var Bookmark = Mark3.create({
   name: BOOKMARK,
   inclusive: false,
   excludes: "",
@@ -5232,7 +5064,7 @@ var Bookmark = Mark4.create({
         const bookmark = getBookmarks(state.doc).find((b) => b.id === id);
         if (!bookmark) return false;
         if (dispatch) {
-          tr.setSelection(TextSelection5.create(tr.doc, bookmark.from, bookmark.to));
+          tr.setSelection(TextSelection4.create(tr.doc, bookmark.from, bookmark.to));
           tr.scrollIntoView();
           const domPos = state.doc.resolve(bookmark.from);
           scrollDomAtPos(view, domPos.before(domPos.depth));
@@ -5246,11 +5078,11 @@ var Bookmark = Mark4.create({
 // src/extensions/document-structure/cross-reference.ts
 import { Node as Node5 } from "@tiptap/core";
 import {
-  Plugin as Plugin13,
-  PluginKey as PluginKey10,
-  TextSelection as TextSelection6
+  Plugin as Plugin12,
+  PluginKey as PluginKey9,
+  TextSelection as TextSelection5
 } from "@tiptap/pm/state";
-var crossReferencePluginKey = new PluginKey10("crossReference");
+var crossReferencePluginKey = new PluginKey9("crossReference");
 var NAME = "crossReference";
 function getCrossReferenceTargets(doc, headingTypes = ["heading"]) {
   const headings = computeOutline(doc, headingTypes).filter((h) => !h.id.startsWith("outline-")).map((h) => ({ type: "heading", id: h.id, text: h.text, name: h.text, level: h.level }));
@@ -5400,7 +5232,7 @@ var CrossReference = Node5.create({
         }
         if (!range) return false;
         if (dispatch) {
-          tr.setSelection(TextSelection6.create(tr.doc, range.from, range.to));
+          tr.setSelection(TextSelection5.create(tr.doc, range.from, range.to));
           tr.scrollIntoView();
           scrollDomAtPos(view, range.blockPos);
         }
@@ -5412,7 +5244,7 @@ var CrossReference = Node5.create({
     const { headingTypes } = this.options;
     const editor = this.editor;
     return [
-      new Plugin13({
+      new Plugin12({
         key: crossReferencePluginKey,
         state: presenceStateSpec([NAME]),
         appendTransaction: (transactions, _oldState, newState) => {
@@ -5491,8 +5323,8 @@ function getDocumentStructureCommandItems(editor, query = "") {
 
 // src/extensions/find-replace/extension.ts
 import { Extension as Extension12 } from "@tiptap/core";
-import { Plugin as Plugin14, PluginKey as PluginKey11, TextSelection as TextSelection7 } from "@tiptap/pm/state";
-import { Decoration as Decoration4, DecorationSet as DecorationSet4 } from "@tiptap/pm/view";
+import { Plugin as Plugin13, PluginKey as PluginKey10, TextSelection as TextSelection6 } from "@tiptap/pm/state";
+import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "@tiptap/pm/view";
 import { closeHistory as closeHistory2 } from "@tiptap/pm/history";
 var EMPTY_OPTIONS = Object.freeze({});
 var EMPTY_FIND_REPLACE_SNAPSHOT = Object.freeze({
@@ -5532,7 +5364,7 @@ var FindReplaceStore = class {
     });
   }
 };
-var findReplacePluginKey = new PluginKey11("findReplace");
+var findReplacePluginKey = new PluginKey10("findReplace");
 function getFindReplaceState(source) {
   const state = source?.state ?? source;
   if (!state || typeof state.plugins === "undefined") return null;
@@ -5614,7 +5446,7 @@ var FindReplace = Extension12.create({
     const current = (state) => findReplacePluginKey.getState(state);
     const maxPrefill = () => this.options.maxPrefillLength;
     const select = (tr, match) => {
-      tr.setSelection(TextSelection7.create(tr.doc, match.from, match.to)).scrollIntoView();
+      tr.setSelection(TextSelection6.create(tr.doc, match.from, match.to)).scrollIntoView();
     };
     return {
       setSearch: (params) => ({ tr, state, dispatch }) => {
@@ -5689,7 +5521,7 @@ var FindReplace = Extension12.create({
         if (dispatch) {
           closeHistory2(tr);
           const [end] = applyReplacements(tr, [s.matches[s.currentIndex]]);
-          tr.setSelection(TextSelection7.create(tr.doc, end)).scrollIntoView();
+          tr.setSelection(TextSelection6.create(tr.doc, end)).scrollIntoView();
           meta(tr, { type: "replaced", anchor: end, count: 1 });
         }
         return true;
@@ -5746,16 +5578,16 @@ var FindReplace = Extension12.create({
       };
     };
     const decorate = (s, doc) => {
-      if (!s.active || !s.matches.length) return { ...s, decorations: DecorationSet4.empty };
+      if (!s.active || !s.matches.length) return { ...s, decorations: DecorationSet3.empty };
       const decorations = s.matches.map(
-        (m, i) => Decoration4.inline(m.from, m.to, {
+        (m, i) => Decoration3.inline(m.from, m.to, {
           class: i === s.currentIndex ? `${options.matchClass} ${options.currentMatchClass}` : options.matchClass
         })
       );
-      return { ...s, decorations: DecorationSet4.create(doc, decorations) };
+      return { ...s, decorations: DecorationSet3.create(doc, decorations) };
     };
     return [
-      new Plugin14({
+      new Plugin13({
         key: findReplacePluginKey,
         state: {
           init: () => ({
@@ -5772,7 +5604,7 @@ var FindReplace = Extension12.create({
             truncated: false,
             lastReplaceCount: null,
             focusRequest: 0,
-            decorations: DecorationSet4.empty
+            decorations: DecorationSet3.empty
           }),
           apply: (tr, prev, _oldState, newState) => {
             const m = tr.getMeta(findReplacePluginKey);
@@ -5840,7 +5672,7 @@ var FindReplace = Extension12.create({
           }
         },
         props: {
-          decorations: (state) => findReplacePluginKey.getState(state)?.decorations ?? DecorationSet4.empty
+          decorations: (state) => findReplacePluginKey.getState(state)?.decorations ?? DecorationSet3.empty
         },
         view: (view) => {
           const sync = () => {
@@ -5863,11 +5695,11 @@ function safeClipboard(get) {
 }
 
 // src/extensions/paragraph-styles/extension.ts
-import { Extension as Extension13, Mark as Mark5 } from "@tiptap/core";
-import { Plugin as Plugin15, PluginKey as PluginKey12 } from "@tiptap/pm/state";
+import { Extension as Extension13, Mark as Mark4 } from "@tiptap/core";
+import { Plugin as Plugin14, PluginKey as PluginKey11 } from "@tiptap/pm/state";
 var STYLE_ID_ATTRIBUTE = "styleId";
 var CHARACTER_STYLE_MARK_NAME = "characterStyle";
-var paragraphStylesPluginKey = new PluginKey12("paragraphStyles");
+var paragraphStylesPluginKey = new PluginKey11("paragraphStyles");
 function getStyleRegistry(editor) {
   return editor?.storage?.paragraphStyles?.registry ?? null;
 }
@@ -6007,7 +5839,7 @@ function nextStyleTransaction(transactions, oldState, newState, registry) {
   if (!applyStyleToBlock(out, $new.before(), next, registry)) return null;
   return out;
 }
-var CharacterStyle = Mark5.create({
+var CharacterStyle = Mark4.create({
   name: CHARACTER_STYLE_MARK_NAME,
   addAttributes() {
     return {
@@ -6133,7 +5965,7 @@ var ParagraphStyles = Extension13.create({
   addProseMirrorPlugins() {
     const registry = this.storage.registry;
     return [
-      new Plugin15({
+      new Plugin14({
         key: paragraphStylesPluginKey,
         appendTransaction: (transactions, oldState, newState) => nextStyleTransaction(transactions, oldState, newState, registry)
       })
@@ -6638,6 +6470,7 @@ export {
   GradientText,
   SlashCommands,
   TemplateSuggestions,
+  loadingSpinnerSpec,
   LoadingNode,
   SMILIE_REPLACEMENTS,
   smilieAutocorrectRules,
@@ -6656,14 +6489,6 @@ export {
   removeImageNode,
   handleImageInsertion,
   Image2 as Image,
-  commentsPluginKey,
-  COMMENT_MARK_NAME,
-  findCommentRanges,
-  getCommentAnchors,
-  getCommentIdsAt,
-  getCommentStore,
-  Comments,
-  getCommentAuthor,
   compareInEditor,
   applyDocumentComparison,
   DocumentCompare,