feat(deps): updated prosemirror-view to 1.38.0 (#717)

Author: makhnatkin

package-lock.json

@@ -210,7 +210,7 @@
     "prosemirror-test-builder": "^1.1.1",
     "prosemirror-transform": "^1.10.2",
     "prosemirror-utils": "^1.2.2",
-    "prosemirror-view": "^1.37.2",
+    "prosemirror-view": "^1.38.0",
     "react-error-boundary": "^3.1.4",
     "react-hotkeys-hook": "4.5.0",
     "react-use": "^17.3.2",

package.json

@@ -7,7 +7,6 @@ import {type Logger2, globalLogger} from '../../../logger';
 import '../../../types/spec';
 import {tryCatch} from '../../../utils/helpers';
 import {isNodeSelection, isTextSelection, isWholeSelection} from '../../../utils/selection';
-import {serializeForClipboard} from '../../../utils/serialize-for-clipboard';
 import {BaseNode, pType} from '../../base/BaseSchema';
 
 import {isInsideCode} from './code';
@@ -244,7 +243,7 @@ function serializeSelected(view: EditorView, serializer: Serializer): SerializeR
 
     // FIXME: Verify and use Node instead of Fragment
     const markup = serializer.serialize(getCopyContent(view.state).content as any);
-    const {dom, text} = serializeForClipboard(view, sel.content());
+    const {dom, text} = view.serializeForClipboard(sel.content());
     return {markup, text, html: dom.innerHTML};
 }
 

src/extensions/behavior/Clipboard/clipboard.ts

@@ -1,18 +1,88 @@
-import type {Slice} from 'prosemirror-model';
+import {DOMSerializer, type Slice} from 'prosemirror-model';
 import type {EditorView} from 'prosemirror-view';
-import {__serializeForClipboard} from 'prosemirror-view';
 
-declare module 'prosemirror-view' {
-    type SerializeForClipboard = (
-        view: EditorView,
-        slice: Slice,
-    ) => {dom: HTMLElement; text: string};
+// Trick from jQuery -- some elements must be wrapped in other
+// elements for innerHTML to work. I.e. if you do `div.innerHTML =
+// "<td>..</td>"` the table cells are ignored.
+const wrapMap: {[node: string]: string[]} = {
+    thead: ['table'],
+    tbody: ['table'],
+    tfoot: ['table'],
+    caption: ['table'],
+    colgroup: ['table'],
+    col: ['table', 'colgroup'],
+    tr: ['table', 'tbody'],
+    td: ['table', 'tbody', 'tr'],
+    th: ['table', 'tbody', 'tr'],
+};
 
-    // internal export
-    export const __serializeForClipboard: SerializeForClipboard;
+let _detachedDoc: Document | null = null;
+function detachedDoc() {
+    // eslint-disable-next-line no-return-assign
+    return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument('title'));
 }
 
-if (!__serializeForClipboard)
-    throw new Error('__serializeForClipboard not exported from prosemirror-view module.');
+// MAJOR: remove serializeForClipboard
+/**
+ * @deprecated
+ * will be removed in next major version, use view.serializeForClipboard instead
+ */
+export function serializeForClipboard(view: EditorView, slice: Slice) {
+    view.someProp('transformCopied', (f) => {
+        slice = f(slice!, view);
+    });
 
-export {__serializeForClipboard as serializeForClipboard};
+    const context = [];
+    let {content, openStart, openEnd} = slice;
+
+    while (
+        openStart > 1 &&
+        openEnd > 1 &&
+        content.childCount == 1 &&
+        content.firstChild!.childCount == 1
+    ) {
+        openStart--;
+        openEnd--;
+        const node = content.firstChild!;
+        context.push(
+            node.type.name,
+            node.attrs != (node.type as any).defaultAttrs ? node.attrs : null,
+        );
+        content = node.content;
+    }
+
+    const serializer =
+        view.someProp('clipboardSerializer') || DOMSerializer.fromSchema(view.state.schema);
+    const doc = detachedDoc(),
+        wrap = doc.createElement('div');
+    wrap.appendChild(serializer.serializeFragment(content, {document: doc}));
+
+    let firstChild = wrap.firstChild,
+        needsWrap,
+        wrappers = 0;
+    while (
+        firstChild &&
+        firstChild.nodeType == 1 &&
+        (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])
+    ) {
+        for (let i = needsWrap.length - 1; i >= 0; i--) {
+            const wrapper = doc.createElement(needsWrap[i]);
+            while (wrap.firstChild) wrapper.appendChild(wrap.firstChild);
+            wrap.appendChild(wrapper);
+            wrappers++;
+        }
+        firstChild = wrap.firstChild;
+    }
+
+    if (firstChild && firstChild.nodeType == 1)
+        (firstChild as HTMLElement).setAttribute(
+            'data-pm-slice',
+            `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ''} ${JSON.stringify(context)}`,
+        );
+
+    const text =
+        view.someProp('clipboardTextSerializer', (f) => f(slice, view)) ||
+        slice.content.textBetween(0, slice.content.size, '\n\n');
+
+    return {dom: wrap, text, slice};
+}