fix(wysiwyg): fix pasting empty text into code and from code editor (#820)

Author: d3m1d0v

src/extensions/behavior/Clipboard/code.ts

@@ -1,7 +1,7 @@
 import dd from 'ts-dedent';
 
 import {getLoggerFromState} from '#core';
-import type {Mark} from '#pm/model';
+import {Fragment, type Mark} from '#pm/model';
 import {type EditorState, Plugin} from '#pm/state';
 
 import {DataTransferType, isFilesOnly, isIosSafariShare} from './utils';
@@ -70,17 +70,17 @@ export const handlePasteIntoCodePlugin = () => {
                     getLoggerFromState(state).event({
                         codeType,
                         dataFormat,
+                        empty: !text,
                         domEvent: 'paste',
                         event: 'paste-into-code',
                         dataTypes: clipboardData.types,
                     });
 
                     event.preventDefault();
-                    dispatch(
-                        state.tr
-                            .replaceSelectionWith(state.schema.text(text), true)
-                            .scrollIntoView(),
-                    );
+                    const {tr} = state;
+                    if (text) tr.replaceSelectionWith(state.schema.text(text), true);
+                    else tr.replaceWith(tr.selection.from, tr.selection.to, Fragment.empty);
+                    dispatch(tr.scrollIntoView());
 
                     return true;
                 },

src/extensions/markdown/CodeBlock/handle-paste.ts

@@ -1,6 +1,9 @@
-import type {EditorProps} from 'prosemirror-view';
+import dd from 'ts-dedent';
 
-import {DataTransferType, isVSCode, tryParseVSCodeData} from '../../../utils/clipboard';
+import {getLoggerFromState} from '#core';
+import {Fragment} from '#pm/model';
+import type {EditorProps} from '#pm/view';
+import {DataTransferType, isVSCode, tryParseVSCodeData} from 'src/utils/clipboard';
 
 import {CodeBlockNodeAttr} from './CodeBlockSpecs';
 import {codeBlockType} from './const';
@@ -9,13 +12,26 @@ export const handlePaste: NonNullable<EditorProps['handlePaste']> = (view, e) =>
     if (!e.clipboardData || view.state.selection.$from.parent.type.spec.code) return false;
     const code = getCodeData(e.clipboardData);
     if (!code) return false;
-    let tr = view.state.tr;
-    const {schema} = tr.doc.type;
-    const codeBlockNode = codeBlockType(schema).create(
-        {[CodeBlockNodeAttr.Lang]: code.mode},
-        schema.text(code.value),
-    );
-    tr = tr.replaceSelectionWith(codeBlockNode);
+
+    getLoggerFromState(view.state).event({
+        domEvent: 'paste',
+        event: 'paste-from-code-editor',
+        editor: code.editor,
+        editorMode: code.mode,
+        empty: !code.value,
+        dataTypes: e.clipboardData.types,
+    });
+
+    const {tr, schema} = view.state;
+    if (code.value) {
+        const codeBlockNode = codeBlockType(schema).create(
+            {[CodeBlockNodeAttr.Lang]: code.mode},
+            schema.text(code.value),
+        );
+        tr.replaceSelectionWith(codeBlockNode);
+    } else {
+        tr.replaceWith(tr.selection.from, tr.selection.to, Fragment.empty);
+    }
     view.dispatch(tr.scrollIntoView());
     return true;
 };
@@ -30,7 +46,7 @@ function getCodeData(data: DataTransfer): null | {editor: string; mode?: string;
             mode = tryParseVSCodeData(data)?.mode;
         } else return null;
 
-        return {editor, mode, value: data.getData(DataTransferType.Text)};
+        return {editor, mode, value: dd(data.getData(DataTransferType.Text))};
     }
     return null;
 }