rme 0.3.0-beta.3 → 0.3.0-beta.5

package/dist/index.d.ts

@@ -237,6 +237,12 @@ declare const createSourceCodeDelegate: (options?: CreateSourceCodeManagerOption
 
 declare const _default$1: react__default.NamedExoticComponent<EditorProps>;
 
+type ClipboardReadFunction = typeof clipboardRead;
+declare function clipboardRead(): Promise<{
+    html: string;
+    text: string;
+}>;
+
 interface AIOptions {
     defaultSelectProvider?: string;
     supportProviderInfosMap: Record<string, {
@@ -389,6 +395,7 @@ type ExtensionsOptions = {
     ai?: AIOptions;
     customCopyFunction?: CustomCopyFunction;
     overrideShortcutMap?: Record<string, string>;
+    clipboardReadFunction?: ClipboardReadFunction;
 };
 declare function extensions(options: ExtensionsOptions): any[];
 

package/dist/index.mjs

@@ -3433,6 +3433,33 @@ import { CountExtension } from "@rme-sdk/extension-count";
 import { corePreset } from "@rme-sdk/preset-core";
 import { ReactComponentExtension } from "@rme-sdk/react";
 
+// src/editor/utils/clipboard-read.ts
+function clipboardRead() {
+  return navigator.clipboard.read().then(async (data) => {
+    let html2 = "";
+    let text = "";
+    const htmlData = data.find((item) => item.types.includes("text/html"));
+    const textData = data.find((item) => item.types.includes("text/plain"));
+    const getHtml = async () => {
+      if (htmlData) {
+        const blob = await htmlData.getType("text/html");
+        html2 = await blob.text();
+      }
+    };
+    const getText = async () => {
+      if (textData) {
+        const blob = await textData.getType("text/plain");
+        text = await blob.text();
+      }
+    };
+    await Promise.all([getHtml(), getText()]);
+    return {
+      html: html2,
+      text
+    };
+  });
+}
+
 // src/editor/extensions/Ai/ai-extension.tsx
 import { extension, ExtensionTag, NodeExtension } from "@rme-sdk/core";
 import { TextSelection as TextSelection3 } from "@rme-sdk/pm/state";
@@ -3921,12 +3948,69 @@ var ClipboardExtension = class extends PlainExtension2 {
       },
       paste: () => {
         return (params) => {
-          if (params.tr.selection.empty) {
+          const { view } = params;
+          if (!view) return false;
+          const transformer = getTransformerByView(view);
+          const parser = transformer.stringToDoc;
+          const schema = view.state.schema;
+          const editable = view.props.editable?.(view.state);
+          if (!this.options.clipboardReadFunction) {
             return false;
           }
-          if (params.dispatch) {
-            document.execCommand("copy");
-          }
+          this.options.clipboardReadFunction().then(async (data) => {
+            let { html: html2, text } = data;
+            if (!editable || !html2 || !text) return false;
+            const currentNode = view.state.selection.$from.node();
+            if (currentNode.type.spec.code) return false;
+            if (html2.length === 0 && text.length === 0) return false;
+            console.log("html", html2);
+            console.log("text", text);
+            const domParser = DOMParser2.fromSchema(schema);
+            let dom;
+            if (html2.length === 0) {
+              const slice2 = parser?.(text);
+              if (!slice2 || typeof slice2 === "string") return false;
+              const res = [];
+              slice2.content.forEach((node2, index) => {
+                if (node2.type.name === "paragraph" && index === 0) {
+                  node2.content.forEach((child) => {
+                    res.push(child);
+                  });
+                } else {
+                  res.push(node2);
+                }
+              });
+              this.processImagesInNodesAsync(res, view);
+              if (res.length === 1) {
+                view.dispatch(view.state.tr.replaceSelectionWith(res[0], false));
+              } else {
+                const fragment = Fragment3.from(res);
+                view.dispatch(view.state.tr.replaceSelection(new Slice(fragment, 0, 0)));
+              }
+              return true;
+            } else {
+              const template = document.createElement("template");
+              template.innerHTML = html2;
+              dom = template.content.cloneNode(true);
+              template.remove();
+            }
+            const slice = domParser.parseSlice(dom);
+            const node = isTextOnlySlice(slice);
+            console.log("slice", slice, node);
+            if (node) {
+              if ((node.type.name === "html_image" || node.type.name === "md_image") && node.attrs.src) {
+                this.processImageNode(node, view);
+                view.dispatch(view.state.tr.replaceSelectionWith(node, true));
+              } else {
+                this.processMarkdownImageSyntax(node, view).then(() => {
+                  view.dispatch(view.state.tr.replaceSelectionWith(node, true));
+                });
+              }
+              return true;
+            }
+            this.processImagesInSliceAsync(slice, view);
+            view.dispatch(view.state.tr.replaceSelection(slice));
+          });
           return true;
         };
       },
@@ -10209,7 +10293,8 @@ function extensions(options) {
     handleViewImgSrcUrl,
     imageHostingHandler,
     imageCopyHandler,
-    customCopyFunction = defaultCopyFunction
+    customCopyFunction = defaultCopyFunction,
+    clipboardReadFunction = clipboardRead
   } = options;
   const res = [
     ...corePreset({ excludeExtensions: ["paragraph", "text"] }),
@@ -10264,7 +10349,8 @@ function extensions(options) {
       handleViewImgSrcUrl
     }),
     new ClipboardExtension({
-      imageCopyHandler
+      imageCopyHandler,
+      clipboardReadFunction
     }),
     new ReactComponentExtension({}),
     new DropCursorExtension({