Fixed deps

Author: Rajat

package.json

@@ -28,7 +28,7 @@
     "test:watch": "NODE_OPTIONS='--experimental-vm-modules' SUPPRESS_JEST_WARNINGS=1 jest --watch",
     "test:coverage": "NODE_OPTIONS='--experimental-vm-modules' SUPPRESS_JEST_WARNINGS=1 jest --coverage"
   },
-  "packageManager": "pnpm@10.17.0+sha512.fce8a3dd29a4ed2ec566fb53efbb04d8c44a0f05bc6f24a73046910fb9c3ce7afa35a0980500668fa3573345bd644644fa98338fa168235c80f4aa17aa17fbef",
+  "packageManager": "pnpm@10.22.0+sha512.bf049efe995b28f527fd2b41ae0474ce29186f7edcb3bf545087bd61fbbebb2bf75362d1307fda09c2d288e1e499787ac12d4fcb617a974718a6051f2eee741c",
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",

packages/text-editor/package.json

@@ -61,7 +61,7 @@
         "@tiptap/extension-image": "^3.0.0",
         "@tiptap/extension-link": "^3.0.0",
         "@tiptap/extension-placeholder": "^3.0.0",
-        "@tiptap/extension-table": "^3.0.0",
+        "@tiptap/extension-table": "^3.10.7",
         "@tiptap/react": "^3.0.0",
         "@tiptap/starter-kit": "^3.0.0",
         "highlight.js": "^11.10.0",

packages/text-editor/src/BubbleMenu.tsx

@@ -1,6 +1,7 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import type { Editor } from "@tiptap/core";
-import { BubbleMenu as TipTapBubbleMenu } from "@tiptap/react";
+import type { BubbleMenuPluginProps } from "@tiptap/extension-bubble-menu";
+import { BubbleMenuPlugin } from "@tiptap/extension-bubble-menu";
 import {
     Bold,
     Code,
@@ -18,6 +19,73 @@ interface BubbleMenuProps {
 const buttonBase =
     "inline-flex h-8 w-8 items-center justify-center rounded text-foreground transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary";
 
+type TipTapBubbleMenuProps = {
+    editor: Editor | null;
+    className?: string;
+    children: React.ReactNode;
+    pluginKey?: string;
+} & Partial<Omit<BubbleMenuPluginProps, "editor" | "element" | "pluginKey">>;
+
+const TipTapBubbleMenu = ({
+    editor,
+    className,
+    children,
+    pluginKey = "inlineBubbleMenu",
+    updateDelay,
+    resizeDelay,
+    shouldShow,
+    appendTo,
+    getReferencedVirtualElement,
+    options,
+}: TipTapBubbleMenuProps): JSX.Element => {
+    const menuRef = useRef<HTMLDivElement | null>(null);
+
+    useEffect(() => {
+        const element = menuRef.current;
+
+        if (!editor || editor.isDestroyed || !element) {
+            return;
+        }
+
+        const plugin = BubbleMenuPlugin({
+            editor,
+            element,
+            pluginKey,
+            updateDelay,
+            resizeDelay,
+            shouldShow: shouldShow ?? null,
+            appendTo,
+            getReferencedVirtualElement,
+            options,
+        });
+
+        editor.registerPlugin(plugin);
+
+        return () => {
+            editor.unregisterPlugin(pluginKey);
+        };
+    }, [
+        editor,
+        pluginKey,
+        updateDelay,
+        resizeDelay,
+        shouldShow,
+        appendTo,
+        getReferencedVirtualElement,
+        options,
+    ]);
+
+    return (
+        <div
+            ref={menuRef}
+            className={className}
+            style={{ visibility: "hidden" }}
+        >
+            {children}
+        </div>
+    );
+};
+
 function InlineButton({
     icon: Icon,
     label,

packages/text-editor/src/Renderer/index.tsx

@@ -44,7 +44,9 @@ const Renderer = ({ json, fontFamily, className }: RendererProps) => {
 
         if (serializedContentRef.current !== nextSerialized) {
             serializedContentRef.current = nextSerialized;
-            editor.commands.setContent(json ?? emptyDoc, false);
+            editor.commands.setContent(json ?? emptyDoc, {
+                emitUpdate: false,
+            });
         }
     }, [editor, json]);
 

packages/text-editor/src/WysiwygEditor.tsx

@@ -123,14 +123,18 @@ const WysiwygEditor: WysiwygEditorType = Object.assign(
                 refreshRef.current = refresh;
                 hasInteractedRef.current = false;
                 lastSerializedContentRef.current = nextSerialized;
-                editor.commands.setContent(nextContent, false);
+                editor.commands.setContent(nextContent, {
+                    emitUpdate: false,
+                });
                 return;
             }
 
             if (!hasInteractedRef.current) {
                 if (lastSerializedContentRef.current !== nextSerialized) {
                     lastSerializedContentRef.current = nextSerialized;
-                    editor.commands.setContent(nextContent, false);
+                    editor.commands.setContent(nextContent, {
+                        emitUpdate: false,
+                    });
                 }
                 return;
             }

packages/text-editor/src/extensions.ts

@@ -1,10 +1,12 @@
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 import Link from "@tiptap/extension-link";
-import Table from "@tiptap/extension-table";
-import TableRow from "@tiptap/extension-table-row";
-import TableCell from "@tiptap/extension-table-cell";
-import TableHeader from "@tiptap/extension-table-header";
+import {
+    Table,
+    TableCell,
+    TableHeader,
+    TableRow,
+} from "@tiptap/extension-table";
 import Image from "@tiptap/extension-image";
 import Dropcursor from "@tiptap/extension-dropcursor";
 import Gapcursor from "@tiptap/extension-gapcursor";