@myoc/excalidraw 0.19.520 → 0.19.521

package/CHANGELOG.md

@@ -4926,4 +4926,57 @@ First release of `@excalidraw/excalidraw`## Excalidraw Library
 - Incorrect import for color (was moved to common)
 
 ---
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add ability to turn off compression for files that are smaller than a given size
+
+- Add lock tool to the dropdown and also add the status of the extra tools to be the same icon as the selected tool
+
+- Add view mode button
+
+- Add multiple image copy paste or drag and drop
+
+- Multiple image additions from clipboard
+
+- Add arrange elements action
+
+- Add top picks to appProps for both stoke color and background color
+
+### Fixes
+
+- Issues
+
+- Make mobile mode more myoc looking
+
+- Add normalise functionality
+
+- Update with excalidraw
+
+- Fix imports
+
+- Fix mutateGroup to use scene.mutateGroup
+
+- Imports
+
+- Ensure that fileId is different for compressed vs uncompressed file
+
+- Remove not working prop for dontResizeLimitMBs
+
+- Add smartview for mobile
+
+- Hide the alignment buttons if there is only one group selected (they do nothing if only one group is selected)
+
+- Use css vars already provided instead of hard coding directly from oc-gray
+
+- Remove unused variables
+
+- Pass the new top pick color props properly
+
+- Incorrect import for color (was moved to common)
+
+---
 

package/dist/dev/{chunk-FQHULQ5P.js → chunk-MN6E45MP.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-SJJUXTTF.js";
+} from "./chunk-P7I4FGOG.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5156,7 +5156,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-X3JCQEUX.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-ZYGVHYLC.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5518,4 +5518,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-FQHULQ5P.js.map
+//# sourceMappingURL=chunk-MN6E45MP.js.map

package/dist/dev/{chunk-SJJUXTTF.js → chunk-P7I4FGOG.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@myoc/excalidraw", PKG_VERSION: "0.19.519", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@myoc/excalidraw", PKG_VERSION: "0.19.520", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-SJJUXTTF.js.map
+//# sourceMappingURL=chunk-P7I4FGOG.js.map

package/dist/dev/data/{image-X3JCQEUX.js → image-ZYGVHYLC.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-FQHULQ5P.js";
-import "../chunk-SJJUXTTF.js";
+} from "../chunk-MN6E45MP.js";
+import "../chunk-P7I4FGOG.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-X3JCQEUX.js.map
+//# sourceMappingURL=image-ZYGVHYLC.js.map

package/dist/dev/index.js

@@ -58,10 +58,10 @@ import {
   saveAsJSON,
   serializeAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-FQHULQ5P.js";
+} from "./chunk-MN6E45MP.js";
 import {
   define_import_meta_env_default
-} from "./chunk-SJJUXTTF.js";
+} from "./chunk-P7I4FGOG.js";
 import {
   en_default
 } from "./chunk-IU2VFRFU.js";
@@ -9558,6 +9558,133 @@ var getDataTransferFiles = function() {
     (item) => item.kind === "file"
   );
 };
+var captureDragEventData = (event) => {
+  const dataTransfer = isClipboardEvent(event) ? event.clipboardData : event.dataTransfer;
+  const types = Array.from(dataTransfer?.types ?? []);
+  const dataTypes = Array.from(
+    /* @__PURE__ */ new Set([
+      ...types.filter((type) => type !== "Files"),
+      MIME_TYPES2.text,
+      MIME_TYPES2.html,
+      "text/uri-list",
+      "public.url",
+      "public.plain-text",
+      "text/x-moz-url"
+    ])
+  );
+  const data = {};
+  for (const type of dataTypes) {
+    try {
+      const value = dataTransfer?.getData(type);
+      if (value) {
+        data[type] = value;
+      }
+    } catch {
+    }
+  }
+  return {
+    items: Array.from(dataTransfer?.items ?? []).map((item) => ({
+      kind: item.kind,
+      type: item.type
+    })),
+    files: Array.from(dataTransfer?.files ?? []).map((file2) => ({
+      name: file2.name,
+      type: file2.type,
+      size: file2.size,
+      lastModified: file2.lastModified
+    })),
+    types,
+    data
+  };
+};
+var getParsedRawDragItems = (dataTransferList) => dataTransferList.map((item) => {
+  if (item.kind === "string") {
+    return {
+      kind: item.kind,
+      type: item.type,
+      value: item.value
+    };
+  }
+  return {
+    kind: item.kind,
+    type: item.type,
+    file: {
+      name: item.file.name,
+      type: item.file.type,
+      size: item.file.size,
+      lastModified: item.file.lastModified
+    }
+  };
+});
+var parseDragImageMetadata = (dataTransferList, imageCount, dragDataSnapshot) => {
+  const htmlImageSources = [];
+  const textImageSources = [];
+  const imageAlts = [];
+  const pushUnique = (values, value) => {
+    const trimmedValue = value?.trim();
+    if (trimmedValue && !values.includes(trimmedValue)) {
+      values.push(trimmedValue);
+    }
+  };
+  const pushUriList = (values, value) => {
+    value.split(/\r?\n/).map((line) => line.trim()).filter((line) => line && !line.startsWith("#")).forEach((line) => pushUnique(values, line));
+  };
+  dataTransferList.forEach((item) => {
+    if (item.kind !== "string") {
+      return;
+    }
+    if (item.type === MIME_TYPES2.html) {
+      try {
+        const doc = new DOMParser().parseFromString(item.value, MIME_TYPES2.html);
+        for (const img of Array.from(doc.body.querySelectorAll("img"))) {
+          pushUnique(htmlImageSources, img.getAttribute("src"));
+          pushUnique(imageAlts, img.getAttribute("alt"));
+        }
+      } catch {
+      }
+    } else if (item.type === MIME_TYPES2.text) {
+      pushUnique(textImageSources, item.value);
+    } else if (item.type === "text/uri-list") {
+      pushUriList(textImageSources, item.value);
+    }
+  });
+  const imageSources = [
+    ...htmlImageSources,
+    ...textImageSources.filter((src) => !htmlImageSources.includes(src))
+  ];
+  const imageDetails = Array.from(
+    { length: imageCount },
+    () => ({})
+  );
+  const rawDragData = {
+    ...dragDataSnapshot ?? {
+      items: [],
+      files: [],
+      types: [],
+      data: {}
+    },
+    parsedItems: getParsedRawDragItems(dataTransferList)
+  };
+  imageDetails.forEach((detail, index) => {
+    const source = imageSources[index];
+    const alt = imageAlts[index];
+    if (source) {
+      detail.src = source;
+    }
+    if (alt) {
+      detail.alt = alt;
+    }
+    detail.rawDragData = rawDragData;
+  });
+  const additionalUrls = imageSources.slice(imageDetails.length);
+  const firstImageDetails = imageDetails[0];
+  if (firstImageDetails && additionalUrls.length > 0) {
+    additionalUrls.forEach((url, index) => {
+      firstImageDetails[`additionalUrl${index + 1}`] = url;
+    });
+  }
+  return imageDetails;
+};
 var parseDataTransferEventMimeTypes = (event) => {
   let items = void 0;
   if (isClipboardEvent(event)) {
@@ -9823,7 +9950,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-X3JCQEUX.js").then(
+        (blob2) => import("./data/image-ZYGVHYLC.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -37170,6 +37297,7 @@ var App = class _App extends React40.Component {
       });
     });
     __publicField(this, "handleAppOnDrop", async (event) => {
+      const dragDataSnapshot = captureDragEventData(event);
       const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords3(
         event,
         this.state
@@ -37206,65 +37334,14 @@ var App = class _App extends React40.Component {
       const imageFiles = fileItems.map((data) => data.file).filter((file2) => isSupportedImageFile(file2));
       if (imageFiles.length > 0) {
         if (this.isToolSupported("image")) {
-          const parseDroppedImageDetails = () => {
-            const htmlImageSources = [];
-            const textImageSources = [];
-            const imageAlts = [];
-            const pushUnique = (values, value) => {
-              const trimmedValue = value?.trim();
-              if (trimmedValue && !values.includes(trimmedValue)) {
-                values.push(trimmedValue);
-              }
-            };
-            dataTransferList.forEach((item) => {
-              if (item.kind !== "string") {
-                return;
-              }
-              if (item.type === MIME_TYPES8.html) {
-                try {
-                  const doc = new DOMParser().parseFromString(
-                    item.value,
-                    MIME_TYPES8.html
-                  );
-                  for (const img of Array.from(
-                    doc.body.querySelectorAll("img")
-                  )) {
-                    pushUnique(htmlImageSources, img.getAttribute("src"));
-                    pushUnique(imageAlts, img.getAttribute("alt"));
-                  }
-                } catch {
-                }
-              } else if (item.type === MIME_TYPES8.text) {
-                pushUnique(textImageSources, item.value);
-              }
-            });
-            const imageSources = [
-              ...htmlImageSources,
-              ...textImageSources.filter(
-                (src) => !htmlImageSources.includes(src)
-              )
-            ];
-            const imageDetails = imageFiles.map(() => ({}));
-            imageDetails.forEach((detail, index) => {
-              const source = imageSources[index];
-              const alt = imageAlts[index];
-              if (source) {
-                detail.src = source;
-              }
-              if (alt) {
-                detail.alt = alt;
-              }
-            });
-            const additionalUrls = imageSources.slice(imageDetails.length);
-            const firstImageDetails = imageDetails[0];
-            if (firstImageDetails && additionalUrls.length > 0) {
-              additionalUrls.forEach((url, index) => {
-                firstImageDetails[`additionalUrl${index + 1}`] = url;
-              });
-            }
-            return imageDetails;
-          };
-          const droppedImageDetails = parseDroppedImageDetails();
+          const droppedImageDetails = parseDragImageMetadata(
+            dataTransferList,
+            imageFiles.length,
+            dragDataSnapshot
+          );
+          if (this.props.showDropEventDebugAlert) {
+            alert(`${JSON.stringify(droppedImageDetails)}`);
+          }
           return this.insertImages(
             imageFiles.map((file2, index) => ({
               file: file2,
@@ -42230,7 +42307,8 @@ var ExcalidrawBase = (props) => {
     strokeColorTopPicks,
     backgroundColorTopPicks,
     renderScrollbars,
-    imageOptions
+    imageOptions,
+    showDropEventDebugAlert
   } = props;
   const canvasActions = props.UIOptions?.canvasActions;
   const UIOptions = {
@@ -42329,6 +42407,7 @@ var ExcalidrawBase = (props) => {
       backgroundColorTopPicks,
       renderScrollbars,
       imageOptions: normalizedImageOptions,
+      showDropEventDebugAlert,
       children
     }
   ) }) });
@@ -42403,6 +42482,7 @@ export {
   WelcomeScreen_default as WelcomeScreen,
   applyDarkModeFilter5 as applyDarkModeFilter,
   bumpVersion3 as bumpVersion,
+  captureDragEventData,
   convertToExcalidrawElements2 as convertToExcalidrawElements,
   defaultLang,
   elementsOverlappingBBox3 as elementsOverlappingBBox,
@@ -42429,6 +42509,8 @@ export {
   mutateElement7 as mutateElement,
   newElementWith11 as newElementWith,
   normalizeLink4 as normalizeLink,
+  parseDataTransferEvent,
+  parseDragImageMetadata,
   reconcileElements,
   renderSpreadsheet,
   restoreAppState,