@liveblocks/react-tiptap 3.18.4 → 3.19.0

package/dist/ai/AiExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiExtension.js","sources":["../../src/ai/AiExtension.ts"],"sourcesContent":["import {\n  autoRetry,\n  type ContextualPromptResponse,\n  HttpError,\n} from \"@liveblocks/core\";\nimport type { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { CommandProps, Editor } from \"@tiptap/core\";\nimport { Extension } from \"@tiptap/core\";\nimport { Fragment, Slice } from \"@tiptap/pm/model\";\nimport type { Transaction } from \"@tiptap/pm/state\";\nimport { Plugin } from \"@tiptap/pm/state\";\nimport { Decoration, DecorationSet } from \"@tiptap/pm/view\";\nimport {\n  ySyncPluginKey,\n  yXmlFragmentToProseMirrorFragment,\n} from \"y-prosemirror\";\nimport type { Doc, Snapshot } from \"yjs\";\nimport {\n  createDocFromSnapshot,\n  emptySnapshot,\n  equalSnapshots,\n  snapshot as takeSnapshot,\n} from \"yjs\";\n\nimport {\n  AI_TOOLBAR_SELECTION_PLUGIN,\n  type AiExtensionOptions,\n  type AiExtensionStorage,\n  type AiToolbarState,\n  type ResolveContextualPromptResponse,\n  type YSyncPluginState,\n} from \"../types\";\nimport { getContextualPromptContext } from \"../utils\";\n\nconst DEFAULT_AI_NAME = \"AI\";\nexport const DEFAULT_STATE: AiToolbarState = { phase: \"closed\" };\n\nconst RESOLVE_AI_PROMPT_RETRY_ATTEMPTS = 3;\nconst RESOLVE_AI_PROMPT_RETRY_DELAYS = [1000, 2000, 4000];\n\nfunction getYjsBinding(editor: Editor) {\n  return (ySyncPluginKey.getState(editor.view.state) as YSyncPluginState)\n    .binding;\n}\n\nfunction getLiveblocksYjsProvider(\n  editor: Editor\n): LiveblocksYjsProvider | undefined {\n  // Eslint doesn't seem to like Tiptap's Type declaration strategy\n  return editor.extensionStorage.liveblocksExtension?.provider;\n}\n\nexport function isContextualPromptDiffResponse(\n  response: ContextualPromptResponse\n): response is Extract<\n  ContextualPromptResponse,\n  { type: \"replace\" | \"insert\" }\n> {\n  return response.type === \"replace\" || response.type === \"insert\";\n}\n\nfunction isResolveContextualPromptResponse(\n  response: unknown\n): response is ResolveContextualPromptResponse {\n  return (\n    typeof response === \"object\" &&\n    response !== null &&\n    typeof (response as { text: unknown }).text === \"string\" &&\n    typeof (response as { type: unknown }).type === \"string\" &&\n    [\"insert\", \"replace\", \"other\"].includes((response as { type: string }).type)\n  );\n}\n\nfunction createParagraph(editor: Editor, text: string) {\n  const paragraph =\n    editor.schema.nodes.paragraph ??\n    Object.values(editor.schema.nodes).find((node) => node.isBlock);\n\n  if (!paragraph) {\n    throw new Error(\"Could not create a paragraph.\");\n  }\n\n  return paragraph.create(null, text ? editor.schema.text(text) : undefined);\n}\n\nfunction getRevertTransaction(\n  tr: Transaction,\n  editor: Editor,\n  storage: AiExtensionStorage,\n  doc?: Doc\n): Transaction | null {\n  if (storage.snapshot) {\n    const binding = getYjsBinding(editor);\n\n    if (binding) {\n      binding.mapping.clear();\n\n      const docFromSnapshot = createDocFromSnapshot(\n        binding.doc,\n        storage.snapshot\n      );\n      const type = docFromSnapshot.getXmlFragment(\"default\"); // TODO: field\n      const fragmentContent = yXmlFragmentToProseMirrorFragment(\n        type,\n        editor.state.schema\n      );\n\n      tr.setMeta(\"addToHistory\", false);\n      tr.replace(\n        0,\n        editor.state.doc.content.size,\n        new Slice(Fragment.from(fragmentContent), 0, 0)\n      );\n      tr.setMeta(ySyncPluginKey, {\n        snapshot: null,\n        prevSnapshot: null,\n      });\n\n      if (doc) {\n        doc.gc = true;\n      }\n\n      storage.snapshot = undefined;\n\n      return tr;\n    }\n  }\n  return null;\n}\n\nexport const AiExtension = Extension.create<\n  AiExtensionOptions,\n  AiExtensionStorage\n>({\n  name: \"liveblocksAi\",\n  addOptions() {\n    return {\n      doc: undefined,\n      pud: undefined,\n\n      // The actual default resolver is set in LiveblocksExtension via AiExtension.configure()\n      resolveContextualPrompt: () => Promise.reject(new Error(\"resolveContextualPrompt not configured\")),\n      name: DEFAULT_AI_NAME,\n    };\n  },\n  addStorage() {\n    return {\n      state: DEFAULT_STATE,\n      name: this.options.name,\n    };\n  },\n  addCommands() {\n    return {\n      askAi: (prompt) => () => {\n        if (typeof prompt === \"string\") {\n          this.editor.commands.$startAiToolbarThinking(prompt);\n        } else {\n          this.editor.commands.$openAiToolbarAsking();\n        }\n\n        return true;\n      },\n\n      closeAi: () => () => {\n        this.editor.commands.$closeAiToolbar();\n\n        return true;\n      },\n\n      $acceptAiToolbarResponse:\n        () =>\n        ({ tr, view }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If NOT in \"reviewing\" phase, do nothing\n          if (currentState.phase !== \"reviewing\") {\n            return false;\n          }\n\n          // 2. Accept the response\n          if (isContextualPromptDiffResponse(currentState.response)) {\n            // 2.a. If the response is a diff, apply it definitely\n            const binding = getYjsBinding(this.editor);\n            if (!binding) {\n              return false;\n            }\n\n            const fragmentContent = yXmlFragmentToProseMirrorFragment(\n              binding.type,\n              this.editor.state.schema\n            );\n            tr.setMeta(\"addToHistory\", false);\n            tr.replace(\n              0,\n              this.editor.state.doc.content.size,\n              new Slice(Fragment.from(fragmentContent), 0, 0)\n            );\n            tr.setMeta(ySyncPluginKey, {\n              snapshot: null,\n              prevSnapshot: null,\n            });\n\n            this.storage.snapshot = undefined;\n          } else {\n            // 2.b. If the response is not a diff, insert it below the selection\n\n            const paragraphs = currentState.response.text\n              .split(\"\\n\")\n              .map((paragraph) => createParagraph(this.editor, paragraph));\n\n            tr.insert(this.editor.state.selection.$to.end(), paragraphs);\n            tr.setMeta(\"addToHistory\", true);\n            view.dispatch(tr);\n            // Prevent TipTap from dispatching this transaction, because we already did (this is a hack)\n            tr.setMeta(\"preventDispatch\", true);\n          }\n\n          // 3. Unblock the editor\n          getLiveblocksYjsProvider(this.editor)?.unpause();\n          this.editor.setEditable(true);\n\n          // 4. Set to \"closed\" phase\n          this.storage.state = { phase: \"closed\" };\n\n          return true;\n        },\n\n      $closeAiToolbar:\n        () =>\n        ({ tr, view }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If already in \"closed\" phase, do nothing\n          if (currentState.phase === \"closed\") {\n            return false;\n          }\n\n          // 2. If in \"thinking\" phase, cancel the current AI request\n          if (currentState.phase === \"thinking\") {\n            currentState.abortController.abort();\n          }\n\n          // 3. If in \"thinking\" or \"reviewing\" phase, revert the editor if possible and unblock it\n          if (\n            currentState.phase === \"thinking\" ||\n            currentState.phase === \"reviewing\"\n          ) {\n            // Get the revert transaction and dispatch it\n            const revertTr = getRevertTransaction(\n              tr,\n              this.editor,\n              this.storage,\n              this.options.doc\n            );\n            if (revertTr) {\n              view.dispatch(revertTr);\n              // Prevent TipTap from dispatching this transaction, because we already did (this is a hack)\n              tr.setMeta(\"preventDispatch\", true);\n            }\n          }\n\n          // 4. Restore the initial selection\n          this.editor.commands.setTextSelection(currentState.initialSelection);\n\n          // 5. Unblock the editor\n          getLiveblocksYjsProvider(this.editor)?.unpause();\n          this.editor.setEditable(true);\n\n          // 6. Set to \"closed\" phase\n          this.storage.state = { phase: \"closed\" };\n\n          return true;\n        },\n\n      $openAiToolbarAsking: () => () => {\n        const currentState = this.storage.state;\n\n        // 1. If NOT in \"closed\" phase, do nothing\n        if (currentState.phase !== \"closed\") {\n          return false;\n        }\n\n        // 2. Blur the editor if needed\n        if (this.editor.isFocused) {\n          this.editor.commands.blur();\n        }\n\n        // 3. Set to \"asking\" phase\n        this.storage.state = {\n          phase: \"asking\",\n          // Store the initial selection\n          initialSelection: {\n            from: this.editor.state.selection.from,\n            to: this.editor.state.selection.to,\n          },\n          // Initialize the custom prompt as empty\n          customPrompt: \"\",\n        };\n\n        return true;\n      },\n\n      $startAiToolbarThinking:\n        (prompt: string, withPreviousResponse?: boolean) =>\n        ({ tr, view }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If in \"thinking\" phase already, do nothing\n          if (currentState.phase === \"thinking\") {\n            return false;\n          }\n\n          // 2. Blur the editor if needed\n          if (this.editor.isFocused) {\n            this.editor.commands.blur();\n          }\n\n          const abortController = new AbortController();\n          const provider = getLiveblocksYjsProvider(this.editor);\n\n          // 3. If this is a retry or a refinement, revert the editor and restore the initial selection\n          if (currentState.phase === \"reviewing\") {\n            // 3.a. Revert the editor\n            const revertTr = getRevertTransaction(\n              tr,\n              this.editor,\n              this.storage,\n              this.options.doc\n            );\n            if (revertTr) {\n              // Important: in this scenario we do not unpause the provider\n              view.dispatch(revertTr);\n              // Prevent Tiptap from dispatching this transaction, because we already did (this is a hack)\n              tr.setMeta(\"preventDispatch\", true);\n            }\n\n            // 3.b. Restore the initial selection\n            this.editor.commands.setTextSelection(\n              currentState.initialSelection\n            );\n          }\n\n          // 4. Set to \"thinking\" phase\n          this.storage.state = {\n            phase: \"thinking\",\n            // Store the initial selection if the toolbar is opened directly in the \"thinking\" phase\n            initialSelection: currentState.initialSelection ?? {\n              from: this.editor.state.selection.from,\n              to: this.editor.state.selection.to,\n            },\n            // Initialize the custom prompt as empty if the toolbar is opened directly in the \"thinking\" phase\n            customPrompt: currentState.customPrompt ?? \"\",\n            prompt,\n            abortController,\n            previousResponse: currentState.response,\n          };\n\n          // 5. Block the editor\n          this.editor.setEditable(false);\n\n          // 6. Start the AI request\n          autoRetry(\n            async () => {\n              await provider?.pause();\n\n              // 6.a. Resolve the AI prompt\n              const response = (await this.options.resolveContextualPrompt({\n                prompt,\n                context: getContextualPromptContext(this.editor, 3_000),\n                signal: abortController.signal,\n                previous:\n                  withPreviousResponse && currentState.phase === \"reviewing\"\n                    ? {\n                        prompt: currentState.prompt,\n                        response: {\n                          type: currentState.response?.type,\n                          text: currentState.response?.text,\n                        },\n                      }\n                    : undefined,\n              })) as unknown;\n\n              // 6.b. Validate the response\n              if (isResolveContextualPromptResponse(response)) {\n                return response;\n              } else {\n                throw new Error(\"Failed to resolve AI prompt.\");\n              }\n            },\n            RESOLVE_AI_PROMPT_RETRY_ATTEMPTS,\n            RESOLVE_AI_PROMPT_RETRY_DELAYS,\n\n            (error) => {\n              // Don't retry on 4xx errors or if the request was aborted\n              return (\n                abortController.signal.aborted ||\n                (error instanceof HttpError &&\n                  error.status >= 400 &&\n                  error.status < 500)\n              );\n            }\n          )\n            .then((response) => {\n              if (abortController.signal.aborted) {\n                return;\n              }\n\n              // 6.a. If the AI request succeeds, set to \"reviewing\" phase with the response\n              this.editor.commands._handleAiToolbarThinkingSuccess({\n                type: response.type,\n                text: response.text,\n              });\n            })\n            .catch((error) => {\n              if (abortController.signal.aborted) {\n                return;\n              }\n\n              // 6.b. If the AI request fails, set to \"asking\" phase with error\n              this.editor.commands._handleAiToolbarThinkingError(error);\n            });\n\n          return true;\n        },\n\n      $cancelAiToolbarThinking: () => () => {\n        const currentState = this.storage.state;\n\n        // 1. If NOT in \"thinking\" phase, do nothing\n        if (currentState.phase !== \"thinking\") {\n          return false;\n        }\n\n        // 2. Cancel the current AI request\n        currentState.abortController.abort();\n\n        // 3. Unblock the editor\n        this.editor.setEditable(true);\n\n        // 4. Set to \"asking\" phase\n        this.storage.state = {\n          phase: \"asking\",\n          initialSelection: currentState.initialSelection,\n          // If the custom prompt is different than the prompt, reset it\n          customPrompt:\n            currentState.prompt === currentState.customPrompt\n              ? currentState.customPrompt\n              : \"\",\n        };\n\n        return true;\n      },\n\n      _showAiToolbarReviewingDiff: () => () => {\n        // The diff is applied right before moving to the \"reviewing\" phase\n        if (this.storage.state.phase !== \"reviewing\") {\n          return false;\n        }\n\n        if (!this.options.doc || !this.storage.snapshot) {\n          return false;\n        }\n\n        const previousSnapshot: Snapshot =\n          this.storage.snapshot ?? emptySnapshot;\n        const currentSnapshot = takeSnapshot(this.options.doc);\n\n        if (equalSnapshots(previousSnapshot, currentSnapshot)) {\n          return true;\n        }\n\n        getYjsBinding(this.editor)?.renderSnapshot(\n          currentSnapshot,\n          previousSnapshot\n        );\n\n        return true;\n      },\n\n      _handleAiToolbarThinkingSuccess:\n        (response: ContextualPromptResponse) =>\n        ({ view, tr }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If NOT in \"thinking\" phase, do nothing\n          if (currentState.phase !== \"thinking\") {\n            return false;\n          }\n\n          // 2. If this is not a diff, the response will just be in the toolbar, set to \"reviewing\" phase directly with the response\n          if (!isContextualPromptDiffResponse(response)) {\n            this.storage.state = {\n              phase: \"reviewing\",\n              initialSelection: currentState.initialSelection,\n              customPrompt: \"\",\n              prompt: currentState.prompt,\n              response,\n            };\n\n            return true;\n          }\n\n          if (!this.options.doc) {\n            return false;\n          }\n\n          // 3. Otherwise, the response is a diff, apply it to the editor\n          this.options.doc.gc = false;\n          this.storage.snapshot = takeSnapshot(this.options.doc);\n\n          // 4. Set to \"reviewing\" phase with the new range\n          this.storage.state = {\n            phase: \"reviewing\",\n            initialSelection: currentState.initialSelection,\n            customPrompt: \"\",\n            prompt: currentState.prompt,\n            response,\n          };\n\n          // 5. Insert the response's text as inline first (and replace the selection if it's a replace) then as block if there are multiple paragraphs\n          const [firstParagraph, ...otherParagraphs] =\n            response.text.split(\"\\n\");\n\n          tr.insertText(\n            firstParagraph,\n            response.type === \"insert\"\n              ? this.editor.state.selection.to\n              : this.editor.state.selection.from,\n            this.editor.state.selection.to\n          );\n\n          if (otherParagraphs.length > 0) {\n            const paragraphs = otherParagraphs.map((paragraph) =>\n              createParagraph(this.editor, paragraph)\n            );\n\n            tr.insert(tr.selection.$to.pos, paragraphs);\n          }\n\n          view.dispatch(tr);\n          // Prevent Tiptap from dispatching this transaction, because we already did (this is a hack)\n          tr.setMeta(\"preventDispatch\", true);\n\n          // 6. Show the diff\n          this.editor.commands._showAiToolbarReviewingDiff();\n\n          // We moved to the \"reviewing\" phase, so even if `_showAiToolbarReviewingDiff`\n          // returns `false` somehow, we still want to return `true`\n          return true;\n        },\n\n      _handleAiToolbarThinkingError: (error: unknown) => () => {\n        const currentState = this.storage.state;\n\n        // 1. If NOT in \"thinking\" phase, do nothing\n        if (currentState.phase !== \"thinking\") {\n          return false;\n        }\n\n        // 2. Unblock the editor\n        this.editor.setEditable(true);\n\n        // 3. Log the error\n        console.error(error);\n\n        // 4. Set to \"asking\" phase with error\n        this.storage.state = {\n          phase: \"asking\",\n          initialSelection: currentState.initialSelection,\n          // If the custom prompt is different than the prompt, reset it\n          customPrompt:\n            currentState.prompt === currentState.customPrompt\n              ? currentState.customPrompt\n              : \"\",\n          // Pass the error so it can be displayed\n          error:\n            error instanceof Error\n              ? error\n              : new Error(String(error), { cause: error }),\n        };\n\n        return true;\n      },\n\n      _updateAiToolbarCustomPrompt:\n        (customPrompt: string | ((currentCustomPrompt: string) => string)) =>\n        () => {\n          const currentState = this.storage.state;\n\n          // 1. If NOT in a phase with a custom prompt, do nothing\n          if (typeof currentState.customPrompt !== \"string\") {\n            return false;\n          }\n\n          // 2. Update the custom prompt\n          this.storage.state.customPrompt =\n            typeof customPrompt === \"function\"\n              ? customPrompt(currentState.customPrompt)\n              : customPrompt;\n\n          return true;\n        },\n    };\n  },\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: AI_TOOLBAR_SELECTION_PLUGIN,\n        props: {\n          decorations: ({ doc, selection }) => {\n            // Don't show the AI toolbar selection if the toolbar is closed or when reviewing diff responses\n            if (\n              this.storage.state.phase === \"closed\" ||\n              (this.storage.state.phase === \"reviewing\" &&\n                isContextualPromptDiffResponse(this.storage.state.response))\n            ) {\n              return DecorationSet.create(doc, []);\n            }\n\n            const { from, to } = selection;\n            const decorations: Decoration[] = [\n              Decoration.inline(from, to, {\n                class: \"lb-root lb-selection lb-tiptap-active-selection\",\n              }),\n            ];\n\n            return DecorationSet.create(doc, decorations);\n          },\n        },\n      }),\n    ];\n  },\n});\n"],"names":["takeSnapshot"],"mappings":"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"}
+{"version":3,"file":"AiExtension.js","sources":["../../src/ai/AiExtension.ts"],"sourcesContent":["import {\n  autoRetry,\n  type ContextualPromptResponse,\n  HttpError,\n} from \"@liveblocks/core\";\nimport type { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { CommandProps, Editor } from \"@tiptap/core\";\nimport { Extension } from \"@tiptap/core\";\nimport { Fragment, Slice } from \"@tiptap/pm/model\";\nimport type { Transaction } from \"@tiptap/pm/state\";\nimport { Plugin } from \"@tiptap/pm/state\";\nimport { Decoration, DecorationSet } from \"@tiptap/pm/view\";\nimport {\n  ySyncPluginKey,\n  yXmlFragmentToProseMirrorFragment,\n} from \"y-prosemirror\";\nimport type { Doc, Snapshot } from \"yjs\";\nimport {\n  createDocFromSnapshot,\n  emptySnapshot,\n  equalSnapshots,\n  snapshot as takeSnapshot,\n} from \"yjs\";\n\nimport {\n  AI_TOOLBAR_SELECTION_PLUGIN,\n  type AiExtensionOptions,\n  type AiExtensionStorage,\n  type AiToolbarState,\n  type ResolveContextualPromptResponse,\n  type YSyncPluginState,\n} from \"../types\";\nimport { getContextualPromptContext } from \"../utils\";\n\nconst DEFAULT_AI_NAME = \"AI\";\nexport const DEFAULT_STATE: AiToolbarState = { phase: \"closed\" };\n\nconst RESOLVE_AI_PROMPT_RETRY_ATTEMPTS = 3;\nconst RESOLVE_AI_PROMPT_RETRY_DELAYS = [1000, 2000, 4000];\n\nfunction getYjsBinding(editor: Editor) {\n  return (ySyncPluginKey.getState(editor.view.state) as YSyncPluginState)\n    .binding;\n}\n\nfunction getLiveblocksYjsProvider(\n  editor: Editor\n): LiveblocksYjsProvider | undefined {\n  // Eslint doesn't seem to like Tiptap's Type declaration strategy\n  return editor.extensionStorage.liveblocksExtension?.provider;\n}\n\nexport function isContextualPromptDiffResponse(\n  response: ContextualPromptResponse\n): response is Extract<\n  ContextualPromptResponse,\n  { type: \"replace\" | \"insert\" }\n> {\n  return response.type === \"replace\" || response.type === \"insert\";\n}\n\nfunction isResolveContextualPromptResponse(\n  response: unknown\n): response is ResolveContextualPromptResponse {\n  return (\n    typeof response === \"object\" &&\n    response !== null &&\n    typeof (response as { text: unknown }).text === \"string\" &&\n    typeof (response as { type: unknown }).type === \"string\" &&\n    [\"insert\", \"replace\", \"other\"].includes((response as { type: string }).type)\n  );\n}\n\nfunction createParagraph(editor: Editor, text: string) {\n  const paragraph =\n    editor.schema.nodes.paragraph ??\n    Object.values(editor.schema.nodes).find((node) => node.isBlock);\n\n  if (!paragraph) {\n    throw new Error(\"Could not create a paragraph.\");\n  }\n\n  return paragraph.create(null, text ? editor.schema.text(text) : undefined);\n}\n\nfunction getRevertTransaction(\n  tr: Transaction,\n  editor: Editor,\n  storage: AiExtensionStorage,\n  doc?: Doc\n): Transaction | null {\n  if (storage.snapshot) {\n    const binding = getYjsBinding(editor);\n\n    if (binding) {\n      binding.mapping.clear();\n\n      const docFromSnapshot = createDocFromSnapshot(\n        binding.doc,\n        storage.snapshot\n      );\n      const type = docFromSnapshot.getXmlFragment(\"default\"); // TODO: field\n      const fragmentContent = yXmlFragmentToProseMirrorFragment(\n        type,\n        editor.state.schema\n      );\n\n      tr.setMeta(\"addToHistory\", false);\n      tr.replace(\n        0,\n        editor.state.doc.content.size,\n        new Slice(Fragment.from(fragmentContent), 0, 0)\n      );\n      tr.setMeta(ySyncPluginKey, {\n        snapshot: null,\n        prevSnapshot: null,\n      });\n\n      if (doc) {\n        doc.gc = true;\n      }\n\n      storage.snapshot = undefined;\n\n      return tr;\n    }\n  }\n  return null;\n}\n\nexport const AiExtension = Extension.create<\n  AiExtensionOptions,\n  AiExtensionStorage\n>({\n  name: \"liveblocksAi\",\n  addOptions() {\n    return {\n      doc: undefined,\n      pud: undefined,\n\n      // The actual default resolver is set in LiveblocksExtension via AiExtension.configure()\n      resolveContextualPrompt: () =>\n        Promise.reject(new Error(\"resolveContextualPrompt not configured\")),\n      name: DEFAULT_AI_NAME,\n    };\n  },\n  addStorage() {\n    return {\n      state: DEFAULT_STATE,\n      name: this.options.name,\n    };\n  },\n  addCommands() {\n    return {\n      askAi: (prompt) => () => {\n        if (typeof prompt === \"string\") {\n          this.editor.commands.$startAiToolbarThinking(prompt);\n        } else {\n          this.editor.commands.$openAiToolbarAsking();\n        }\n\n        return true;\n      },\n\n      closeAi: () => () => {\n        this.editor.commands.$closeAiToolbar();\n\n        return true;\n      },\n\n      $acceptAiToolbarResponse:\n        () =>\n        ({ tr, view }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If NOT in \"reviewing\" phase, do nothing\n          if (currentState.phase !== \"reviewing\") {\n            return false;\n          }\n\n          // 2. Accept the response\n          if (isContextualPromptDiffResponse(currentState.response)) {\n            // 2.a. If the response is a diff, apply it definitely\n            const binding = getYjsBinding(this.editor);\n            if (!binding) {\n              return false;\n            }\n\n            const fragmentContent = yXmlFragmentToProseMirrorFragment(\n              binding.type,\n              this.editor.state.schema\n            );\n            tr.setMeta(\"addToHistory\", false);\n            tr.replace(\n              0,\n              this.editor.state.doc.content.size,\n              new Slice(Fragment.from(fragmentContent), 0, 0)\n            );\n            tr.setMeta(ySyncPluginKey, {\n              snapshot: null,\n              prevSnapshot: null,\n            });\n\n            this.storage.snapshot = undefined;\n          } else {\n            // 2.b. If the response is not a diff, insert it below the selection\n\n            const paragraphs = currentState.response.text\n              .split(\"\\n\")\n              .map((paragraph) => createParagraph(this.editor, paragraph));\n\n            tr.insert(this.editor.state.selection.$to.end(), paragraphs);\n            tr.setMeta(\"addToHistory\", true);\n            view.dispatch(tr);\n            // Prevent TipTap from dispatching this transaction, because we already did (this is a hack)\n            tr.setMeta(\"preventDispatch\", true);\n          }\n\n          // 3. Unblock the editor\n          getLiveblocksYjsProvider(this.editor)?.unpause();\n          this.editor.setEditable(true);\n\n          // 4. Set to \"closed\" phase\n          this.storage.state = { phase: \"closed\" };\n\n          return true;\n        },\n\n      $closeAiToolbar:\n        () =>\n        ({ tr, view }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If already in \"closed\" phase, do nothing\n          if (currentState.phase === \"closed\") {\n            return false;\n          }\n\n          // 2. If in \"thinking\" phase, cancel the current AI request\n          if (currentState.phase === \"thinking\") {\n            currentState.abortController.abort();\n          }\n\n          // 3. If in \"thinking\" or \"reviewing\" phase, revert the editor if possible and unblock it\n          if (\n            currentState.phase === \"thinking\" ||\n            currentState.phase === \"reviewing\"\n          ) {\n            // Get the revert transaction and dispatch it\n            const revertTr = getRevertTransaction(\n              tr,\n              this.editor,\n              this.storage,\n              this.options.doc\n            );\n            if (revertTr) {\n              view.dispatch(revertTr);\n              // Prevent TipTap from dispatching this transaction, because we already did (this is a hack)\n              tr.setMeta(\"preventDispatch\", true);\n            }\n          }\n\n          // 4. Restore the initial selection\n          this.editor.commands.setTextSelection(currentState.initialSelection);\n\n          // 5. Unblock the editor\n          getLiveblocksYjsProvider(this.editor)?.unpause();\n          this.editor.setEditable(true);\n\n          // 6. Set to \"closed\" phase\n          this.storage.state = { phase: \"closed\" };\n\n          return true;\n        },\n\n      $openAiToolbarAsking: () => () => {\n        const currentState = this.storage.state;\n\n        // 1. If NOT in \"closed\" phase, do nothing\n        if (currentState.phase !== \"closed\") {\n          return false;\n        }\n\n        // 2. Blur the editor if needed\n        if (this.editor.isFocused) {\n          this.editor.commands.blur();\n        }\n\n        // 3. Set to \"asking\" phase\n        this.storage.state = {\n          phase: \"asking\",\n          // Store the initial selection\n          initialSelection: {\n            from: this.editor.state.selection.from,\n            to: this.editor.state.selection.to,\n          },\n          // Initialize the custom prompt as empty\n          customPrompt: \"\",\n        };\n\n        return true;\n      },\n\n      $startAiToolbarThinking:\n        (prompt: string, withPreviousResponse?: boolean) =>\n        ({ tr, view }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If in \"thinking\" phase already, do nothing\n          if (currentState.phase === \"thinking\") {\n            return false;\n          }\n\n          // 2. Blur the editor if needed\n          if (this.editor.isFocused) {\n            this.editor.commands.blur();\n          }\n\n          const abortController = new AbortController();\n          const provider = getLiveblocksYjsProvider(this.editor);\n\n          // 3. If this is a retry or a refinement, revert the editor and restore the initial selection\n          if (currentState.phase === \"reviewing\") {\n            // 3.a. Revert the editor\n            const revertTr = getRevertTransaction(\n              tr,\n              this.editor,\n              this.storage,\n              this.options.doc\n            );\n            if (revertTr) {\n              // Important: in this scenario we do not unpause the provider\n              view.dispatch(revertTr);\n              // Prevent Tiptap from dispatching this transaction, because we already did (this is a hack)\n              tr.setMeta(\"preventDispatch\", true);\n            }\n\n            // 3.b. Restore the initial selection\n            this.editor.commands.setTextSelection(\n              currentState.initialSelection\n            );\n          }\n\n          // 4. Set to \"thinking\" phase\n          this.storage.state = {\n            phase: \"thinking\",\n            // Store the initial selection if the toolbar is opened directly in the \"thinking\" phase\n            initialSelection: currentState.initialSelection ?? {\n              from: this.editor.state.selection.from,\n              to: this.editor.state.selection.to,\n            },\n            // Initialize the custom prompt as empty if the toolbar is opened directly in the \"thinking\" phase\n            customPrompt: currentState.customPrompt ?? \"\",\n            prompt,\n            abortController,\n            previousResponse: currentState.response,\n          };\n\n          // 5. Block the editor\n          this.editor.setEditable(false);\n\n          // 6. Start the AI request\n          autoRetry(\n            async () => {\n              await provider?.pause();\n\n              // 6.a. Resolve the AI prompt\n              const response = (await this.options.resolveContextualPrompt({\n                prompt,\n                context: getContextualPromptContext(this.editor, 3_000),\n                signal: abortController.signal,\n                previous:\n                  withPreviousResponse && currentState.phase === \"reviewing\"\n                    ? {\n                        prompt: currentState.prompt,\n                        response: {\n                          type: currentState.response?.type,\n                          text: currentState.response?.text,\n                        },\n                      }\n                    : undefined,\n              })) as unknown;\n\n              // 6.b. Validate the response\n              if (isResolveContextualPromptResponse(response)) {\n                return response;\n              } else {\n                throw new Error(\"Failed to resolve AI prompt.\");\n              }\n            },\n            RESOLVE_AI_PROMPT_RETRY_ATTEMPTS,\n            RESOLVE_AI_PROMPT_RETRY_DELAYS,\n\n            (error) => {\n              // Don't retry on 4xx errors or if the request was aborted\n              return (\n                abortController.signal.aborted ||\n                (error instanceof HttpError &&\n                  error.status >= 400 &&\n                  error.status < 500)\n              );\n            }\n          )\n            .then((response) => {\n              if (abortController.signal.aborted) {\n                return;\n              }\n\n              // 6.a. If the AI request succeeds, set to \"reviewing\" phase with the response\n              this.editor.commands._handleAiToolbarThinkingSuccess({\n                type: response.type,\n                text: response.text,\n              });\n            })\n            .catch((error) => {\n              if (abortController.signal.aborted) {\n                return;\n              }\n\n              // 6.b. If the AI request fails, set to \"asking\" phase with error\n              this.editor.commands._handleAiToolbarThinkingError(error);\n            });\n\n          return true;\n        },\n\n      $cancelAiToolbarThinking: () => () => {\n        const currentState = this.storage.state;\n\n        // 1. If NOT in \"thinking\" phase, do nothing\n        if (currentState.phase !== \"thinking\") {\n          return false;\n        }\n\n        // 2. Cancel the current AI request\n        currentState.abortController.abort();\n\n        // 3. Unblock the editor\n        this.editor.setEditable(true);\n\n        // 4. Set to \"asking\" phase\n        this.storage.state = {\n          phase: \"asking\",\n          initialSelection: currentState.initialSelection,\n          // If the custom prompt is different than the prompt, reset it\n          customPrompt:\n            currentState.prompt === currentState.customPrompt\n              ? currentState.customPrompt\n              : \"\",\n        };\n\n        return true;\n      },\n\n      _showAiToolbarReviewingDiff: () => () => {\n        // The diff is applied right before moving to the \"reviewing\" phase\n        if (this.storage.state.phase !== \"reviewing\") {\n          return false;\n        }\n\n        if (!this.options.doc || !this.storage.snapshot) {\n          return false;\n        }\n\n        const previousSnapshot: Snapshot =\n          this.storage.snapshot ?? emptySnapshot;\n        const currentSnapshot = takeSnapshot(this.options.doc);\n\n        if (equalSnapshots(previousSnapshot, currentSnapshot)) {\n          return true;\n        }\n\n        getYjsBinding(this.editor)?.renderSnapshot(\n          currentSnapshot,\n          previousSnapshot\n        );\n\n        return true;\n      },\n\n      _handleAiToolbarThinkingSuccess:\n        (response: ContextualPromptResponse) =>\n        ({ view, tr }: CommandProps) => {\n          const currentState = this.storage.state;\n\n          // 1. If NOT in \"thinking\" phase, do nothing\n          if (currentState.phase !== \"thinking\") {\n            return false;\n          }\n\n          // 2. If this is not a diff, the response will just be in the toolbar, set to \"reviewing\" phase directly with the response\n          if (!isContextualPromptDiffResponse(response)) {\n            this.storage.state = {\n              phase: \"reviewing\",\n              initialSelection: currentState.initialSelection,\n              customPrompt: \"\",\n              prompt: currentState.prompt,\n              response,\n            };\n\n            return true;\n          }\n\n          if (!this.options.doc) {\n            return false;\n          }\n\n          // 3. Otherwise, the response is a diff, apply it to the editor\n          this.options.doc.gc = false;\n          this.storage.snapshot = takeSnapshot(this.options.doc);\n\n          // 4. Set to \"reviewing\" phase with the new range\n          this.storage.state = {\n            phase: \"reviewing\",\n            initialSelection: currentState.initialSelection,\n            customPrompt: \"\",\n            prompt: currentState.prompt,\n            response,\n          };\n\n          // 5. Insert the response's text as inline first (and replace the selection if it's a replace) then as block if there are multiple paragraphs\n          const [firstParagraph, ...otherParagraphs] =\n            response.text.split(\"\\n\");\n\n          tr.insertText(\n            firstParagraph,\n            response.type === \"insert\"\n              ? this.editor.state.selection.to\n              : this.editor.state.selection.from,\n            this.editor.state.selection.to\n          );\n\n          if (otherParagraphs.length > 0) {\n            const paragraphs = otherParagraphs.map((paragraph) =>\n              createParagraph(this.editor, paragraph)\n            );\n\n            tr.insert(tr.selection.$to.pos, paragraphs);\n          }\n\n          view.dispatch(tr);\n          // Prevent Tiptap from dispatching this transaction, because we already did (this is a hack)\n          tr.setMeta(\"preventDispatch\", true);\n\n          // 6. Show the diff\n          this.editor.commands._showAiToolbarReviewingDiff();\n\n          // We moved to the \"reviewing\" phase, so even if `_showAiToolbarReviewingDiff`\n          // returns `false` somehow, we still want to return `true`\n          return true;\n        },\n\n      _handleAiToolbarThinkingError: (error: unknown) => () => {\n        const currentState = this.storage.state;\n\n        // 1. If NOT in \"thinking\" phase, do nothing\n        if (currentState.phase !== \"thinking\") {\n          return false;\n        }\n\n        // 2. Unblock the editor\n        this.editor.setEditable(true);\n\n        // 3. Log the error\n        console.error(error);\n\n        // 4. Set to \"asking\" phase with error\n        this.storage.state = {\n          phase: \"asking\",\n          initialSelection: currentState.initialSelection,\n          // If the custom prompt is different than the prompt, reset it\n          customPrompt:\n            currentState.prompt === currentState.customPrompt\n              ? currentState.customPrompt\n              : \"\",\n          // Pass the error so it can be displayed\n          error:\n            error instanceof Error\n              ? error\n              : new Error(String(error), { cause: error }),\n        };\n\n        return true;\n      },\n\n      _updateAiToolbarCustomPrompt:\n        (customPrompt: string | ((currentCustomPrompt: string) => string)) =>\n        () => {\n          const currentState = this.storage.state;\n\n          // 1. If NOT in a phase with a custom prompt, do nothing\n          if (typeof currentState.customPrompt !== \"string\") {\n            return false;\n          }\n\n          // 2. Update the custom prompt\n          this.storage.state.customPrompt =\n            typeof customPrompt === \"function\"\n              ? customPrompt(currentState.customPrompt)\n              : customPrompt;\n\n          return true;\n        },\n    };\n  },\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: AI_TOOLBAR_SELECTION_PLUGIN,\n        props: {\n          decorations: ({ doc, selection }) => {\n            // Don't show the AI toolbar selection if the toolbar is closed or when reviewing diff responses\n            if (\n              this.storage.state.phase === \"closed\" ||\n              (this.storage.state.phase === \"reviewing\" &&\n                isContextualPromptDiffResponse(this.storage.state.response))\n            ) {\n              return DecorationSet.create(doc, []);\n            }\n\n            const { from, to } = selection;\n            const decorations: Decoration[] = [\n              Decoration.inline(from, to, {\n                class: \"lb-root lb-selection lb-tiptap-active-selection\",\n              }),\n            ];\n\n            return DecorationSet.create(doc, decorations);\n          },\n        },\n      }),\n    ];\n  },\n});\n"],"names":["takeSnapshot"],"mappings":"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"}

package/dist/collaboration/collaboration.cjs

@@ -83,18 +83,16 @@ const Collaboration = core.Extension.create({
         destroy: () => {
           const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);
           const observers = undoManager._observers;
-          if ("restore" in undoManager && typeof undoManager.restore === "function") {
-            undoManager.restore = () => {
-              if (hasUndoManSelf) {
-                undoManager.trackedOrigins.add(undoManager);
-              }
-              undoManager.doc.on(
-                "afterTransaction",
-                undoManager.afterTransactionHandler
-              );
-              undoManager._observers = observers;
-            };
-          }
+          undoManager.restore = () => {
+            if (hasUndoManSelf) {
+              undoManager.trackedOrigins.add(undoManager);
+            }
+            undoManager.doc.on(
+              "afterTransaction",
+              undoManager.afterTransactionHandler
+            );
+            undoManager._observers = observers;
+          };
           if (viewRet?.destroy) {
             viewRet.destroy();
           }

package/dist/collaboration/collaboration.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"collaboration.cjs","sources":["../../src/collaboration/collaboration.ts"],"sourcesContent":["/**\n * MIT License\n *\n * Copyright (c) 2025, Tiptap GmbH\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n// There are some lint errors in this file as it's a direct copy of the original code from Tiptap. In order to not diverge from the original code, we're disabling the lint errors.\n/* eslint-disable */\nimport { Extension } from \"@tiptap/core\";\nimport { Plugin, PluginKey } from \"@tiptap/pm/state\";\nimport type { EditorView } from \"@tiptap/pm/view\";\nimport {\n  redo,\n  undo,\n  ySyncPlugin,\n  yUndoPlugin,\n  yUndoPluginKey,\n  yXmlFragmentToProsemirrorJSON,\n} from \"y-prosemirror\";\nimport type { Doc, UndoManager, XmlFragment } from \"yjs\";\n\nimport {\n  createMappablePosition,\n  getUpdatedPosition,\n} from \"./helpers/CollaborationMappablePosition\";\n\ntype YSyncOpts = Parameters<typeof ySyncPlugin>[1];\ntype YUndoOpts = Parameters<typeof yUndoPlugin>[0];\n\nexport interface CollaborationStorage {\n  /**\n   * Whether collaboration is currently disabled.\n   * Disabling collaboration will prevent any changes from being synced with other users.\n   */\n  isDisabled: boolean;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    collaboration: {\n      /**\n       * Undo recent changes\n       * @example editor.commands.undo()\n       */\n      undo: () => ReturnType;\n      /**\n       * Reapply reverted changes\n       * @example editor.commands.redo()\n       */\n      redo: () => ReturnType;\n    };\n  }\n\n  interface Storage {\n    collaboration: CollaborationStorage;\n  }\n}\n\nexport interface CollaborationOptions {\n  /**\n   * An initialized Y.js document.\n   * @example new Y.Doc()\n   */\n  document?: Doc | null;\n\n  /**\n   * Name of a Y.js fragment, can be changed to sync multiple fields with one Y.js document.\n   * @default 'default'\n   * @example 'my-custom-field'\n   */\n  field?: string;\n\n  /**\n   * A raw Y.js fragment, can be used instead of `document` and `field`.\n   * @example new Y.Doc().getXmlFragment('body')\n   */\n  fragment?: XmlFragment | null;\n\n  /**\n   * The collaboration provider.\n   * @default null\n   */\n  provider?: any | null;\n\n  /**\n   * Fired when the content from Yjs is initially rendered to Tiptap.\n   */\n  onFirstRender?: () => void;\n\n  /**\n   * Options for the Yjs sync plugin.\n   */\n  ySyncOptions?: YSyncOpts;\n\n  /**\n   * Options for the Yjs undo plugin.\n   */\n  yUndoOptions?: YUndoOpts;\n}\n\n/**\n * This extension allows you to collaborate with others in real-time.\n * @see https://tiptap.dev/api/extensions/collaboration\n */\nexport const Collaboration = Extension.create<\n  CollaborationOptions,\n  CollaborationStorage\n>({\n  name: \"collaboration\",\n\n  priority: 1000,\n\n  addOptions() {\n    return {\n      document: null,\n      field: \"default\",\n      fragment: null,\n      provider: null,\n    };\n  },\n\n  addStorage() {\n    return {\n      isDisabled: false,\n    };\n  },\n\n  onCreate() {\n    if (\n      this.editor.extensionManager.extensions.find(\n        (extension) => extension.name === \"undoRedo\"\n      )\n    ) {\n      console.warn(\n        '[tiptap warn]: \"@tiptap/extension-collaboration\" comes with its own history support and is not compatible with \"@tiptap/extension-undo-redo\".'\n      );\n    }\n  },\n\n  onBeforeCreate() {\n    this.editor.utils.getUpdatedPosition = (position, transaction) =>\n      getUpdatedPosition(position, transaction, this.editor.state);\n    this.editor.utils.createMappablePosition = (position) =>\n      createMappablePosition(position, this.editor.state);\n  },\n\n  addCommands() {\n    return {\n      undo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.undoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return undo(state);\n        },\n      redo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.redoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return redo(state);\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-z\": () => this.editor.commands.undo(),\n      \"Mod-y\": () => this.editor.commands.redo(),\n      \"Shift-Mod-z\": () => this.editor.commands.redo(),\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const fragment = this.options.fragment\n      ? this.options.fragment\n      : (this.options.document as Doc).getXmlFragment(this.options.field);\n\n    // Quick fix until there is an official implementation (thanks to @hamflx).\n    // See https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102\n    const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);\n    const originalUndoPluginView = yUndoPluginInstance.spec.view;\n\n    yUndoPluginInstance.spec.view = (view: EditorView) => {\n      const { undoManager } = yUndoPluginKey.getState(view.state)!;\n\n      if (\n        \"restore\" in undoManager &&\n        typeof undoManager.restore === \"function\"\n      ) {\n        undoManager.restore();\n        undoManager.restore = () => {\n          // noop\n        };\n      }\n\n      const viewRet = originalUndoPluginView\n        ? originalUndoPluginView(view)\n        : undefined;\n\n      return {\n        destroy: () => {\n          const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);\n          const observers = undoManager._observers;\n\n          if (\n            \"restore\" in undoManager &&\n            typeof undoManager.restore === \"function\"\n          ) {\n            undoManager.restore = () => {\n              if (hasUndoManSelf) {\n                undoManager.trackedOrigins.add(undoManager);\n              }\n\n              undoManager.doc.on(\n                \"afterTransaction\",\n                undoManager.afterTransactionHandler\n              );\n              undoManager._observers = observers;\n            };\n          }\n\n          if (viewRet?.destroy) {\n            viewRet.destroy();\n          }\n        },\n      };\n    };\n\n    const ySyncPluginOptions: YSyncOpts = {\n      ...this.options.ySyncOptions,\n      onFirstRender: this.options.onFirstRender,\n    };\n\n    const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);\n\n    if (this.editor.options.enableContentCheck) {\n      fragment.doc?.on(\"beforeTransaction\", () => {\n        try {\n          const jsonContent = yXmlFragmentToProsemirrorJSON(fragment);\n\n          if (jsonContent.content.length === 0) {\n            return;\n          }\n\n          this.editor.schema.nodeFromJSON(jsonContent).check();\n        } catch (error) {\n          this.editor.emit(\"contentError\", {\n            error: error as Error,\n            editor: this.editor,\n            disableCollaboration: () => {\n              fragment.doc?.destroy();\n              this.storage.isDisabled = true;\n            },\n          });\n          // If the content is invalid, return false to prevent the transaction from being applied\n          return false;\n        }\n        return;\n      });\n    }\n\n    return [\n      ySyncPluginInstance,\n      yUndoPluginInstance,\n      // Only add the filterInvalidContent plugin if content checking is enabled\n      this.editor.options.enableContentCheck &&\n        new Plugin({\n          key: new PluginKey(\"filterInvalidContent\"),\n          filterTransaction: () => {\n            // When collaboration is disabled, prevent any sync transactions from being applied\n            if (this.storage.isDisabled !== false) {\n              // Destroy the Yjs document to prevent any further sync transactions\n              fragment.doc?.destroy();\n\n              return true;\n            }\n            // TODO should we be returning false when the transaction is a collaboration transaction?\n\n            return true;\n          },\n        }),\n    ].filter(Boolean);\n  },\n});\n"],"names":["Extension","getUpdatedPosition","createMappablePosition","yUndoPluginKey","undo","redo","yUndoPlugin","ySyncPlugin","yXmlFragmentToProsemirrorJSON","Plugin","PluginKey"],"mappings":";;;;;;;AA8Ga,MAAA,aAAA,GAAgBA,eAAU,MAGrC,CAAA;AAAA,EACA,IAAM,EAAA,eAAA;AAAA,EAEN,QAAU,EAAA,GAAA;AAAA,EAEV,UAAa,GAAA;AACX,IAAO,OAAA;AAAA,MACL,QAAU,EAAA,IAAA;AAAA,MACV,KAAO,EAAA,SAAA;AAAA,MACP,QAAU,EAAA,IAAA;AAAA,MACV,QAAU,EAAA,IAAA;AAAA,KACZ,CAAA;AAAA,GACF;AAAA,EAEA,UAAa,GAAA;AACX,IAAO,OAAA;AAAA,MACL,UAAY,EAAA,KAAA;AAAA,KACd,CAAA;AAAA,GACF;AAAA,EAEA,QAAW,GAAA;AACT,IACE,IAAA,IAAA,CAAK,MAAO,CAAA,gBAAA,CAAiB,UAAW,CAAA,IAAA;AAAA,MACtC,CAAC,SAAc,KAAA,SAAA,CAAU,IAAS,KAAA,UAAA;AAAA,KAEpC,EAAA;AACA,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,+IAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,GACF;AAAA,EAEA,cAAiB,GAAA;AACf,IAAK,IAAA,CAAA,MAAA,CAAO,KAAM,CAAA,kBAAA,GAAqB,CAAC,QAAA,EAAU,WAChD,KAAAC,gDAAA,CAAmB,QAAU,EAAA,WAAA,EAAa,IAAK,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAC7D,IAAK,IAAA,CAAA,MAAA,CAAO,MAAM,sBAAyB,GAAA,CAAC,aAC1CC,oDAAuB,CAAA,QAAA,EAAU,IAAK,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,GACtD;AAAA,EAEA,WAAc,GAAA;AACZ,IAAO,OAAA;AAAA,MACL,MACE,MACA,CAAC,EAAE,EAAI,EAAA,KAAA,EAAO,UAAe,KAAA;AAC3B,QAAG,EAAA,CAAA,OAAA,CAAQ,mBAAmB,IAAI,CAAA,CAAA;AAElC,QAAA,MAAM,WACJ,GAAAC,2BAAA,CAAe,QAAS,CAAA,KAAK,CAAG,CAAA,WAAA,CAAA;AAElC,QAAI,IAAA,WAAA,CAAY,SAAU,CAAA,MAAA,KAAW,CAAG,EAAA;AACtC,UAAO,OAAA,KAAA,CAAA;AAAA,SACT;AAEA,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAA,OAAOC,kBAAK,KAAK,CAAA,CAAA;AAAA,OACnB;AAAA,MACF,MACE,MACA,CAAC,EAAE,EAAI,EAAA,KAAA,EAAO,UAAe,KAAA;AAC3B,QAAG,EAAA,CAAA,OAAA,CAAQ,mBAAmB,IAAI,CAAA,CAAA;AAElC,QAAA,MAAM,WACJ,GAAAD,2BAAA,CAAe,QAAS,CAAA,KAAK,CAAG,CAAA,WAAA,CAAA;AAElC,QAAI,IAAA,WAAA,CAAY,SAAU,CAAA,MAAA,KAAW,CAAG,EAAA;AACtC,UAAO,OAAA,KAAA,CAAA;AAAA,SACT;AAEA,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAA,OAAOE,kBAAK,KAAK,CAAA,CAAA;AAAA,OACnB;AAAA,KACJ,CAAA;AAAA,GACF;AAAA,EAEA,oBAAuB,GAAA;AACrB,IAAO,OAAA;AAAA,MACL,OAAS,EAAA,MAAM,IAAK,CAAA,MAAA,CAAO,SAAS,IAAK,EAAA;AAAA,MACzC,OAAS,EAAA,MAAM,IAAK,CAAA,MAAA,CAAO,SAAS,IAAK,EAAA;AAAA,MACzC,aAAe,EAAA,MAAM,IAAK,CAAA,MAAA,CAAO,SAAS,IAAK,EAAA;AAAA,KACjD,CAAA;AAAA,GACF;AAAA,EAEA,qBAAwB,GAAA;AACtB,IAAA,MAAM,QAAW,GAAA,IAAA,CAAK,OAAQ,CAAA,QAAA,GAC1B,IAAK,CAAA,OAAA,CAAQ,QACZ,GAAA,IAAA,CAAK,OAAQ,CAAA,QAAA,CAAiB,cAAe,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAIpE,IAAA,MAAM,mBAAsB,GAAAC,wBAAA,CAAY,IAAK,CAAA,OAAA,CAAQ,YAAY,CAAA,CAAA;AACjE,IAAM,MAAA,sBAAA,GAAyB,oBAAoB,IAAK,CAAA,IAAA,CAAA;AAExD,IAAoB,mBAAA,CAAA,IAAA,CAAK,IAAO,GAAA,CAAC,IAAqB,KAAA;AACpD,MAAA,MAAM,EAAE,WAAY,EAAA,GAAIH,2BAAe,CAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAE1D,MAAA,IACE,SAAa,IAAA,WAAA,IACb,OAAO,WAAA,CAAY,YAAY,UAC/B,EAAA;AACA,QAAA,WAAA,CAAY,OAAQ,EAAA,CAAA;AACpB,QAAA,WAAA,CAAY,UAAU,MAAM;AAAA,SAE5B,CAAA;AAAA,OACF;AAEA,MAAA,MAAM,OAAU,GAAA,sBAAA,GACZ,sBAAuB,CAAA,IAAI,CAC3B,GAAA,KAAA,CAAA,CAAA;AAEJ,MAAO,OAAA;AAAA,QACL,SAAS,MAAM;AACb,UAAA,MAAM,cAAiB,GAAA,WAAA,CAAY,cAAe,CAAA,GAAA,CAAI,WAAW,CAAA,CAAA;AACjE,UAAA,MAAM,YAAY,WAAY,CAAA,UAAA,CAAA;AAE9B,UAAA,IACE,SAAa,IAAA,WAAA,IACb,OAAO,WAAA,CAAY,YAAY,UAC/B,EAAA;AACA,YAAA,WAAA,CAAY,UAAU,MAAM;AAC1B,cAAA,IAAI,cAAgB,EAAA;AAClB,gBAAY,WAAA,CAAA,cAAA,CAAe,IAAI,WAAW,CAAA,CAAA;AAAA,eAC5C;AAEA,cAAA,WAAA,CAAY,GAAI,CAAA,EAAA;AAAA,gBACd,kBAAA;AAAA,gBACA,WAAY,CAAA,uBAAA;AAAA,eACd,CAAA;AACA,cAAA,WAAA,CAAY,UAAa,GAAA,SAAA,CAAA;AAAA,aAC3B,CAAA;AAAA,WACF;AAEA,UAAA,IAAI,SAAS,OAAS,EAAA;AACpB,YAAA,OAAA,CAAQ,OAAQ,EAAA,CAAA;AAAA,WAClB;AAAA,SACF;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,kBAAgC,GAAA;AAAA,MACpC,GAAG,KAAK,OAAQ,CAAA,YAAA;AAAA,MAChB,aAAA,EAAe,KAAK,OAAQ,CAAA,aAAA;AAAA,KAC9B,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsBI,wBAAY,CAAA,QAAA,EAAU,kBAAkB,CAAA,CAAA;AAEpE,IAAI,IAAA,IAAA,CAAK,MAAO,CAAA,OAAA,CAAQ,kBAAoB,EAAA;AAC1C,MAAS,QAAA,CAAA,GAAA,EAAK,EAAG,CAAA,mBAAA,EAAqB,MAAM;AAC1C,QAAI,IAAA;AACF,UAAM,MAAA,WAAA,GAAcC,2CAA8B,QAAQ,CAAA,CAAA;AAE1D,UAAI,IAAA,WAAA,CAAY,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACpC,YAAA,OAAA;AAAA,WACF;AAEA,UAAA,IAAA,CAAK,MAAO,CAAA,MAAA,CAAO,YAAa,CAAA,WAAW,EAAE,KAAM,EAAA,CAAA;AAAA,iBAC5C,KAAO,EAAA;AACd,UAAK,IAAA,CAAA,MAAA,CAAO,KAAK,cAAgB,EAAA;AAAA,YAC/B,KAAA;AAAA,YACA,QAAQ,IAAK,CAAA,MAAA;AAAA,YACb,sBAAsB,MAAM;AAC1B,cAAA,QAAA,CAAS,KAAK,OAAQ,EAAA,CAAA;AACtB,cAAA,IAAA,CAAK,QAAQ,UAAa,GAAA,IAAA,CAAA;AAAA,aAC5B;AAAA,WACD,CAAA,CAAA;AAED,UAAO,OAAA,KAAA,CAAA;AAAA,SACT;AACA,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAEA,IAAO,OAAA;AAAA,MACL,mBAAA;AAAA,MACA,mBAAA;AAAA;AAAA,MAEA,IAAK,CAAA,MAAA,CAAO,OAAQ,CAAA,kBAAA,IAClB,IAAIC,YAAO,CAAA;AAAA,QACT,GAAA,EAAK,IAAIC,eAAA,CAAU,sBAAsB,CAAA;AAAA,QACzC,mBAAmB,MAAM;AAEvB,UAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,UAAA,KAAe,KAAO,EAAA;AAErC,YAAA,QAAA,CAAS,KAAK,OAAQ,EAAA,CAAA;AAEtB,YAAO,OAAA,IAAA,CAAA;AAAA,WACT;AAGA,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAAA,OACD,CAAA;AAAA,KACL,CAAE,OAAO,OAAO,CAAA,CAAA;AAAA,GAClB;AACF,CAAC;;;;"}
+{"version":3,"file":"collaboration.cjs","sources":["../../src/collaboration/collaboration.ts"],"sourcesContent":["/**\n * MIT License\n *\n * Copyright (c) 2025, Tiptap GmbH\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n// There are some lint errors in this file as it's a direct copy of the original code from Tiptap. In order to not diverge from the original code, we're disabling the lint errors.\n/* eslint-disable */\nimport { Extension } from \"@tiptap/core\";\nimport { Plugin, PluginKey } from \"@tiptap/pm/state\";\nimport type { EditorView } from \"@tiptap/pm/view\";\nimport {\n  redo,\n  undo,\n  ySyncPlugin,\n  yUndoPlugin,\n  yUndoPluginKey,\n  yXmlFragmentToProsemirrorJSON,\n} from \"y-prosemirror\";\nimport type { Doc, UndoManager, XmlFragment } from \"yjs\";\n\nimport {\n  createMappablePosition,\n  getUpdatedPosition,\n} from \"./helpers/CollaborationMappablePosition\";\n\ntype YSyncOpts = Parameters<typeof ySyncPlugin>[1];\ntype YUndoOpts = Parameters<typeof yUndoPlugin>[0];\n\nexport interface CollaborationStorage {\n  /**\n   * Whether collaboration is currently disabled.\n   * Disabling collaboration will prevent any changes from being synced with other users.\n   */\n  isDisabled: boolean;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    collaboration: {\n      /**\n       * Undo recent changes\n       * @example editor.commands.undo()\n       */\n      undo: () => ReturnType;\n      /**\n       * Reapply reverted changes\n       * @example editor.commands.redo()\n       */\n      redo: () => ReturnType;\n    };\n  }\n\n  interface Storage {\n    collaboration: CollaborationStorage;\n  }\n}\n\nexport interface CollaborationOptions {\n  /**\n   * An initialized Y.js document.\n   * @example new Y.Doc()\n   */\n  document?: Doc | null;\n\n  /**\n   * Name of a Y.js fragment, can be changed to sync multiple fields with one Y.js document.\n   * @default 'default'\n   * @example 'my-custom-field'\n   */\n  field?: string;\n\n  /**\n   * A raw Y.js fragment, can be used instead of `document` and `field`.\n   * @example new Y.Doc().getXmlFragment('body')\n   */\n  fragment?: XmlFragment | null;\n\n  /**\n   * The collaboration provider.\n   * @default null\n   */\n  provider?: any | null;\n\n  /**\n   * Fired when the content from Yjs is initially rendered to Tiptap.\n   */\n  onFirstRender?: () => void;\n\n  /**\n   * Options for the Yjs sync plugin.\n   */\n  ySyncOptions?: YSyncOpts;\n\n  /**\n   * Options for the Yjs undo plugin.\n   */\n  yUndoOptions?: YUndoOpts;\n}\n\n/**\n * This extension allows you to collaborate with others in real-time.\n * @see https://tiptap.dev/api/extensions/collaboration\n */\nexport const Collaboration = Extension.create<\n  CollaborationOptions,\n  CollaborationStorage\n>({\n  name: \"collaboration\",\n\n  priority: 1000,\n\n  addOptions() {\n    return {\n      document: null,\n      field: \"default\",\n      fragment: null,\n      provider: null,\n    };\n  },\n\n  addStorage() {\n    return {\n      isDisabled: false,\n    };\n  },\n\n  onCreate() {\n    if (\n      this.editor.extensionManager.extensions.find(\n        (extension) => extension.name === \"undoRedo\"\n      )\n    ) {\n      console.warn(\n        '[tiptap warn]: \"@tiptap/extension-collaboration\" comes with its own history support and is not compatible with \"@tiptap/extension-undo-redo\".'\n      );\n    }\n  },\n\n  onBeforeCreate() {\n    this.editor.utils.getUpdatedPosition = (position, transaction) =>\n      getUpdatedPosition(position, transaction, this.editor.state);\n    this.editor.utils.createMappablePosition = (position) =>\n      createMappablePosition(position, this.editor.state);\n  },\n\n  addCommands() {\n    return {\n      undo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.undoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return undo(state);\n        },\n      redo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.redoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return redo(state);\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-z\": () => this.editor.commands.undo(),\n      \"Mod-y\": () => this.editor.commands.redo(),\n      \"Shift-Mod-z\": () => this.editor.commands.redo(),\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const fragment = this.options.fragment\n      ? this.options.fragment\n      : (this.options.document as Doc).getXmlFragment(this.options.field);\n\n    // Quick fix until there is an official implementation (thanks to @hamflx).\n    // See https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102\n    const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);\n    const originalUndoPluginView = yUndoPluginInstance.spec.view;\n\n    yUndoPluginInstance.spec.view = (view: EditorView) => {\n      const { undoManager } = yUndoPluginKey.getState(view.state)!;\n\n      if (\n        \"restore\" in undoManager &&\n        typeof undoManager.restore === \"function\"\n      ) {\n        undoManager.restore();\n        undoManager.restore = () => {\n          // noop\n        };\n      }\n\n      const viewRet = originalUndoPluginView\n        ? originalUndoPluginView(view)\n        : undefined;\n\n      return {\n        destroy: () => {\n          const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);\n          const observers = undoManager._observers;\n\n          // Always install the reattach `restore()`, regardless of whether\n          // one already exists on the UndoManager. The previous guarded\n          // version was a no-op for standard `Y.UndoManager` (which has no\n          // `restore` method), causing the UndoManager to be permanently\n          // orphaned after the first plugin reconfigure (e.g. BubbleMenu /\n          // DragHandle / SlashCommand mount). Matches upstream\n          // `@tiptap/extension-collaboration`.\n          undoManager.restore = () => {\n            if (hasUndoManSelf) {\n              undoManager.trackedOrigins.add(undoManager);\n            }\n\n            undoManager.doc.on(\n              \"afterTransaction\",\n              undoManager.afterTransactionHandler\n            );\n            undoManager._observers = observers;\n          };\n\n          if (viewRet?.destroy) {\n            viewRet.destroy();\n          }\n        },\n      };\n    };\n\n    const ySyncPluginOptions: YSyncOpts = {\n      ...this.options.ySyncOptions,\n      onFirstRender: this.options.onFirstRender,\n    };\n\n    const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);\n\n    if (this.editor.options.enableContentCheck) {\n      fragment.doc?.on(\"beforeTransaction\", () => {\n        try {\n          const jsonContent = yXmlFragmentToProsemirrorJSON(fragment);\n\n          if (jsonContent.content.length === 0) {\n            return;\n          }\n\n          this.editor.schema.nodeFromJSON(jsonContent).check();\n        } catch (error) {\n          this.editor.emit(\"contentError\", {\n            error: error as Error,\n            editor: this.editor,\n            disableCollaboration: () => {\n              fragment.doc?.destroy();\n              this.storage.isDisabled = true;\n            },\n          });\n          // If the content is invalid, return false to prevent the transaction from being applied\n          return false;\n        }\n        return;\n      });\n    }\n\n    return [\n      ySyncPluginInstance,\n      yUndoPluginInstance,\n      // Only add the filterInvalidContent plugin if content checking is enabled\n      this.editor.options.enableContentCheck &&\n        new Plugin({\n          key: new PluginKey(\"filterInvalidContent\"),\n          filterTransaction: () => {\n            // When collaboration is disabled, prevent any sync transactions from being applied\n            if (this.storage.isDisabled !== false) {\n              // Destroy the Yjs document to prevent any further sync transactions\n              fragment.doc?.destroy();\n\n              return true;\n            }\n            // TODO should we be returning false when the transaction is a collaboration transaction?\n\n            return true;\n          },\n        }),\n    ].filter(Boolean);\n  },\n});\n"],"names":["Extension","getUpdatedPosition","createMappablePosition","yUndoPluginKey","undo","redo","yUndoPlugin","ySyncPlugin","yXmlFragmentToProsemirrorJSON","Plugin","PluginKey"],"mappings":"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"}

package/dist/collaboration/collaboration.js

@@ -81,18 +81,16 @@ const Collaboration = Extension.create({
         destroy: () => {
           const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);
           const observers = undoManager._observers;
-          if ("restore" in undoManager && typeof undoManager.restore === "function") {
-            undoManager.restore = () => {
-              if (hasUndoManSelf) {
-                undoManager.trackedOrigins.add(undoManager);
-              }
-              undoManager.doc.on(
-                "afterTransaction",
-                undoManager.afterTransactionHandler
-              );
-              undoManager._observers = observers;
-            };
-          }
+          undoManager.restore = () => {
+            if (hasUndoManSelf) {
+              undoManager.trackedOrigins.add(undoManager);
+            }
+            undoManager.doc.on(
+              "afterTransaction",
+              undoManager.afterTransactionHandler
+            );
+            undoManager._observers = observers;
+          };
           if (viewRet?.destroy) {
             viewRet.destroy();
           }

package/dist/collaboration/collaboration.js.map

@@ -1 +1 @@
-{"version":3,"file":"collaboration.js","sources":["../../src/collaboration/collaboration.ts"],"sourcesContent":["/**\n * MIT License\n *\n * Copyright (c) 2025, Tiptap GmbH\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n// There are some lint errors in this file as it's a direct copy of the original code from Tiptap. In order to not diverge from the original code, we're disabling the lint errors.\n/* eslint-disable */\nimport { Extension } from \"@tiptap/core\";\nimport { Plugin, PluginKey } from \"@tiptap/pm/state\";\nimport type { EditorView } from \"@tiptap/pm/view\";\nimport {\n  redo,\n  undo,\n  ySyncPlugin,\n  yUndoPlugin,\n  yUndoPluginKey,\n  yXmlFragmentToProsemirrorJSON,\n} from \"y-prosemirror\";\nimport type { Doc, UndoManager, XmlFragment } from \"yjs\";\n\nimport {\n  createMappablePosition,\n  getUpdatedPosition,\n} from \"./helpers/CollaborationMappablePosition\";\n\ntype YSyncOpts = Parameters<typeof ySyncPlugin>[1];\ntype YUndoOpts = Parameters<typeof yUndoPlugin>[0];\n\nexport interface CollaborationStorage {\n  /**\n   * Whether collaboration is currently disabled.\n   * Disabling collaboration will prevent any changes from being synced with other users.\n   */\n  isDisabled: boolean;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    collaboration: {\n      /**\n       * Undo recent changes\n       * @example editor.commands.undo()\n       */\n      undo: () => ReturnType;\n      /**\n       * Reapply reverted changes\n       * @example editor.commands.redo()\n       */\n      redo: () => ReturnType;\n    };\n  }\n\n  interface Storage {\n    collaboration: CollaborationStorage;\n  }\n}\n\nexport interface CollaborationOptions {\n  /**\n   * An initialized Y.js document.\n   * @example new Y.Doc()\n   */\n  document?: Doc | null;\n\n  /**\n   * Name of a Y.js fragment, can be changed to sync multiple fields with one Y.js document.\n   * @default 'default'\n   * @example 'my-custom-field'\n   */\n  field?: string;\n\n  /**\n   * A raw Y.js fragment, can be used instead of `document` and `field`.\n   * @example new Y.Doc().getXmlFragment('body')\n   */\n  fragment?: XmlFragment | null;\n\n  /**\n   * The collaboration provider.\n   * @default null\n   */\n  provider?: any | null;\n\n  /**\n   * Fired when the content from Yjs is initially rendered to Tiptap.\n   */\n  onFirstRender?: () => void;\n\n  /**\n   * Options for the Yjs sync plugin.\n   */\n  ySyncOptions?: YSyncOpts;\n\n  /**\n   * Options for the Yjs undo plugin.\n   */\n  yUndoOptions?: YUndoOpts;\n}\n\n/**\n * This extension allows you to collaborate with others in real-time.\n * @see https://tiptap.dev/api/extensions/collaboration\n */\nexport const Collaboration = Extension.create<\n  CollaborationOptions,\n  CollaborationStorage\n>({\n  name: \"collaboration\",\n\n  priority: 1000,\n\n  addOptions() {\n    return {\n      document: null,\n      field: \"default\",\n      fragment: null,\n      provider: null,\n    };\n  },\n\n  addStorage() {\n    return {\n      isDisabled: false,\n    };\n  },\n\n  onCreate() {\n    if (\n      this.editor.extensionManager.extensions.find(\n        (extension) => extension.name === \"undoRedo\"\n      )\n    ) {\n      console.warn(\n        '[tiptap warn]: \"@tiptap/extension-collaboration\" comes with its own history support and is not compatible with \"@tiptap/extension-undo-redo\".'\n      );\n    }\n  },\n\n  onBeforeCreate() {\n    this.editor.utils.getUpdatedPosition = (position, transaction) =>\n      getUpdatedPosition(position, transaction, this.editor.state);\n    this.editor.utils.createMappablePosition = (position) =>\n      createMappablePosition(position, this.editor.state);\n  },\n\n  addCommands() {\n    return {\n      undo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.undoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return undo(state);\n        },\n      redo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.redoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return redo(state);\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-z\": () => this.editor.commands.undo(),\n      \"Mod-y\": () => this.editor.commands.redo(),\n      \"Shift-Mod-z\": () => this.editor.commands.redo(),\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const fragment = this.options.fragment\n      ? this.options.fragment\n      : (this.options.document as Doc).getXmlFragment(this.options.field);\n\n    // Quick fix until there is an official implementation (thanks to @hamflx).\n    // See https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102\n    const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);\n    const originalUndoPluginView = yUndoPluginInstance.spec.view;\n\n    yUndoPluginInstance.spec.view = (view: EditorView) => {\n      const { undoManager } = yUndoPluginKey.getState(view.state)!;\n\n      if (\n        \"restore\" in undoManager &&\n        typeof undoManager.restore === \"function\"\n      ) {\n        undoManager.restore();\n        undoManager.restore = () => {\n          // noop\n        };\n      }\n\n      const viewRet = originalUndoPluginView\n        ? originalUndoPluginView(view)\n        : undefined;\n\n      return {\n        destroy: () => {\n          const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);\n          const observers = undoManager._observers;\n\n          if (\n            \"restore\" in undoManager &&\n            typeof undoManager.restore === \"function\"\n          ) {\n            undoManager.restore = () => {\n              if (hasUndoManSelf) {\n                undoManager.trackedOrigins.add(undoManager);\n              }\n\n              undoManager.doc.on(\n                \"afterTransaction\",\n                undoManager.afterTransactionHandler\n              );\n              undoManager._observers = observers;\n            };\n          }\n\n          if (viewRet?.destroy) {\n            viewRet.destroy();\n          }\n        },\n      };\n    };\n\n    const ySyncPluginOptions: YSyncOpts = {\n      ...this.options.ySyncOptions,\n      onFirstRender: this.options.onFirstRender,\n    };\n\n    const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);\n\n    if (this.editor.options.enableContentCheck) {\n      fragment.doc?.on(\"beforeTransaction\", () => {\n        try {\n          const jsonContent = yXmlFragmentToProsemirrorJSON(fragment);\n\n          if (jsonContent.content.length === 0) {\n            return;\n          }\n\n          this.editor.schema.nodeFromJSON(jsonContent).check();\n        } catch (error) {\n          this.editor.emit(\"contentError\", {\n            error: error as Error,\n            editor: this.editor,\n            disableCollaboration: () => {\n              fragment.doc?.destroy();\n              this.storage.isDisabled = true;\n            },\n          });\n          // If the content is invalid, return false to prevent the transaction from being applied\n          return false;\n        }\n        return;\n      });\n    }\n\n    return [\n      ySyncPluginInstance,\n      yUndoPluginInstance,\n      // Only add the filterInvalidContent plugin if content checking is enabled\n      this.editor.options.enableContentCheck &&\n        new Plugin({\n          key: new PluginKey(\"filterInvalidContent\"),\n          filterTransaction: () => {\n            // When collaboration is disabled, prevent any sync transactions from being applied\n            if (this.storage.isDisabled !== false) {\n              // Destroy the Yjs document to prevent any further sync transactions\n              fragment.doc?.destroy();\n\n              return true;\n            }\n            // TODO should we be returning false when the transaction is a collaboration transaction?\n\n            return true;\n          },\n        }),\n    ].filter(Boolean);\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"collaboration.js","sources":["../../src/collaboration/collaboration.ts"],"sourcesContent":["/**\n * MIT License\n *\n * Copyright (c) 2025, Tiptap GmbH\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n// There are some lint errors in this file as it's a direct copy of the original code from Tiptap. In order to not diverge from the original code, we're disabling the lint errors.\n/* eslint-disable */\nimport { Extension } from \"@tiptap/core\";\nimport { Plugin, PluginKey } from \"@tiptap/pm/state\";\nimport type { EditorView } from \"@tiptap/pm/view\";\nimport {\n  redo,\n  undo,\n  ySyncPlugin,\n  yUndoPlugin,\n  yUndoPluginKey,\n  yXmlFragmentToProsemirrorJSON,\n} from \"y-prosemirror\";\nimport type { Doc, UndoManager, XmlFragment } from \"yjs\";\n\nimport {\n  createMappablePosition,\n  getUpdatedPosition,\n} from \"./helpers/CollaborationMappablePosition\";\n\ntype YSyncOpts = Parameters<typeof ySyncPlugin>[1];\ntype YUndoOpts = Parameters<typeof yUndoPlugin>[0];\n\nexport interface CollaborationStorage {\n  /**\n   * Whether collaboration is currently disabled.\n   * Disabling collaboration will prevent any changes from being synced with other users.\n   */\n  isDisabled: boolean;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    collaboration: {\n      /**\n       * Undo recent changes\n       * @example editor.commands.undo()\n       */\n      undo: () => ReturnType;\n      /**\n       * Reapply reverted changes\n       * @example editor.commands.redo()\n       */\n      redo: () => ReturnType;\n    };\n  }\n\n  interface Storage {\n    collaboration: CollaborationStorage;\n  }\n}\n\nexport interface CollaborationOptions {\n  /**\n   * An initialized Y.js document.\n   * @example new Y.Doc()\n   */\n  document?: Doc | null;\n\n  /**\n   * Name of a Y.js fragment, can be changed to sync multiple fields with one Y.js document.\n   * @default 'default'\n   * @example 'my-custom-field'\n   */\n  field?: string;\n\n  /**\n   * A raw Y.js fragment, can be used instead of `document` and `field`.\n   * @example new Y.Doc().getXmlFragment('body')\n   */\n  fragment?: XmlFragment | null;\n\n  /**\n   * The collaboration provider.\n   * @default null\n   */\n  provider?: any | null;\n\n  /**\n   * Fired when the content from Yjs is initially rendered to Tiptap.\n   */\n  onFirstRender?: () => void;\n\n  /**\n   * Options for the Yjs sync plugin.\n   */\n  ySyncOptions?: YSyncOpts;\n\n  /**\n   * Options for the Yjs undo plugin.\n   */\n  yUndoOptions?: YUndoOpts;\n}\n\n/**\n * This extension allows you to collaborate with others in real-time.\n * @see https://tiptap.dev/api/extensions/collaboration\n */\nexport const Collaboration = Extension.create<\n  CollaborationOptions,\n  CollaborationStorage\n>({\n  name: \"collaboration\",\n\n  priority: 1000,\n\n  addOptions() {\n    return {\n      document: null,\n      field: \"default\",\n      fragment: null,\n      provider: null,\n    };\n  },\n\n  addStorage() {\n    return {\n      isDisabled: false,\n    };\n  },\n\n  onCreate() {\n    if (\n      this.editor.extensionManager.extensions.find(\n        (extension) => extension.name === \"undoRedo\"\n      )\n    ) {\n      console.warn(\n        '[tiptap warn]: \"@tiptap/extension-collaboration\" comes with its own history support and is not compatible with \"@tiptap/extension-undo-redo\".'\n      );\n    }\n  },\n\n  onBeforeCreate() {\n    this.editor.utils.getUpdatedPosition = (position, transaction) =>\n      getUpdatedPosition(position, transaction, this.editor.state);\n    this.editor.utils.createMappablePosition = (position) =>\n      createMappablePosition(position, this.editor.state);\n  },\n\n  addCommands() {\n    return {\n      undo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.undoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return undo(state);\n        },\n      redo:\n        () =>\n        ({ tr, state, dispatch }) => {\n          tr.setMeta(\"preventDispatch\", true);\n\n          const undoManager: UndoManager =\n            yUndoPluginKey.getState(state)!.undoManager;\n\n          if (undoManager.redoStack.length === 0) {\n            return false;\n          }\n\n          if (!dispatch) {\n            return true;\n          }\n\n          return redo(state);\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-z\": () => this.editor.commands.undo(),\n      \"Mod-y\": () => this.editor.commands.redo(),\n      \"Shift-Mod-z\": () => this.editor.commands.redo(),\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const fragment = this.options.fragment\n      ? this.options.fragment\n      : (this.options.document as Doc).getXmlFragment(this.options.field);\n\n    // Quick fix until there is an official implementation (thanks to @hamflx).\n    // See https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102\n    const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);\n    const originalUndoPluginView = yUndoPluginInstance.spec.view;\n\n    yUndoPluginInstance.spec.view = (view: EditorView) => {\n      const { undoManager } = yUndoPluginKey.getState(view.state)!;\n\n      if (\n        \"restore\" in undoManager &&\n        typeof undoManager.restore === \"function\"\n      ) {\n        undoManager.restore();\n        undoManager.restore = () => {\n          // noop\n        };\n      }\n\n      const viewRet = originalUndoPluginView\n        ? originalUndoPluginView(view)\n        : undefined;\n\n      return {\n        destroy: () => {\n          const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);\n          const observers = undoManager._observers;\n\n          // Always install the reattach `restore()`, regardless of whether\n          // one already exists on the UndoManager. The previous guarded\n          // version was a no-op for standard `Y.UndoManager` (which has no\n          // `restore` method), causing the UndoManager to be permanently\n          // orphaned after the first plugin reconfigure (e.g. BubbleMenu /\n          // DragHandle / SlashCommand mount). Matches upstream\n          // `@tiptap/extension-collaboration`.\n          undoManager.restore = () => {\n            if (hasUndoManSelf) {\n              undoManager.trackedOrigins.add(undoManager);\n            }\n\n            undoManager.doc.on(\n              \"afterTransaction\",\n              undoManager.afterTransactionHandler\n            );\n            undoManager._observers = observers;\n          };\n\n          if (viewRet?.destroy) {\n            viewRet.destroy();\n          }\n        },\n      };\n    };\n\n    const ySyncPluginOptions: YSyncOpts = {\n      ...this.options.ySyncOptions,\n      onFirstRender: this.options.onFirstRender,\n    };\n\n    const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);\n\n    if (this.editor.options.enableContentCheck) {\n      fragment.doc?.on(\"beforeTransaction\", () => {\n        try {\n          const jsonContent = yXmlFragmentToProsemirrorJSON(fragment);\n\n          if (jsonContent.content.length === 0) {\n            return;\n          }\n\n          this.editor.schema.nodeFromJSON(jsonContent).check();\n        } catch (error) {\n          this.editor.emit(\"contentError\", {\n            error: error as Error,\n            editor: this.editor,\n            disableCollaboration: () => {\n              fragment.doc?.destroy();\n              this.storage.isDisabled = true;\n            },\n          });\n          // If the content is invalid, return false to prevent the transaction from being applied\n          return false;\n        }\n        return;\n      });\n    }\n\n    return [\n      ySyncPluginInstance,\n      yUndoPluginInstance,\n      // Only add the filterInvalidContent plugin if content checking is enabled\n      this.editor.options.enableContentCheck &&\n        new Plugin({\n          key: new PluginKey(\"filterInvalidContent\"),\n          filterTransaction: () => {\n            // When collaboration is disabled, prevent any sync transactions from being applied\n            if (this.storage.isDisabled !== false) {\n              // Destroy the Yjs document to prevent any further sync transactions\n              fragment.doc?.destroy();\n\n              return true;\n            }\n            // TODO should we be returning false when the transaction is a collaboration transaction?\n\n            return true;\n          },\n        }),\n    ].filter(Boolean);\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/comments/AnchoredThreads.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var core = require('@liveblocks/core');
 var _private$1 = require('@liveblocks/react/_private');
 var reactUi = require('@liveblocks/react-ui');
 var _private = require('@liveblocks/react-ui/_private');
@@ -37,7 +38,10 @@ function AnchoredThreads({
     },
     equalityFn: (prev, next) => {
       if (!prev || !next) return false;
-      return prev.pluginState?.selectedThreadId === next.pluginState?.selectedThreadId && prev.pluginState?.threadPositions === next.pluginState?.threadPositions;
+      return prev.pluginState?.threadPositions === next.pluginState?.threadPositions && core.shallow(
+        prev.pluginState?.activeThreadIds,
+        next.pluginState?.activeThreadIds
+      );
     }
   }) ?? { pluginState: void 0 };
   const handlePositionThreads = react.useCallback(() => {
@@ -45,11 +49,12 @@ function AnchoredThreads({
     if (container === null || !editor || !editor.view || editor.view.isDestroyed) {
       return;
     }
-    const activeIndex = orderedThreads.findIndex(
-      ({ thread }) => thread.id === pluginState?.selectedThreadId
+    const activeIds = pluginState?.activeThreadIds ?? [];
+    const firstActiveIndex = activeIds.length === 0 ? -1 : orderedThreads.findIndex(
+      ({ thread }) => activeIds.includes(thread.id)
     );
-    const ascending = activeIndex !== -1 ? orderedThreads.slice(activeIndex) : orderedThreads;
-    const descending = activeIndex !== -1 ? orderedThreads.slice(0, activeIndex) : [];
+    const ascending = firstActiveIndex !== -1 ? orderedThreads.slice(firstActiveIndex) : orderedThreads;
+    const descending = firstActiveIndex !== -1 ? orderedThreads.slice(0, firstActiveIndex) : [];
     const newPositions = /* @__PURE__ */ new Map();
     for (const { thread, position } of ascending) {
       const coords = editor.view.coordsAtPos(
@@ -80,7 +85,7 @@ function AnchoredThreads({
       newPositions.set(thread.id, top);
     }
     setPositions(newPositions);
-  }, [editor, orderedThreads, pluginState?.selectedThreadId, elements]);
+  }, [editor, orderedThreads, pluginState?.activeThreadIds, elements]);
   react.useEffect(() => {
     if (!pluginState) return;
     setOrderedThreads(
@@ -154,7 +159,7 @@ function AnchoredThreads({
         if (positions.has(thread.id)) {
           top = positions.get(thread.id);
         }
-        const isActive = thread.id === pluginState?.selectedThreadId;
+        const isActive = pluginState?.activeThreadIds.includes(thread.id) ?? false;
         return /* @__PURE__ */ jsxRuntime.jsx(
           ThreadWrapper,
           {

package/dist/comments/AnchoredThreads.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AnchoredThreads.cjs","sources":["../../src/comments/AnchoredThreads.tsx"],"sourcesContent":["import type { BaseMetadata, DCM, DTM, ThreadData } from \"@liveblocks/core\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  Thread as DefaultThread,\n  type ThreadProps,\n} from \"@liveblocks/react-ui\";\nimport { cn, useStableComponent } from \"@liveblocks/react-ui/_private\";\nimport { type Editor, useEditorState } from \"@tiptap/react\";\nimport type { ComponentPropsWithoutRef, ComponentType } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { THREADS_PLUGIN_KEY } from \"../types\";\nimport { getRectFromCoords } from \"../utils\";\n\nconst DEFAULT_GAP = 20;\nconst DEFAULT_ACTIVE_THREAD_OFFSET = -12;\n\n// TODO: move that back to a variable\nconst GAP = `var(--lb-tiptap-anchored-threads-gap, ${DEFAULT_GAP}px)`;\nconst ACTIVE_THREAD_OFFSET = `var(--lb-tiptap-anchored-threads-active-thread-offset, ${DEFAULT_ACTIVE_THREAD_OFFSET}px)`;\n\ntype AnchoredThreadsComponents = {\n  Thread: ComponentType<ThreadProps>;\n};\n\nexport interface AnchoredThreadsProps<\n  TM extends BaseMetadata = DTM,\n  CM extends BaseMetadata = DCM,\n> extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /**\n   * The threads to display.\n   */\n  threads: ThreadData<TM, CM>[];\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<AnchoredThreadsComponents>;\n\n  /**\n   * The Tiptap editor.\n   */\n  editor: Editor | null;\n}\n\nexport function AnchoredThreads({\n  threads,\n  components,\n  className,\n  style,\n  editor,\n  ...props\n}: AnchoredThreadsProps) {\n  const Thread = useStableComponent(components?.Thread, DefaultThread);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [orderedThreads, setOrderedThreads] = useState<\n    { position: { from: number; to: number }; thread: ThreadData }[]\n  >([]);\n  const [elements, setElements] = useState<Map<string, HTMLElement>>(new Map());\n  const [positions, setPositions] = useState<Map<string, number>>(new Map()); // A map of thread ids to their 'top' position in the document\n\n  const { pluginState } = useEditorState({\n    editor,\n    selector: (ctx) => {\n      if (!ctx?.editor?.state) return { pluginState: undefined };\n      const state = THREADS_PLUGIN_KEY.getState(ctx.editor.state);\n      return {\n        pluginState: state,\n      };\n    },\n    equalityFn: (prev, next) => {\n      if (!prev || !next) return false;\n      return (\n        prev.pluginState?.selectedThreadId ===\n          next.pluginState?.selectedThreadId &&\n        prev.pluginState?.threadPositions === next.pluginState?.threadPositions\n      ); // new map is made each time threadPos updates so shallow equality is fine\n    },\n  }) ?? { pluginState: undefined };\n\n  // TODO: lexical supoprts multiple threads being active, should probably do that here as well\n  const handlePositionThreads = useCallback(() => {\n    const container = containerRef.current;\n    if (\n      container === null ||\n      !editor ||\n      !editor.view ||\n      editor.view.isDestroyed\n    ) {\n      return;\n    }\n\n    const activeIndex = orderedThreads.findIndex(\n      ({ thread }) => thread.id === pluginState?.selectedThreadId\n    );\n    const ascending =\n      activeIndex !== -1 ? orderedThreads.slice(activeIndex) : orderedThreads;\n    const descending =\n      activeIndex !== -1 ? orderedThreads.slice(0, activeIndex) : [];\n\n    const newPositions = new Map<string, number>();\n\n    // Iterate over each thread and calculate its new position by taking into account the position of the previously positioned threads\n    for (const { thread, position } of ascending) {\n      const coords = editor.view.coordsAtPos(\n        Math.min(position.from, editor.view.state.doc.content.size - 1)\n      );\n      const rect = getRectFromCoords(coords);\n      let top = rect.top - container.getBoundingClientRect().top;\n\n      for (const [id, position] of newPositions) {\n        // Retrieve the element associated with the thread\n        const el = elements.get(id);\n        if (el === undefined) continue;\n\n        if (\n          top >= position &&\n          top <= position + el.getBoundingClientRect().height\n        ) {\n          top = position + el.getBoundingClientRect().height;\n        }\n      }\n\n      newPositions.set(thread.id, top);\n    }\n\n    for (const { thread, position } of descending.reverse()) {\n      const coords = editor.view.coordsAtPos(position.from);\n      const rect = getRectFromCoords(coords);\n      // Retrieve the element associated with the current thread\n      const el = elements.get(thread.id);\n      if (el === undefined) continue;\n\n      let top = rect.top - container.getBoundingClientRect().top;\n      for (const [, position] of newPositions) {\n        if (top >= position - el.getBoundingClientRect().height) {\n          top = position - el.getBoundingClientRect().height;\n        }\n      }\n\n      newPositions.set(thread.id, top);\n    }\n\n    setPositions(newPositions);\n  }, [editor, orderedThreads, pluginState?.selectedThreadId, elements]);\n\n  useEffect(() => {\n    if (!pluginState) return;\n    setOrderedThreads(\n      Array.from(pluginState.threadPositions, ([threadId, position]) => ({\n        threadId,\n        position,\n      })).reduce(\n        (acc, { threadId, position }) => {\n          const thread = threads.find(\n            (thread) => thread.id === threadId && !thread.resolved\n          );\n          if (!thread) return acc;\n          acc.push({ thread, position });\n          return acc;\n        },\n        [] as { thread: ThreadData; position: { from: number; to: number } }[]\n      )\n    );\n    handlePositionThreads();\n    // disable exhaustive deps because we don't want an infinite loop\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pluginState, threads]);\n\n  useLayoutEffect(handlePositionThreads, [handlePositionThreads]);\n\n  useEffect(() => {\n    const observer = new ResizeObserver(handlePositionThreads);\n    const container = editor?.view?.dom;\n    if (container) {\n      observer.observe(container);\n    }\n    for (const element of elements.values()) {\n      observer.observe(element);\n    }\n\n    return () => observer.disconnect();\n  }, [elements, editor, handlePositionThreads]);\n\n  const onItemAdd = useCallback((id: string, el: HTMLElement) => {\n    setElements((prev) => new Map(prev).set(id, el));\n  }, []);\n\n  const onItemRemove = useCallback((id: string) => {\n    setElements((prev) => {\n      const items = new Map(prev);\n      items.delete(id);\n      return items;\n    });\n  }, []);\n\n  const onThreadSelect = useCallback(\n    (id: string) => {\n      if (!editor) return;\n      editor.commands.selectThread(id);\n    },\n    [editor]\n  );\n\n  if (!editor) return null;\n\n  return (\n    <div\n      {...props}\n      className={cn(className, \"lb-root lb-tiptap-anchored-threads\")}\n      ref={containerRef}\n      style={{\n        position: \"relative\",\n        ...style,\n      }}\n    >\n      {orderedThreads.map(({ thread, position }) => {\n        // In blocknote, it's possible for this to be undefined\n        if (!editor.view || editor.view.isDestroyed) {\n          return null;\n        }\n        const coords = editor.view.coordsAtPos(\n          Math.min(position.from, editor.state.doc.content.size - 1)\n        );\n        const rect = getRectFromCoords(coords);\n\n        const offset = editor.view.dom.getBoundingClientRect().top ?? 0;\n\n        let top = rect.top - offset;\n\n        if (positions.has(thread.id)) {\n          top = positions.get(thread.id)!;\n        }\n\n        const isActive = thread.id === pluginState?.selectedThreadId;\n\n        return (\n          <ThreadWrapper\n            key={thread.id}\n            onThreadClick={onThreadSelect}\n            onItemAdd={onItemAdd}\n            onItemRemove={onItemRemove}\n            Thread={Thread}\n            thread={thread}\n            isActive={isActive}\n            style={{\n              position: \"absolute\",\n              transform: `translate3d(${isActive ? ACTIVE_THREAD_OFFSET : 0}, ${top}px, 0)`,\n              insetInlineStart: 0,\n              inlineSize: \"100%\",\n              paddingBlockEnd: GAP,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\ninterface ThreadWrapperProps extends ThreadProps {\n  Thread: ComponentType<ThreadProps>;\n  onThreadClick: (id: string) => void;\n  onItemAdd: (id: string, el: HTMLElement) => void;\n  onItemRemove: (id: string) => void;\n  isActive: boolean;\n}\n\nfunction ThreadWrapper({\n  onThreadClick,\n  onItemAdd,\n  onItemRemove,\n  thread,\n  Thread,\n  className,\n  isActive,\n  ...props\n}: ThreadWrapperProps) {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const el = divRef.current;\n    if (el === null) return;\n\n    onItemAdd(thread.id, el);\n    return () => {\n      onItemRemove(thread.id);\n    };\n  }, [onItemAdd, onItemRemove, thread.id]);\n\n  function handleThreadClick() {\n    onThreadClick(thread.id);\n  }\n\n  return (\n    <div\n      ref={divRef}\n      className={cn(\"lb-tiptap-anchored-threads-thread-container\", className)}\n      {...props}\n    >\n      <Thread\n        thread={thread}\n        data-state={isActive ? \"active\" : \"inactive\"}\n        onClick={handleThreadClick}\n        className=\"lb-tiptap-anchored-threads-thread\"\n        showComposer={isActive ? true : false}\n      />\n    </div>\n  );\n}\n"],"names":["useStableComponent","DefaultThread","useRef","useState","useEditorState","THREADS_PLUGIN_KEY","useCallback","getRectFromCoords","position","useEffect","thread","useLayoutEffect","jsx","cn"],"mappings":"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"}
+{"version":3,"file":"AnchoredThreads.cjs","sources":["../../src/comments/AnchoredThreads.tsx"],"sourcesContent":["import {\n  type BaseMetadata,\n  type DCM,\n  type DTM,\n  shallow,\n  type ThreadData,\n} from \"@liveblocks/core\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  Thread as DefaultThread,\n  type ThreadProps,\n} from \"@liveblocks/react-ui\";\nimport { cn, useStableComponent } from \"@liveblocks/react-ui/_private\";\nimport { type Editor, useEditorState } from \"@tiptap/react\";\nimport type { ComponentPropsWithoutRef, ComponentType } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { THREADS_PLUGIN_KEY } from \"../types\";\nimport { getRectFromCoords } from \"../utils\";\n\nconst DEFAULT_GAP = 20;\nconst DEFAULT_ACTIVE_THREAD_OFFSET = -12;\n\n// TODO: move that back to a variable\nconst GAP = `var(--lb-tiptap-anchored-threads-gap, ${DEFAULT_GAP}px)`;\nconst ACTIVE_THREAD_OFFSET = `var(--lb-tiptap-anchored-threads-active-thread-offset, ${DEFAULT_ACTIVE_THREAD_OFFSET}px)`;\n\ntype AnchoredThreadsComponents = {\n  Thread: ComponentType<ThreadProps>;\n};\n\nexport interface AnchoredThreadsProps<\n  TM extends BaseMetadata = DTM,\n  CM extends BaseMetadata = DCM,\n> extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /**\n   * The threads to display.\n   */\n  threads: ThreadData<TM, CM>[];\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<AnchoredThreadsComponents>;\n\n  /**\n   * The Tiptap editor.\n   */\n  editor: Editor | null;\n}\n\nexport function AnchoredThreads({\n  threads,\n  components,\n  className,\n  style,\n  editor,\n  ...props\n}: AnchoredThreadsProps) {\n  const Thread = useStableComponent(components?.Thread, DefaultThread);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [orderedThreads, setOrderedThreads] = useState<\n    { position: { from: number; to: number }; thread: ThreadData }[]\n  >([]);\n  const [elements, setElements] = useState<Map<string, HTMLElement>>(new Map());\n  const [positions, setPositions] = useState<Map<string, number>>(new Map()); // A map of thread ids to their 'top' position in the document\n\n  const { pluginState } = useEditorState({\n    editor,\n    selector: (ctx) => {\n      if (!ctx?.editor?.state) return { pluginState: undefined };\n      const state = THREADS_PLUGIN_KEY.getState(ctx.editor.state);\n      return {\n        pluginState: state,\n      };\n    },\n    equalityFn: (prev, next) => {\n      if (!prev || !next) return false;\n      return (\n        prev.pluginState?.threadPositions ===\n          next.pluginState?.threadPositions &&\n        shallow(\n          prev.pluginState?.activeThreadIds,\n          next.pluginState?.activeThreadIds\n        )\n      );\n    },\n  }) ?? { pluginState: undefined };\n\n  const handlePositionThreads = useCallback(() => {\n    const container = containerRef.current;\n    if (\n      container === null ||\n      !editor ||\n      !editor.view ||\n      editor.view.isDestroyed\n    ) {\n      return;\n    }\n\n    const activeIds = pluginState?.activeThreadIds ?? [];\n\n    const firstActiveIndex =\n      activeIds.length === 0\n        ? -1\n        : orderedThreads.findIndex(({ thread }) =>\n            activeIds.includes(thread.id)\n          );\n    const ascending =\n      firstActiveIndex !== -1\n        ? orderedThreads.slice(firstActiveIndex)\n        : orderedThreads;\n    const descending =\n      firstActiveIndex !== -1 ? orderedThreads.slice(0, firstActiveIndex) : [];\n\n    const newPositions = new Map<string, number>();\n\n    // Iterate over each thread and calculate its new position by taking into account the position of the previously positioned threads\n    for (const { thread, position } of ascending) {\n      const coords = editor.view.coordsAtPos(\n        Math.min(position.from, editor.view.state.doc.content.size - 1)\n      );\n      const rect = getRectFromCoords(coords);\n      let top = rect.top - container.getBoundingClientRect().top;\n\n      for (const [id, position] of newPositions) {\n        // Retrieve the element associated with the thread\n        const el = elements.get(id);\n        if (el === undefined) continue;\n\n        if (\n          top >= position &&\n          top <= position + el.getBoundingClientRect().height\n        ) {\n          top = position + el.getBoundingClientRect().height;\n        }\n      }\n\n      newPositions.set(thread.id, top);\n    }\n\n    for (const { thread, position } of descending.reverse()) {\n      const coords = editor.view.coordsAtPos(position.from);\n      const rect = getRectFromCoords(coords);\n      // Retrieve the element associated with the current thread\n      const el = elements.get(thread.id);\n      if (el === undefined) continue;\n\n      let top = rect.top - container.getBoundingClientRect().top;\n      for (const [, position] of newPositions) {\n        if (top >= position - el.getBoundingClientRect().height) {\n          top = position - el.getBoundingClientRect().height;\n        }\n      }\n\n      newPositions.set(thread.id, top);\n    }\n\n    setPositions(newPositions);\n  }, [editor, orderedThreads, pluginState?.activeThreadIds, elements]);\n\n  useEffect(() => {\n    if (!pluginState) return;\n    setOrderedThreads(\n      Array.from(pluginState.threadPositions, ([threadId, position]) => ({\n        threadId,\n        position,\n      })).reduce(\n        (acc, { threadId, position }) => {\n          const thread = threads.find(\n            (thread) => thread.id === threadId && !thread.resolved\n          );\n          if (!thread) return acc;\n          acc.push({ thread, position });\n          return acc;\n        },\n        [] as { thread: ThreadData; position: { from: number; to: number } }[]\n      )\n    );\n    handlePositionThreads();\n    // disable exhaustive deps because we don't want an infinite loop\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pluginState, threads]);\n\n  useLayoutEffect(handlePositionThreads, [handlePositionThreads]);\n\n  useEffect(() => {\n    const observer = new ResizeObserver(handlePositionThreads);\n    const container = editor?.view?.dom;\n    if (container) {\n      observer.observe(container);\n    }\n    for (const element of elements.values()) {\n      observer.observe(element);\n    }\n\n    return () => observer.disconnect();\n  }, [elements, editor, handlePositionThreads]);\n\n  const onItemAdd = useCallback((id: string, el: HTMLElement) => {\n    setElements((prev) => new Map(prev).set(id, el));\n  }, []);\n\n  const onItemRemove = useCallback((id: string) => {\n    setElements((prev) => {\n      const items = new Map(prev);\n      items.delete(id);\n      return items;\n    });\n  }, []);\n\n  const onThreadSelect = useCallback(\n    (id: string) => {\n      if (!editor) return;\n      editor.commands.selectThread(id);\n    },\n    [editor]\n  );\n\n  if (!editor) return null;\n\n  return (\n    <div\n      {...props}\n      className={cn(className, \"lb-root lb-tiptap-anchored-threads\")}\n      ref={containerRef}\n      style={{\n        position: \"relative\",\n        ...style,\n      }}\n    >\n      {orderedThreads.map(({ thread, position }) => {\n        // In blocknote, it's possible for this to be undefined\n        if (!editor.view || editor.view.isDestroyed) {\n          return null;\n        }\n        const coords = editor.view.coordsAtPos(\n          Math.min(position.from, editor.state.doc.content.size - 1)\n        );\n        const rect = getRectFromCoords(coords);\n\n        const offset = editor.view.dom.getBoundingClientRect().top ?? 0;\n\n        let top = rect.top - offset;\n\n        if (positions.has(thread.id)) {\n          top = positions.get(thread.id)!;\n        }\n\n        const isActive =\n          pluginState?.activeThreadIds.includes(thread.id) ?? false;\n\n        return (\n          <ThreadWrapper\n            key={thread.id}\n            onThreadClick={onThreadSelect}\n            onItemAdd={onItemAdd}\n            onItemRemove={onItemRemove}\n            Thread={Thread}\n            thread={thread}\n            isActive={isActive}\n            style={{\n              position: \"absolute\",\n              transform: `translate3d(${isActive ? ACTIVE_THREAD_OFFSET : 0}, ${top}px, 0)`,\n              insetInlineStart: 0,\n              inlineSize: \"100%\",\n              paddingBlockEnd: GAP,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\ninterface ThreadWrapperProps extends ThreadProps {\n  Thread: ComponentType<ThreadProps>;\n  onThreadClick: (id: string) => void;\n  onItemAdd: (id: string, el: HTMLElement) => void;\n  onItemRemove: (id: string) => void;\n  isActive: boolean;\n}\n\nfunction ThreadWrapper({\n  onThreadClick,\n  onItemAdd,\n  onItemRemove,\n  thread,\n  Thread,\n  className,\n  isActive,\n  ...props\n}: ThreadWrapperProps) {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const el = divRef.current;\n    if (el === null) return;\n\n    onItemAdd(thread.id, el);\n    return () => {\n      onItemRemove(thread.id);\n    };\n  }, [onItemAdd, onItemRemove, thread.id]);\n\n  function handleThreadClick() {\n    onThreadClick(thread.id);\n  }\n\n  return (\n    <div\n      ref={divRef}\n      className={cn(\"lb-tiptap-anchored-threads-thread-container\", className)}\n      {...props}\n    >\n      <Thread\n        thread={thread}\n        data-state={isActive ? \"active\" : \"inactive\"}\n        onClick={handleThreadClick}\n        className=\"lb-tiptap-anchored-threads-thread\"\n        showComposer={isActive ? true : false}\n      />\n    </div>\n  );\n}\n"],"names":["useStableComponent","DefaultThread","useRef","useState","useEditorState","THREADS_PLUGIN_KEY","shallow","useCallback","getRectFromCoords","position","useEffect","thread","useLayoutEffect","jsx","cn"],"mappings":"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"}

package/dist/comments/AnchoredThreads.js

@@ -1,4 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
+import { shallow } from '@liveblocks/core';
 import { useLayoutEffect } from '@liveblocks/react/_private';
 import { Thread } from '@liveblocks/react-ui';
 import { useStableComponent, cn } from '@liveblocks/react-ui/_private';
@@ -35,7 +36,10 @@ function AnchoredThreads({
     },
     equalityFn: (prev, next) => {
       if (!prev || !next) return false;
-      return prev.pluginState?.selectedThreadId === next.pluginState?.selectedThreadId && prev.pluginState?.threadPositions === next.pluginState?.threadPositions;
+      return prev.pluginState?.threadPositions === next.pluginState?.threadPositions && shallow(
+        prev.pluginState?.activeThreadIds,
+        next.pluginState?.activeThreadIds
+      );
     }
   }) ?? { pluginState: void 0 };
   const handlePositionThreads = useCallback(() => {
@@ -43,11 +47,12 @@ function AnchoredThreads({
     if (container === null || !editor || !editor.view || editor.view.isDestroyed) {
       return;
     }
-    const activeIndex = orderedThreads.findIndex(
-      ({ thread }) => thread.id === pluginState?.selectedThreadId
+    const activeIds = pluginState?.activeThreadIds ?? [];
+    const firstActiveIndex = activeIds.length === 0 ? -1 : orderedThreads.findIndex(
+      ({ thread }) => activeIds.includes(thread.id)
     );
-    const ascending = activeIndex !== -1 ? orderedThreads.slice(activeIndex) : orderedThreads;
-    const descending = activeIndex !== -1 ? orderedThreads.slice(0, activeIndex) : [];
+    const ascending = firstActiveIndex !== -1 ? orderedThreads.slice(firstActiveIndex) : orderedThreads;
+    const descending = firstActiveIndex !== -1 ? orderedThreads.slice(0, firstActiveIndex) : [];
     const newPositions = /* @__PURE__ */ new Map();
     for (const { thread, position } of ascending) {
       const coords = editor.view.coordsAtPos(
@@ -78,7 +83,7 @@ function AnchoredThreads({
       newPositions.set(thread.id, top);
     }
     setPositions(newPositions);
-  }, [editor, orderedThreads, pluginState?.selectedThreadId, elements]);
+  }, [editor, orderedThreads, pluginState?.activeThreadIds, elements]);
   useEffect(() => {
     if (!pluginState) return;
     setOrderedThreads(
@@ -152,7 +157,7 @@ function AnchoredThreads({
         if (positions.has(thread.id)) {
           top = positions.get(thread.id);
         }
-        const isActive = thread.id === pluginState?.selectedThreadId;
+        const isActive = pluginState?.activeThreadIds.includes(thread.id) ?? false;
         return /* @__PURE__ */ jsx(
           ThreadWrapper,
           {