fix: handle SuperDoc context-menu paste

Author: caio-pizzol

packages/super-editor/src/editors/v1/core/InputRule.js

@@ -647,13 +647,32 @@ export function sanitizeHtml(html, forbiddenTags = ['meta', 'svg', 'script', 'st
  * @returns {Boolean}               Whether the paste was handled.
  */
 export function handleClipboardPaste({ editor, view }, html, plainText) {
+  const rawHtml = html || '';
+  const isSuperdocHtml = isSuperdocOriginClipboardHtml(rawHtml);
+  const embeddedBodySectPr = isSuperdocHtml ? extractBodySectPrFromHtml(rawHtml) : null;
+  let pasteHtml = rawHtml;
+
+  let superdocSliceData = extractSliceFromHtml(rawHtml);
+  if (superdocSliceData) {
+    superdocSliceData = applySuperdocClipboardMedia(editor, null, superdocSliceData);
+    try {
+      if (handleSuperdocSlicePaste(superdocSliceData, editor, view, embeddedBodySectPr)) return true;
+    } catch (err) {
+      console.warn('Failed to paste SuperDoc slice, falling back to HTML:', err);
+    }
+  }
+
+  if (isSuperdocHtml) {
+    pasteHtml = stripSliceFromHtml(rawHtml);
+  }
+
   let source;
 
-  if (!html) {
+  if (!pasteHtml) {
     source = 'plain-text';
-  } else if (isWordHtml(html)) {
+  } else if (isWordHtml(pasteHtml)) {
     source = 'word-html';
-  } else if (isGoogleDocsHtml(html)) {
+  } else if (isGoogleDocsHtml(pasteHtml)) {
     source = 'google-docs';
   } else {
     source = 'browser-html';
@@ -667,15 +686,15 @@ export function handleClipboardPaste({ editor, view }, html, plainText) {
       return handlePlainTextUrlPaste(editor, view, plainText, detected);
     }
     case 'word-html':
-      if (editor.options.mode === 'docx' && !isSuperdocOriginClipboardHtml(html)) {
-        return handleDocxPaste(html, editor, view);
+      if (editor.options.mode === 'docx' && !isSuperdocHtml) {
+        return handleDocxPaste(pasteHtml, editor, view);
       }
-      return handleHtmlPaste(html, editor);
+      return handleHtmlPaste(pasteHtml, editor);
     case 'google-docs':
-      return handleGoogleDocsHtml(html, editor, view);
+      return handleGoogleDocsHtml(pasteHtml, editor, view);
     // falls through to browser-html handling when not in DOCX mode
     case 'browser-html':
-      return handleHtmlPaste(html, editor);
+      return handleHtmlPaste(pasteHtml, editor);
   }
 
   return false;

packages/super-editor/src/editors/v1/core/InputRule.test.js

@@ -32,6 +32,7 @@ import {
   isWordHtml,
   isSuperdocOriginClipboardHtml,
 } from './InputRule.js';
+import { embedSliceInHtml } from './helpers/superdocClipboardSlice.js';
 
 const createEditorContext = (initialDoc) => {
   const baseState = EditorState.create({ schema, doc: initialDoc });
@@ -179,6 +180,21 @@ describe('InputRule helpers', () => {
     expect(handled).toBe(true);
   });
 
+  it('pastes embedded SuperDoc slice data before falling back to hidden slice HTML', () => {
+    const { editor, view } = createEditorContext(doc(p('Base')));
+    const sourceDoc = doc(p('Slice content'));
+    const sliceJson = JSON.stringify(sourceDoc.slice(0, sourceDoc.content.size).toJSON());
+    const html = embedSliceInHtml('<p>Visible fallback</p>', sliceJson);
+
+    const handled = handleClipboardPaste({ editor, view }, html, 'Slice content');
+
+    const text = view.state.doc.textContent;
+    expect(handled).toBe(true);
+    expect(text).toContain('Slice content');
+    expect(text).not.toContain('Visible fallback');
+    expect(text).not.toMatch(/eyJ[A-Za-z0-9+/=]{20,}/);
+  });
+
   it('falls back to browser HTML handling for Word HTML outside docx mode', () => {
     const { editor } = createEditorContext(doc(p('Base')));
     const html = '<meta name="Generator" content="Microsoft Word"><p>Content</p>';