@myoc/excalidraw 0.19.504 → 0.19.505

package/CHANGELOG.md

@@ -3964,4 +3964,110 @@ First release of `@excalidraw/excalidraw`## Excalidraw Library
 
 - Docker compose version removed [#10074](https://github.com/excalidraw/excalidraw/pull/10074)
 
+---## 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)
+
 ---
+## 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-Z5DMFRJ5.js → chunk-D5OSJVKD.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-OF725VHI.js";
+} from "./chunk-KCN2IL3S.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5078,7 +5078,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-ZR5DXOGS.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-KFKBCMAI.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5511,4 +5511,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-Z5DMFRJ5.js.map
+//# sourceMappingURL=chunk-D5OSJVKD.js.map

package/dist/dev/{chunk-OF725VHI.js → chunk-KCN2IL3S.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.503", 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.505", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-OF725VHI.js.map
+//# sourceMappingURL=chunk-KCN2IL3S.js.map

package/dist/dev/data/{image-ZR5DXOGS.js → image-KFKBCMAI.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-Z5DMFRJ5.js";
-import "../chunk-OF725VHI.js";
+} from "../chunk-D5OSJVKD.js";
+import "../chunk-KCN2IL3S.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-ZR5DXOGS.js.map
+//# sourceMappingURL=image-KFKBCMAI.js.map

package/dist/dev/index.js

@@ -64,10 +64,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-Z5DMFRJ5.js";
+} from "./chunk-D5OSJVKD.js";
 import {
   define_import_meta_env_default
-} from "./chunk-OF725VHI.js";
+} from "./chunk-KCN2IL3S.js";
 import {
   en_default
 } from "./chunk-KLM3KPI7.js";
@@ -9502,7 +9502,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-ZR5DXOGS.js").then(
+        (blob2) => import("./data/image-KFKBCMAI.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -35812,6 +35812,63 @@ var App = class _App extends React44.Component {
       });
     });
     __publicField(this, "cancelInProgressAnimation", null);
+    __publicField(this, "scrollToViewport", (target, opts) => {
+      this.cancelInProgressAnimation?.();
+      const zoom = { value: getNormalizedZoom(target.zoom) };
+      const animateDuration = opts?.duration ?? 500;
+      if (opts?.animate && animateDuration > 0) {
+        const origScrollX = this.state.scrollX;
+        const origScrollY = this.state.scrollY;
+        const origZoom = this.state.zoom.value;
+        const cancel = easeToValuesRAF({
+          fromValues: {
+            scrollX: origScrollX,
+            scrollY: origScrollY,
+            zoom: origZoom
+          },
+          toValues: {
+            scrollX: target.scrollX,
+            scrollY: target.scrollY,
+            zoom: zoom.value
+          },
+          interpolateValue: (from, to, progress, key) => {
+            if (key === "zoom") {
+              return from * Math.pow(to / from, easeOut4(progress));
+            }
+            return void 0;
+          },
+          onStep: ({ scrollX, scrollY, zoom: zoom2 }) => {
+            this.setState({
+              scrollX,
+              scrollY,
+              zoom: { value: zoom2 }
+            });
+          },
+          onStart: () => {
+            this.setState({ shouldCacheIgnoreZoom: true });
+          },
+          onEnd: () => {
+            this.cancelInProgressAnimation = null;
+            this.setState({ shouldCacheIgnoreZoom: false });
+          },
+          onCancel: () => {
+            this.cancelInProgressAnimation = null;
+            this.setState({ shouldCacheIgnoreZoom: false });
+          },
+          duration: animateDuration
+        });
+        this.cancelInProgressAnimation = () => {
+          cancel();
+          this.cancelInProgressAnimation = null;
+        };
+      } else {
+        this.setState({
+          scrollX: target.scrollX,
+          scrollY: target.scrollY,
+          zoom
+        });
+      }
+    });
     __publicField(this, "scrollToContent", (target = this.scene.getNonDeletedElements(), opts) => {
       if (typeof target === "string") {
         let id;
@@ -35839,7 +35896,6 @@ var App = class _App extends React44.Component {
         }
         return;
       }
-      this.cancelInProgressAnimation?.();
       const targetElements = Array.isArray(target) ? target : [target];
       let zoom = this.state.zoom;
       let scrollX = this.state.scrollX;
@@ -35862,48 +35918,17 @@ var App = class _App extends React44.Component {
         scrollX = scroll.scrollX;
         scrollY = scroll.scrollY;
       }
-      if (opts?.animate) {
-        const origScrollX = this.state.scrollX;
-        const origScrollY = this.state.scrollY;
-        const origZoom = this.state.zoom.value;
-        const cancel = easeToValuesRAF({
-          fromValues: {
-            scrollX: origScrollX,
-            scrollY: origScrollY,
-            zoom: origZoom
-          },
-          toValues: { scrollX, scrollY, zoom: zoom.value },
-          interpolateValue: (from, to, progress, key) => {
-            if (key === "zoom") {
-              return from * Math.pow(to / from, easeOut4(progress));
-            }
-            return void 0;
-          },
-          onStep: ({ scrollX: scrollX2, scrollY: scrollY2, zoom: zoom2 }) => {
-            this.setState({
-              scrollX: scrollX2,
-              scrollY: scrollY2,
-              zoom: { value: zoom2 }
-            });
-          },
-          onStart: () => {
-            this.setState({ shouldCacheIgnoreZoom: true });
-          },
-          onEnd: () => {
-            this.setState({ shouldCacheIgnoreZoom: false });
-          },
-          onCancel: () => {
-            this.setState({ shouldCacheIgnoreZoom: false });
-          },
-          duration: opts?.duration ?? 500
-        });
-        this.cancelInProgressAnimation = () => {
-          cancel();
-          this.cancelInProgressAnimation = null;
-        };
-      } else {
-        this.setState({ scrollX, scrollY, zoom });
-      }
+      this.scrollToViewport(
+        {
+          scrollX,
+          scrollY,
+          zoom: zoom.value
+        },
+        {
+          animate: opts?.animate,
+          duration: opts?.duration
+        }
+      );
     });
     __publicField(this, "maybeUnfollowRemoteUser", () => {
       if (this.state.userToFollow) {
@@ -39960,6 +39985,7 @@ var App = class _App extends React44.Component {
       history: {
         clear: this.resetHistory
       },
+      scrollToViewport: this.scrollToViewport,
       scrollToContent: this.scrollToContent,
       getSceneElements: this.getSceneElements,
       getAppState: () => this.state,