refactor(dependencies): remove '@tiptap-pro/extension-table-of-contents' from project

- Removed the '@tiptap-pro/extension-table-of-contents' dependency from package.json files in both the web and ai-workspace-common packages.
- Updated the collab-editor and readonly-editor components to eliminate references to the TableOfContents, ensuring compliance with code style rules.
- Ensured proper cleanup of related state management in the document store.

Author: pftom

apps/web/package.json

@@ -30,7 +30,6 @@
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.10",
     "@tanstack/react-query": "^5.61.3",
-    "@tiptap-pro/extension-table-of-contents": "~2.11.2",
     "@tiptap-pro/extension-unique-id": "~2.11.2",
     "@types/aos": "^3.0.7",
     "@types/is-hotkey": "~0.1.7",

packages/ai-workspace-common/package.json

@@ -35,7 +35,6 @@
     "@tailwindcss/forms": "^0.5.3",
     "@tanstack/react-query": "^5.61.3",
     "@tippyjs/react": "^4.2.6",
-    "@tiptap-pro/extension-table-of-contents": "~2.11.2",
     "@tiptap/core": "2.7.4",
     "@tiptap/extension-character-count": "2.7.4",
     "@tiptap/extension-code-block-lowlight": "2.7.4",

packages/ai-workspace-common/src/components/document/collab-editor.tsx

@@ -29,7 +29,6 @@ import {
   handleImageDrop,
   handleImagePaste,
 } from '@refly-packages/ai-workspace-common/components/editor/core/plugins';
-import { getHierarchicalIndexes, TableOfContents } from '@tiptap-pro/extension-table-of-contents';
 import {
   useDocumentStore,
   useDocumentStoreShallow,
@@ -102,7 +101,6 @@ export const CollaborativeEditor = memo(
     const documentActions = useDocumentStoreShallow((state) => ({
       setHasEditorSelection: state.setHasEditorSelection,
       updateDocumentCharsCount: state.updateDocumentCharsCount,
-      updateTocItems: state.updateTocItems,
       updateLastCursorPosRef: state.updateLastCursorPosRef,
       setActiveDocumentId: state.setActiveDocumentId,
     }));
@@ -233,12 +231,6 @@ export const CollaborativeEditor = memo(
         Collaboration.configure({
           document: ydoc,
         }),
-        TableOfContents.configure({
-          getIndex: getHierarchicalIndexes,
-          onUpdate(content) {
-            documentActions.updateTocItems(docId, content);
-          },
-        }),
       ];
     }, [ydoc, docId, documentActions, createPlaceholderExtension]);
 

packages/ai-workspace-common/src/components/document/readonly-editor.tsx

@@ -9,7 +9,6 @@ import {
 
 import { handleCommandNavigation } from '@refly-packages/ai-workspace-common/components/editor/core/extensions';
 import { defaultExtensions } from '@refly-packages/ai-workspace-common/components/editor/components/extensions';
-import { getHierarchicalIndexes, TableOfContents } from '@tiptap-pro/extension-table-of-contents';
 import { useDocumentStoreShallow } from '@refly-packages/ai-workspace-common/stores/document';
 import { ImagePreview } from '@refly-packages/ai-workspace-common/components/common/image-preview';
 import UpdatedImage from '@refly-packages/ai-workspace-common/components/editor/core/extensions/updated-image';
@@ -82,12 +81,7 @@ export const ReadonlyEditor = memo(
 
       const filteredExtensions = defaultExtensions.filter((ext) => ext.name !== 'image');
 
-      return [
-        ...filteredExtensions,
-        centeredImage,
-        Markdown,
-        TableOfContents.configure({ getIndex: getHierarchicalIndexes }),
-      ];
+      return [...filteredExtensions, centeredImage, Markdown];
     }, [docId]);
 
     useEffect(() => {

packages/ai-workspace-common/src/stores/document.ts

@@ -42,7 +42,6 @@ interface DocumentBaseState {
   updateDocument: (docId: string, document: Document) => void;
   updateDocumentCharsCount: (docId: string, count: number) => void;
   updateLastCursorPosRef: (docId: string, pos: number) => void;
-  updateTocItems: (docId: string, items: TableOfContentsItem[]) => void;
   setActiveDocumentId: (docId: string) => void;
 
   setDocumentReadOnly: (docId: string, readOnly: boolean) => void;
@@ -90,12 +89,6 @@ export const useDocumentStore = create<DocumentBaseState>()(
           state.data[docId].lastCursorPosRef = pos;
         }),
 
-      updateTocItems: (docId: string, items: TableOfContentsItem[]) =>
-        set((state) => {
-          state.data[docId] ??= {};
-          state.data[docId].tocItems = items;
-        }),
-
       setActiveDocumentId: (docId: string) =>
         set((state) => {
           state.activeDocumentId = docId;