fix: upgrade prosemirror view and use correct clipboard import (#1431)

Author: YousefED

package-lock.json

@@ -85,7 +85,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-tables": "^1.6.1",
     "prosemirror-transform": "^1.10.2",
-    "prosemirror-view": "^1.33.7",
+    "prosemirror-view": "^1.38.0",
     "rehype-format": "^5.0.0",
     "rehype-parse": "^8.0.4",
     "rehype-remark": "^9.1.2",

packages/core/package.json

@@ -129,8 +129,7 @@ export function selectedFragmentToHTML<
   }
 
   // Uses default ProseMirror clipboard serialization.
-  const clipboardHTML: string = (pmView as any).__serializeForClipboard(
-    view,
+  const clipboardHTML: string = view.serializeForClipboard(
     view.state.selection.content()
   ).dom.innerHTML;
 

packages/core/src/api/clipboard/toClipboard/copyExtension.ts

@@ -5,6 +5,7 @@ import { TableRow } from "@tiptap/extension-table-row";
 import { Node as PMNode } from "prosemirror-model";
 import { TableView } from "prosemirror-tables";
 
+import { NodeView } from "prosemirror-view";
 import {
   createBlockSpecFromStronglyTypedTiptapNode,
   createStronglyTypedTiptapNode,
@@ -101,7 +102,7 @@ export const TableBlockContent = createStronglyTypedTiptapNode({
       return new BlockNoteTableView(node, EMPTY_CELL_WIDTH, {
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
-      });
+      }) as NodeView;
     };
   },
 });

packages/core/src/blocks/TableBlockContent/TableBlockContent.ts

@@ -1,6 +1,5 @@
 import { Node } from "prosemirror-model";
 import { NodeSelection, Selection } from "prosemirror-state";
-import * as pmView from "prosemirror-view";
 import { EditorView } from "prosemirror-view";
 
 import { createExternalHTMLExporter } from "../../api/exporters/html/externalHTMLExporter.js";
@@ -184,10 +183,8 @@ export function dragStart<
     const selectedSlice = view.state.selection.content();
     const schema = editor.pmSchema;
 
-    const clipboardHTML = (pmView as any).__serializeForClipboard(
-      view,
-      selectedSlice
-    ).dom.innerHTML;
+    const clipboardHTML =
+      view.serializeForClipboard(selectedSlice).dom.innerHTML;
 
     const externalHTMLExporter = createExternalHTMLExporter(schema, editor);
 

packages/core/src/extensions/SideMenu/dragging.ts

@@ -20,7 +20,6 @@ import {
   wrapInBlockStructure,
 } from "@blocknote/core";
 import {
-  NodeView,
   NodeViewProps,
   NodeViewWrapper,
   ReactNodeViewRenderer,
@@ -192,7 +191,7 @@ export function createReactBlockSpec<
           {
             className: "bn-react-node-view-renderer",
           }
-        )(props) as NodeView<any>;
+        )(props);
 
         if (blockConfig.isSelectable === false) {
           applyNonSelectableBlockFix(nodeView, this.editor);

packages/react/src/schema/ReactBlockSpec.tsx

@@ -52,7 +52,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-tables": "^1.3.7",
     "prosemirror-transform": "^1.9.0",
-    "prosemirror-view": "^1.33.7",
+    "prosemirror-view": "^1.38.0",
     "react-icons": "^5.2.1"
   },
   "devDependencies": {