@nous-excalidraw/excalidraw 0.18.8-beta.2 → 0.18.8-beta.4

package/dist/dev/{chunk-4XDWWS2U.js → chunk-XXIH6KHM.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: "@nous-excalidraw/excalidraw", PKG_VERSION: "0.18.8-beta.1", 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: "@nous-excalidraw/excalidraw", PKG_VERSION: "0.18.8-beta.3", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-4XDWWS2U.js.map
+//# sourceMappingURL=chunk-XXIH6KHM.js.map

package/dist/dev/{chunk-BKNXJQRC.js → chunk-ZVDW37YC.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-4XDWWS2U.js";
+} from "./chunk-XXIH6KHM.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5092,7 +5092,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-AWTGBYIS.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-H5HH2ZII.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5526,4 +5526,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-BKNXJQRC.js.map
+//# sourceMappingURL=chunk-ZVDW37YC.js.map

package/dist/dev/components/TTDDialog/{CodeMirrorEditor-PO23OISH.js → CodeMirrorEditor-LSR2DPLH.js}

@@ -1,4 +1,4 @@
-import "../../chunk-4XDWWS2U.js";
+import "../../chunk-XXIH6KHM.js";
 import "../../chunk-XDFCUUT6.js";
 
 // components/TTDDialog/CodeMirrorEditor.tsx
@@ -256,4 +256,4 @@ var CodeMirrorEditor_default = CodeMirrorEditor;
 export {
   CodeMirrorEditor_default as default
 };
-//# sourceMappingURL=CodeMirrorEditor-PO23OISH.js.map
+//# sourceMappingURL=CodeMirrorEditor-LSR2DPLH.js.map

package/dist/dev/data/{image-AWTGBYIS.js → image-H5HH2ZII.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-BKNXJQRC.js";
-import "../chunk-4XDWWS2U.js";
+} from "../chunk-ZVDW37YC.js";
+import "../chunk-XXIH6KHM.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-AWTGBYIS.js.map
+//# sourceMappingURL=image-H5HH2ZII.js.map

package/dist/dev/index.js

@@ -65,10 +65,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-BKNXJQRC.js";
+} from "./chunk-ZVDW37YC.js";
 import {
   define_import_meta_env_default
-} from "./chunk-4XDWWS2U.js";
+} from "./chunk-XXIH6KHM.js";
 import {
   en_default
 } from "./chunk-4JOINNOK.js";
@@ -9640,7 +9640,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-AWTGBYIS.js").then(
+        (blob2) => import("./data/image-H5HH2ZII.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -28500,7 +28500,7 @@ var TTDDialogInput = ({
         setShowSpinner(true);
       }
     }, SPINNER_DELAY_MS);
-    import("./components/TTDDialog/CodeMirrorEditor-PO23OISH.js").then((mod) => {
+    import("./components/TTDDialog/CodeMirrorEditor-LSR2DPLH.js").then((mod) => {
       if (!cancelled) {
         setEditorState({ type: "ready", component: mod.default });
       }
@@ -38123,7 +38123,8 @@ var App = class _App extends React46.Component {
         const frameTitleMutedColor = isDarkTheme ? FRAME_STYLE4.nameColorDarkTheme : FRAME_STYLE4.nameColorLightTheme;
         const isFrameTitleHovered = this.state.hoveredFrameId === f.id && !this.state.selectedElementIds[f.id];
         const isFrameTitleSelected = !!this.state.selectedElementIds[f.id];
-        const frameTitleColor = isFrameTitleSelected ? isDarkTheme ? "#ffffff" : "#000000" : isFrameTitleHovered ? "#C6A6FF" : frameTitleMutedColor;
+        const frameTitleAccentColor = "#8F6AEF";
+        const frameTitleColor = isFrameTitleSelected || isFrameTitleHovered ? frameTitleAccentColor : frameTitleMutedColor;
         if (f.id === this.state.editingFrame) {
           const frameNameInEdit = frameName;
           frameNameJSX = /* @__PURE__ */ jsx162(
@@ -45030,6 +45031,48 @@ var App = class _App extends React46.Component {
     }
     return null;
   }
+  /**
+   * When a frame wins z-order at a point, its full interior still hits — so
+   * images/embeds below it in the stack never surface. Prefer the topmost
+   * descendant in the same hit stack that passes a real geometry hit.
+   */
+  getTopFrameDescendantHitUnderPoint(frame, allHitElements, x, y) {
+    const elementsMap = this.scene.getNonDeletedElementsMap();
+    const point = pointFrom34(x, y);
+    const isUnderFrame = (element) => {
+      let fid = element.frameId;
+      while (fid) {
+        if (fid === frame.id) {
+          return true;
+        }
+        const parent = elementsMap.get(fid);
+        if (!parent) {
+          return false;
+        }
+        fid = parent.frameId;
+      }
+      return false;
+    };
+    for (let i = allHitElements.length - 1; i >= 0; i--) {
+      const e = allHitElements[i];
+      if (e.id === frame.id) {
+        continue;
+      }
+      if (!isUnderFrame(e)) {
+        continue;
+      }
+      if (hitElementItself3({
+        point,
+        element: e,
+        threshold: this.getElementHitThreshold(e),
+        elementsMap,
+        frameNameBound: isFrameLikeElement15(e) ? this.frameNameBoundsCache.get(e) : null
+      })) {
+        return e;
+      }
+    }
+    return null;
+  }
   // NOTE: Hot path for hit testing, so avoid unnecessary computations
   getElementAtPosition(x, y, opts) {
     let allHitElements = [];
@@ -45050,7 +45093,7 @@ var App = class _App extends React46.Component {
         }
       }
       const elementWithHighestZIndex = allHitElements[allHitElements.length - 1];
-      return hitElementItself3({
+      let resolved = hitElementItself3({
         point: pointFrom34(x, y),
         element: elementWithHighestZIndex,
         // when overlapping, we would like to be more precise
@@ -45059,6 +45102,18 @@ var App = class _App extends React46.Component {
         elementsMap: this.scene.getNonDeletedElementsMap(),
         frameNameBound: isFrameLikeElement15(elementWithHighestZIndex) ? this.frameNameBoundsCache.get(elementWithHighestZIndex) : null
       }) ? elementWithHighestZIndex : allHitElements[allHitElements.length - 2];
+      if (isFrameLikeElement15(resolved)) {
+        const descendantHit = this.getTopFrameDescendantHitUnderPoint(
+          resolved,
+          allHitElements,
+          x,
+          y
+        );
+        if (descendantHit) {
+          return descendantHit;
+        }
+      }
+      return resolved;
     }
     if (allHitElements.length === 1) {
       return allHitElements[0];