@8btc/xcanvas 0.0.14-beta.4 → 0.0.14-beta.6

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
 import { Excalidraw, convertToExcalidrawElements, exportToCanvas } from "@8btc/excalidraw";
 import { useEffect } from "react";
-const version = "0.0.14-beta.4";
+const version = "0.0.14-beta.6";
 const packageJson = {
   version
 };
@@ -40,7 +40,7 @@ function CustomExcalidraw(props) {
 function fetchImageAsDataUrl(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
-    img.crossOrigin = "Anonymous";
+    img.crossOrigin = "anonymous";
     img.onload = () => {
       const canvas = document.createElement("canvas");
       canvas.width = img.naturalWidth;
@@ -178,11 +178,21 @@ function ApiFactory() {
         const els = excalidrawAPI.getSceneElements();
         const imgEls = els.filter((el) => el.type === "image");
         const idSet = /* @__PURE__ */ new Set();
+        const intersecitonEls = [];
         imgEls.forEach((it) => {
           idSet.add(it.fileId);
+          if (urls.includes(it.fileId)) {
+            intersecitonEls.push(it);
+          }
         });
         const newUrls = urls.filter((url) => !idSet.has(url));
-        await insertImgs(newUrls);
+        if (newUrls.length !== 0) {
+          await insertImgs(newUrls);
+        } else {
+          excalidrawAPI.scrollToContent(intersecitonEls, {
+            animate: els.length === 0 ? false : true
+          });
+        }
       },
       save: () => {
         const appState = excalidrawAPI.getAppState();
@@ -306,7 +316,6 @@ function ApiFactory() {
         }
         const files = excalidrawAPI.getFiles();
         if (selectedElements.length === 1 && selectedElements[0].type === "image" && selectedElements[0].fileId) {
-          console.log(files[selectedElements[0].fileId].dataURL);
           if (selectedElements[0].fileId.startsWith("http") || selectedElements[0].fileId.startsWith("/files")) {
             return selectedElements[0].fileId;
           }

package/dist/index.umd.cjs

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("jotai"), require("@8btc/excalidraw"), require("react")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "jotai", "@8btc/excalidraw", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.XCanvas = {}, global.jsxRuntime, global.Jotai, global.Excalidraw, global.React));
 })(this, (function(exports2, jsxRuntime, jotai, excalidraw, react) {
   "use strict";
-  const version = "0.0.14-beta.4";
+  const version = "0.0.14-beta.6";
   const packageJson = {
     version
   };
@@ -40,7 +40,7 @@
   function fetchImageAsDataUrl(src) {
     return new Promise((resolve, reject) => {
       const img = new Image();
-      img.crossOrigin = "Anonymous";
+      img.crossOrigin = "anonymous";
       img.onload = () => {
         const canvas = document.createElement("canvas");
         canvas.width = img.naturalWidth;
@@ -178,11 +178,21 @@
           const els = excalidrawAPI.getSceneElements();
           const imgEls = els.filter((el) => el.type === "image");
           const idSet = /* @__PURE__ */ new Set();
+          const intersecitonEls = [];
           imgEls.forEach((it) => {
             idSet.add(it.fileId);
+            if (urls.includes(it.fileId)) {
+              intersecitonEls.push(it);
+            }
           });
           const newUrls = urls.filter((url) => !idSet.has(url));
-          await insertImgs(newUrls);
+          if (newUrls.length !== 0) {
+            await insertImgs(newUrls);
+          } else {
+            excalidrawAPI.scrollToContent(intersecitonEls, {
+              animate: els.length === 0 ? false : true
+            });
+          }
         },
         save: () => {
           const appState = excalidrawAPI.getAppState();
@@ -306,7 +316,6 @@
           }
           const files = excalidrawAPI.getFiles();
           if (selectedElements.length === 1 && selectedElements[0].type === "image" && selectedElements[0].fileId) {
-            console.log(files[selectedElements[0].fileId].dataURL);
             if (selectedElements[0].fileId.startsWith("http") || selectedElements[0].fileId.startsWith("/files")) {
               return selectedElements[0].fileId;
             }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@8btc/xcanvas",
   "private": false,
-  "version": "0.0.14-beta.4",
+  "version": "0.0.14-beta.6",
   "type": "module",
   "main": "lib/index.js",
   "exports": {