@myoc/excalidraw 0.19.543 → 0.19.544

package/dist/dev/data/{image-MKDSIQJM.js → image-AIHWJUYD.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-6OYO4QVO.js";
-import "../chunk-VQRWPJBP.js";
+} from "../chunk-DPY7NUSG.js";
+import "../chunk-AKYL2SH7.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-MKDSIQJM.js.map
+//# sourceMappingURL=image-AIHWJUYD.js.map

package/dist/dev/index.js

@@ -14,6 +14,7 @@ import {
   canvasToBlob,
   constrainScrollState,
   createFile,
+  dataURLToFile,
   dataURLToString,
   encodePngMetadata,
   exportToCanvas,
@@ -64,10 +65,10 @@ import {
   serializeAsJSON,
   strokeRectWithRotation_simple,
   zoomToFitBounds
-} from "./chunk-6OYO4QVO.js";
+} from "./chunk-DPY7NUSG.js";
 import {
   define_import_meta_env_default
-} from "./chunk-VQRWPJBP.js";
+} from "./chunk-AKYL2SH7.js";
 import {
   en_default
 } from "./chunk-35XUJXYN.js";
@@ -10337,9 +10338,11 @@ import {
   isInitializedImageElement
 } from "@excalidraw/element";
 import { getContainingFrame } from "@excalidraw/element";
+var WEB_EXCALIDRAW_CLIPBOARD_MIME_TYPE = `web ${MIME_TYPES2.excalidrawClipboard}`;
 var probablySupportsClipboardReadText = "clipboard" in navigator && "readText" in navigator.clipboard;
 var probablySupportsClipboardWriteText = "clipboard" in navigator && "writeText" in navigator.clipboard;
 var probablySupportsClipboardBlob = "clipboard" in navigator && "write" in navigator.clipboard && "ClipboardItem" in window && "toBlob" in HTMLCanvasElement.prototype;
+var supportsClipboardBlob = () => "clipboard" in navigator && "write" in navigator.clipboard && "ClipboardItem" in window && "toBlob" in HTMLCanvasElement.prototype;
 var clipboardContainsElements = (contents) => {
   if ([
     EXPORT_DATA_TYPES.excalidraw,
@@ -10436,6 +10439,37 @@ var serializeAsClipboardJSON = ({
 };
 var copyToClipboard = async (elements, files, clipboardEvent) => {
   const json = serializeAsClipboardJSON({ elements, files });
+  const imageFile = elements.length === 1 && isInitializedImageElement(elements[0]) ? files?.[elements[0].fileId] : null;
+  const clipboardFile = imageFile && isSupportedImageFileType(imageFile.mimeType) && imageFile.dataURL ? dataURLToFile(imageFile.dataURL, imageFile.fileName) : null;
+  if (clipboardFile) {
+    if (supportsClipboardBlob()) {
+      try {
+        await navigator.clipboard.write([
+          new ClipboardItem({
+            [WEB_EXCALIDRAW_CLIPBOARD_MIME_TYPE]: new Blob([json], {
+              type: MIME_TYPES2.excalidrawClipboard
+            }),
+            [clipboardFile.type]: clipboardFile
+          })
+        ]);
+        return;
+      } catch (error) {
+        console.error("Error copying image with ClipboardItem", error);
+      }
+    }
+    if (clipboardEvent?.clipboardData?.items) {
+      try {
+        clipboardEvent.clipboardData.items.add(clipboardFile);
+        await copyTextToSystemClipboard(
+          { [MIME_TYPES2.excalidrawClipboard]: json },
+          clipboardEvent
+        );
+        return;
+      } catch (error) {
+        console.error("Error copying image to clipboard event", error);
+      }
+    }
+  }
   await copyTextToSystemClipboard(
     {
       [MIME_TYPES2.excalidrawClipboard]: json,
@@ -10511,11 +10545,21 @@ var readSystemClipboard = async () => {
   }
   for (const item of clipboardItems) {
     for (const type of item.types) {
+      if (type === WEB_EXCALIDRAW_CLIPBOARD_MIME_TYPE) {
+        try {
+          types[MIME_TYPES2.excalidrawClipboard] = await (await item.getType(type)).text();
+        } catch (error) {
+          console.warn(
+            `Cannot retrieve ${type} from clipboardItem: ${error.message}`
+          );
+        }
+        continue;
+      }
       if (!isMemberOf(ALLOWED_PASTE_MIME_TYPES, type)) {
         continue;
       }
       try {
-        if (type === MIME_TYPES2.text || type === MIME_TYPES2.html) {
+        if (type === MIME_TYPES2.text || type === MIME_TYPES2.html || type === MIME_TYPES2.excalidrawClipboard) {
           types[type] = await (await item.getType(type)).text();
         } else if (isSupportedImageFileType(type)) {
           const imageBlob = await item.getType(type);
@@ -10764,10 +10808,10 @@ var parseDataTransferEvent = async (event) => {
   });
 };
 var parseClipboard = async (dataList, isPlainPaste = false) => {
-  const parsedEventData = await parseClipboardEventTextData(
-    dataList,
-    isPlainPaste
+  const excalidrawClipboardData = dataList.getData(
+    MIME_TYPES2.excalidrawClipboard
   );
+  const parsedEventData = excalidrawClipboardData ? { type: "text", value: excalidrawClipboardData } : await parseClipboardEventTextData(dataList, isPlainPaste);
   if (parsedEventData.type === "mixedContent") {
     return {
       mixedContent: parsedEventData.value
@@ -10970,7 +11014,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-MKDSIQJM.js").then(
+        (blob2) => import("./data/image-AIHWJUYD.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -37559,9 +37603,30 @@ var App = class _App extends React41.Component {
         if (event && (!(elementUnderCursor instanceof HTMLCanvasElement) || isWritableElement4(target))) {
           return;
         }
-        const dataTransferList = await parseDataTransferEvent(event);
-        const filesList = dataTransferList.getFiles();
-        const data = await parseClipboard(dataTransferList, isPlainPaste);
+        let dataTransferList = await parseDataTransferEvent(event);
+        let filesList = dataTransferList.getFiles();
+        let data = await parseClipboard(dataTransferList, isPlainPaste);
+        if (!data.elements && filesList.length > 0 && !isPlainPaste) {
+          try {
+            const systemClipboard = await readSystemClipboard();
+            const excalidrawJSON = systemClipboard[MIME_TYPES11.excalidrawClipboard];
+            if (typeof excalidrawJSON === "string") {
+              dataTransferList = await parseDataTransferEvent(
+                createPasteEvent({
+                  types: {
+                    [MIME_TYPES11.excalidrawClipboard]: excalidrawJSON
+                  }
+                })
+              );
+              filesList = dataTransferList.getFiles();
+              data = await parseClipboard(dataTransferList, isPlainPaste);
+            }
+          } catch (error) {
+            console.warn(
+              `Could not read editable image clipboard data: ${error.message}`
+            );
+          }
+        }
         if (this.state.viewModeEnabled) {
           if (!this.containsImagePaste(data, filesList, isPlainPaste)) {
             return;
@@ -44062,6 +44127,19 @@ var App = class _App extends React41.Component {
         return;
       }
     }
+    if (data.elements) {
+      const elements = data.programmaticAPI ? convertToExcalidrawElements(
+        data.elements
+      ) : data.elements;
+      this.addElementsFromPasteOrLibrary({
+        elements,
+        files: data.files || null,
+        position: this.editorInterface.formFactor === "desktop" ? "cursor" : "center",
+        retainSeed: isPlainPaste,
+        preserveFrameChildrenOrder: true
+      });
+      return;
+    }
     const imageFiles = dataTransferFiles.map((data2) => data2.file);
     if (imageFiles.length === 0 && data.text && !isPlainPaste) {
       const trimmedText = data.text.trim();
@@ -44077,19 +44155,6 @@ var App = class _App extends React41.Component {
       }
       return;
     }
-    if (data.elements) {
-      const elements = data.programmaticAPI ? convertToExcalidrawElements(
-        data.elements
-      ) : data.elements;
-      this.addElementsFromPasteOrLibrary({
-        elements,
-        files: data.files || null,
-        position: this.editorInterface.formFactor === "desktop" ? "cursor" : "center",
-        retainSeed: isPlainPaste,
-        preserveFrameChildrenOrder: true
-      });
-      return;
-    }
     if (!data.text) {
       return;
     }