@myoc/excalidraw 0.18.12 → 0.18.14

package/dist/dev/data/{image-ZQGM5FUR.js → image-5CKNIDBA.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-MF2N5437.js";
-import "../chunk-NRI6YOHF.js";
+} from "../chunk-BVQKKPYJ.js";
+import "../chunk-4MUT22YZ.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-ZQGM5FUR.js.map
+//# sourceMappingURL=image-5CKNIDBA.js.map

package/dist/dev/index.js

@@ -56,6 +56,7 @@ import {
   DEFAULT_FONT_SIZE,
   DEFAULT_GRID_SIZE,
   DEFAULT_LASER_COLOR,
+  DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT,
   DEFAULT_REDUCED_GLOBAL_ALPHA,
   DEFAULT_SIDEBAR,
   DEFAULT_TEXT_ALIGN,
@@ -617,10 +618,10 @@ import {
   wrapEvent,
   wrapText,
   zoomAreaIcon
-} from "./chunk-MF2N5437.js";
+} from "./chunk-BVQKKPYJ.js";
 import {
   define_import_meta_env_default
-} from "./chunk-NRI6YOHF.js";
+} from "./chunk-4MUT22YZ.js";
 import {
   en_default
 } from "./chunk-PEI7EPYO.js";
@@ -10906,7 +10907,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-ZQGM5FUR.js").then(
+        (blob2) => import("./data/image-5CKNIDBA.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -34113,6 +34114,19 @@ var App = class _App extends React42.Component {
       }
       const existingFileData = this.files[fileId];
       if (!existingFileData?.dataURL) {
+        const sizeLimitInKBs = this.state.dontResizeLimitMBs * 1024 * 1024;
+        if (imageFile.size >= sizeLimitInKBs) {
+          try {
+            imageFile = await resizeImageFile(imageFile, {
+              maxWidthOrHeight: DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT
+            });
+          } catch (error) {
+            console.error(
+              "Error trying to resizing image file on insertion",
+              error
+            );
+          }
+        }
         if (imageFile.size > MAX_ALLOWED_FILE_BYTES) {
           throw new Error(
             t("errors.fileTooBig", {
@@ -35114,7 +35128,8 @@ var App = class _App extends React42.Component {
       objectsSnapModeEnabled = false,
       theme = defaultAppState.theme,
       name = `${t("labels.untitled")}-${getDateTime()}`,
-      wheelZoomsOnDefault = false
+      wheelZoomsOnDefault = false,
+      dontResizeLimitMBs
     } = props;
     this.state = {
       ...defaultAppState,
@@ -35128,7 +35143,8 @@ var App = class _App extends React42.Component {
       name,
       width: window.innerWidth,
       height: window.innerHeight,
-      wheelZoomsOnDefault
+      wheelZoomsOnDefault,
+      dontResizeLimitMBs
     };
     this.id = nanoid();
     this.library = new library_default(this);
@@ -38739,6 +38755,7 @@ var ExcalidrawBase = (props) => {
     renderEmbeddable,
     showDeprecatedFonts,
     wheelZoomsOnDefault,
+    dontResizeLimitMBs,
     strokeColorTopPicks,
     backgroundColorTopPicks,
     renderScrollbars
@@ -38812,6 +38829,7 @@ var ExcalidrawBase = (props) => {
       aiEnabled: false,
       showDeprecatedFonts,
       wheelZoomsOnDefault,
+      dontResizeLimitMBs,
       strokeColorTopPicks,
       backgroundColorTopPicks,
       renderScrollbars,