@excalidraw/excalidraw 0.18.0-7b8a5f54c → 0.18.0-835eb8d

package/dist/dev/{chunk-CRKRRBMD.js → chunk-N4PQJPAH.js}

@@ -137,7 +137,8 @@ var getDefaultAppState = () => {
     croppingElementId: null,
     searchMatches: null,
     lockedMultiSelections: {},
-    activeLockedId: null
+    activeLockedId: null,
+    stylesPanelMode: "full"
   };
 };
 var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
@@ -245,7 +246,8 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   croppingElementId: { browser: false, export: false, server: false },
   searchMatches: { browser: false, export: false, server: false },
   lockedMultiSelections: { browser: true, export: true, server: true },
-  activeLockedId: { browser: false, export: false, server: false }
+  activeLockedId: { browser: false, export: false, server: false },
+  stylesPanelMode: { browser: true, export: false, server: false }
 });
 var _clearAppStateForStorage = (appState, exportType) => {
   const stateForExport = {};
@@ -529,8 +531,8 @@ import {
   supported as nativeFileSystemSupported
 } from "browser-fs-access";
 import { EVENT, MIME_TYPES, debounce } from "@excalidraw/common";
-var INPUT_CHANGE_INTERVAL_MS = 500;
-var fileOpen = (opts) => {
+var INPUT_CHANGE_INTERVAL_MS = 5e3;
+var fileOpen = async (opts) => {
   const mimeTypes = opts.extensions?.reduce((mimeTypes2, type) => {
     mimeTypes2.push(MIME_TYPES[type]);
     return mimeTypes2;
@@ -541,7 +543,7 @@ var fileOpen = (opts) => {
     }
     return acc.concat(`.${ext}`);
   }, []);
-  return _fileOpen({
+  const files = await _fileOpen({
     description: opts.description,
     extensions,
     mimeTypes,
@@ -579,6 +581,12 @@ var fileOpen = (opts) => {
       };
     }
   });
+  if (Array.isArray(files)) {
+    return await Promise.all(
+      files.map((file) => normalizeFile(file))
+    );
+  }
+  return await normalizeFile(files);
 };
 var fileSave = (blob, opts) => {
   return _fileSave(
@@ -637,12 +645,7 @@ var loadFromJSON = async (localAppState, localElements) => {
     // gets resolved. Else, iOS users cannot open `.excalidraw` files.
     // extensions: ["json", "excalidraw", "png", "svg"],
   });
-  return loadFromBlob(
-    await normalizeFile(file),
-    localAppState,
-    localElements,
-    file.handle
-  );
+  return loadFromBlob(file, localAppState, localElements, file.handle);
 };
 var isValidExcalidrawData = (data) => {
   return data?.type === EXPORT_DATA_TYPES.excalidraw && (!data.elements || Array.isArray(data.elements) && (!data.appState || typeof data.appState === "object"));
@@ -4923,7 +4926,7 @@ var restoreElement = (element, opts) => {
         elbowed: true,
         startBinding: repairBinding(element, element.startBinding),
         endBinding: repairBinding(element, element.endBinding),
-        fixedSegments: element.fixedSegments,
+        fixedSegments: element.fixedSegments?.length && base.points.length >= 4 ? element.fixedSegments : null,
         startIsSpecial: element.startIsSpecial,
         endIsSpecial: element.endIsSpecial
       }) : restoreElementWithProperties(element, base);
@@ -5219,7 +5222,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-IWGLHPIX.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-RT6RLBUE.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5463,16 +5466,11 @@ var ImageURLToFile = async (imageUrl, filename = "") => {
   }
   throw new Error("Error: unsupported file type", { cause: "UNSUPPORTED" });
 };
-var getFileFromEvent = async (event) => {
-  const file = event.dataTransfer.files.item(0);
-  const fileHandle = await getFileHandle(event);
-  return { file: file ? await normalizeFile(file) : null, fileHandle };
-};
 var getFileHandle = async (event) => {
   if (nativeFileSystemSupported) {
     try {
-      const item = event.dataTransfer.items[0];
-      const handle = await item.getAsFileSystemHandle() || null;
+      const dataTransferItem = event instanceof DataTransferItem ? event : event.dataTransfer?.items?.[0];
+      const handle = await dataTransferItem.getAsFileSystemHandle() || null;
       return handle;
     } catch (error) {
       console.warn(error.name, error.message);
@@ -5481,61 +5479,52 @@ var getFileHandle = async (event) => {
   }
   return null;
 };
-var getActualMimeTypeFromImage = (buffer) => {
+var getActualMimeTypeFromImage = async (file) => {
   let mimeType = null;
-  const first8Bytes = `${[...new Uint8Array(buffer).slice(0, 8)].join(" ")} `;
-  const headerBytes = {
+  const leadingBytes = [
+    ...new Uint8Array(await blobToArrayBuffer(file.slice(0, 15)))
+  ].join(" ");
+  const bytes = {
     // https://en.wikipedia.org/wiki/Portable_Network_Graphics#File_header
-    png: "137 80 78 71 13 10 26 10 ",
+    png: /^137 80 78 71 13 10 26 10\b/,
     // https://en.wikipedia.org/wiki/JPEG#Syntax_and_structure
     // jpg is a bit wonky. Checking the first three bytes should be enough,
     // but may yield false positives. (https://stackoverflow.com/a/23360709/927631)
-    jpg: "255 216 255 ",
+    jpg: /^255 216 255\b/,
     // https://en.wikipedia.org/wiki/GIF#Example_GIF_file
-    gif: "71 73 70 56 57 97 "
+    gif: /^71 73 70 56 57 97\b/,
+    // 4 bytes for RIFF + 4 bytes for chunk size + WEBP identifier
+    webp: /^82 73 70 70 \d+ \d+ \d+ \d+ 87 69 66 80 86 80 56\b/
   };
-  if (first8Bytes === headerBytes.png) {
-    mimeType = MIME_TYPES6.png;
-  } else if (first8Bytes.startsWith(headerBytes.jpg)) {
-    mimeType = MIME_TYPES6.jpg;
-  } else if (first8Bytes.startsWith(headerBytes.gif)) {
-    mimeType = MIME_TYPES6.gif;
-  }
-  return mimeType;
+  for (const type of Object.keys(bytes)) {
+    if (leadingBytes.match(bytes[type])) {
+      mimeType = MIME_TYPES6[type];
+      break;
+    }
+  }
+  return mimeType || file.type || null;
 };
 var createFile = (blob, mimeType, name) => {
   return new File([blob], name || "", {
     type: mimeType
   });
 };
+var normalizedFileSymbol = Symbol("fileNormalized");
 var normalizeFile = async (file) => {
-  if (!file.type) {
-    if (file?.name?.endsWith(".excalidrawlib")) {
-      file = createFile(
-        await blobToArrayBuffer(file),
-        MIME_TYPES6.excalidrawlib,
-        file.name
-      );
-    } else if (file?.name?.endsWith(".excalidraw")) {
-      file = createFile(
-        await blobToArrayBuffer(file),
-        MIME_TYPES6.excalidraw,
-        file.name
-      );
-    } else {
-      const buffer = await blobToArrayBuffer(file);
-      const mimeType = getActualMimeTypeFromImage(buffer);
-      if (mimeType) {
-        file = createFile(buffer, mimeType, file.name);
-      }
-    }
-  } else if (isSupportedImageFile(file)) {
-    const buffer = await blobToArrayBuffer(file);
-    const mimeType = getActualMimeTypeFromImage(buffer);
+  if (file[normalizedFileSymbol]) {
+    return file;
+  }
+  if (file?.name?.endsWith(".excalidrawlib")) {
+    file = createFile(file, MIME_TYPES6.excalidrawlib, file.name);
+  } else if (file?.name?.endsWith(".excalidraw")) {
+    file = createFile(file, MIME_TYPES6.excalidraw, file.name);
+  } else if (!file.type || file.type?.startsWith("image/")) {
+    const mimeType = await getActualMimeTypeFromImage(file);
     if (mimeType && mimeType !== file.type) {
-      file = createFile(buffer, mimeType, file.name);
+      file = createFile(file, mimeType, file.name);
     }
   }
+  file[normalizedFileSymbol] = true;
   return file;
 };
 var blobToArrayBuffer = (blob) => {
@@ -5670,8 +5659,8 @@ export {
   resizeImageFile,
   SVGStringToFile,
   ImageURLToFile,
-  getFileFromEvent,
+  getFileHandle,
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-CRKRRBMD.js.map
+//# sourceMappingURL=chunk-N4PQJPAH.js.map