@excalidraw/excalidraw 0.17.1-550a388 → 0.17.1-62228e0

package/dist/excalidraw/utils.js

@@ -37,6 +37,7 @@ export const isWritableElement = (target) => (target instanceof HTMLElement && t
 export const getFontFamilyString = ({ fontFamily, }) => {
     for (const [fontFamilyString, id] of Object.entries(FONT_FAMILY)) {
         if (id === fontFamily) {
+            // TODO: we should fallback first to generic family names first, rather than directly to the emoji font
             return `${fontFamilyString}, ${WINDOWS_EMOJI_FALLBACK_FONT}`;
         }
     }
@@ -445,7 +446,35 @@ export const arrayToMapWithIndex = (elements) => elements.reduce((acc, element,
     acc.set(element.id, [element, idx]);
     return acc;
 }, new Map());
+/**
+ * Transform array into an object, use only when array order is irrelevant.
+ */
+export const arrayToObject = (array, groupBy) => array.reduce((acc, value) => {
+    acc[groupBy ? groupBy(value) : String(value)] = value;
+    return acc;
+}, {});
+/**
+ * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.
+ */
+export const arrayToList = (array) => array.reduce((acc, curr, index) => {
+    const node = { ...curr, prev: null, next: null };
+    // no-op for first item, we don't want circular references on a single item
+    if (index !== 0) {
+        const prevNode = acc[index - 1];
+        node.prev = prevNode;
+        prevNode.next = node;
+        if (index === array.length - 1) {
+            // make the references circular and connect head & tail
+            const firstNode = acc[0];
+            node.next = firstNode;
+            firstNode.prev = node;
+        }
+    }
+    acc.push(node);
+    return acc;
+}, []);
 export const isTestEnv = () => import.meta.env.MODE === "test";
+export const isDevEnv = () => import.meta.env.MODE === "development";
 export const wrapEvent = (name, nativeEvent) => {
     return new CustomEvent(name, {
         detail: {

package/dist/excalidraw/zindex.d.ts

@@ -1,6 +1,6 @@
-import { ExcalidrawElement } from "./element/types";
-import { AppState } from "./types";
-export declare const moveOneLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => ExcalidrawElement[];
-export declare const moveOneRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => ExcalidrawElement[];
+import type { ExcalidrawElement } from "./element/types";
+import type { AppState } from "./types";
+export declare const moveOneLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[];
+export declare const moveOneRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[];
 export declare const moveAllLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[] | ExcalidrawElement[];
 export declare const moveAllRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[] | ExcalidrawElement[];

package/dist/excalidraw/zindex.js

@@ -1,5 +1,5 @@
-import { bumpVersion } from "./element/mutateElement";
 import { isFrameLikeElement } from "./element/typeChecks";
+import { syncMovedIndices } from "./fractionalIndex";
 import { getElementsInGroup } from "./groups";
 import { getSelectedElements } from "./scene";
 import Scene from "./scene/Scene";
@@ -173,9 +173,9 @@ containingFrame) => {
 const getTargetElementsMap = (elements, indices) => {
     return indices.reduce((acc, index) => {
         const element = elements[index];
-        acc[element.id] = element;
+        acc.set(element.id, element);
         return acc;
-    }, {});
+    }, new Map());
 };
 const shiftElementsByOne = (elements, appState, direction) => {
     const indicesToMove = getIndicesToMove(elements, appState);
@@ -226,12 +226,8 @@ const shiftElementsByOne = (elements, appState, direction) => {
                     ...trailingElements,
                 ];
     });
-    return elements.map((element) => {
-        if (targetElementsMap[element.id]) {
-            return bumpVersion(element);
-        }
-        return element;
-    });
+    syncMovedIndices(elements, targetElementsMap);
+    return elements;
 };
 const shiftElementsToEnd = (elements, appState, direction, containingFrame, elementsToBeMoved) => {
     const indicesToMove = getIndicesToMove(elements, appState, elementsToBeMoved);
@@ -279,12 +275,10 @@ const shiftElementsToEnd = (elements, appState, direction, containingFrame, elem
             displacedElements.push(elements[index]);
         }
     }
-    const targetElements = Object.values(targetElementsMap).map((element) => {
-        return bumpVersion(element);
-    });
+    const targetElements = Array.from(targetElementsMap.values());
     const leadingElements = elements.slice(0, leadingIndex);
     const trailingElements = elements.slice(trailingIndex + 1);
-    return direction === "left"
+    const nextElements = direction === "left"
         ? [
             ...leadingElements,
             ...targetElements,
@@ -297,6 +291,8 @@ const shiftElementsToEnd = (elements, appState, direction, containingFrame, elem
             ...targetElements,
             ...trailingElements,
         ];
+    syncMovedIndices(nextElements, targetElementsMap);
+    return nextElements;
 };
 function shiftElementsAccountingForFrames(allElements, appState, direction, shiftFunction) {
     const elementsToMove = arrayToMap(getSelectedElements(allElements, appState, {

package/dist/{dev/en-II4GK66F.json → prod/en-HDAPS7XK.json}

@@ -87,7 +87,7 @@
     "group": "Group selection",
     "ungroup": "Ungroup selection",
     "collaborators": "Collaborators",
-    "showGrid": "Show grid",
+    "toggleGrid": "Toggle grid",
     "addToLibrary": "Add to library",
     "removeFromLibrary": "Remove from library",
     "libraryLoadingMessage": "Loading library…",
@@ -109,7 +109,9 @@
     "share": "Share",
     "showStroke": "Show stroke color picker",
     "showBackground": "Show background color picker",
+    "showFonts": "Show font picker",
     "toggleTheme": "Toggle light/dark theme",
+    "theme": "Theme",
     "personalLib": "Personal Library",
     "excalidrawLib": "Excalidraw Library",
     "decreaseFontSize": "Decrease font size",
@@ -128,7 +130,7 @@
     },
     "lineEditor": {
       "edit": "Edit line",
-      "exit": "Exit line editor"
+      "editArrow": "Edit arrow"
     },
     "elementLock": {
       "lock": "Lock",
@@ -147,7 +149,9 @@
     "discordChat": "Discord chat",
     "zoomToFitViewport": "Zoom to fit in viewport",
     "zoomToFitSelection": "Zoom to fit selection",
-    "zoomToFit": "Zoom to fit all elements"
+    "zoomToFit": "Zoom to fit all elements",
+    "installPWA": "Install Excalidraw locally (PWA)",
+    "autoResize": "Enable text auto-resizing"
   },
   "library": {
     "noItems": "No items added yet...",
@@ -180,6 +184,7 @@
     "fullScreen": "Full screen",
     "darkMode": "Dark mode",
     "lightMode": "Light mode",
+    "systemMode": "System mode",
     "zenMode": "Zen mode",
     "objectsSnapMode": "Snap to objects",
     "exitZenMode": "Exit zen mode",
@@ -266,6 +271,22 @@
     "mermaidToExcalidraw": "Mermaid to Excalidraw",
     "magicSettings": "AI settings"
   },
+  "element": {
+    "rectangle": "Rectangle",
+    "diamond": "Diamond",
+    "ellipse": "Ellipse",
+    "arrow": "Arrow",
+    "line": "Line",
+    "freedraw": "Freedraw",
+    "text": "Text",
+    "image": "Image",
+    "group": "Group",
+    "frame": "Frame",
+    "magicframe": "Wireframe to code",
+    "embeddable": "Web Embed",
+    "selection": "Selection",
+    "iframe": "IFrame"
+  },
   "headings": {
     "canvasActions": "Canvas actions",
     "selectedShapeActions": "Selected shape actions",
@@ -439,7 +460,10 @@
     "scene": "Scene",
     "selected": "Selected",
     "storage": "Storage",
-    "title": "Stats for nerds",
+    "fullTitle": "Stats & Element properties",
+    "title": "Stats",
+    "generalStats": "General stats",
+    "elementProperties": "Element properties",
     "total": "Total",
     "version": "Version",
     "versionCopy": "Click to copy",
@@ -534,11 +558,19 @@
     "syntax": "Mermaid Syntax",
     "preview": "Preview"
   },
-  "userList": {
-    "search": {
-      "placeholder": "Quick search",
-      "empty": "No users found"
+  "quickSearch": {
+    "placeholder": "Quick search"
+  },
+  "fontList": {
+    "badge": {
+      "old": "old"
     },
+    "sceneFonts": "In this scene",
+    "availableFonts": "Available fonts",
+    "empty": "No fonts found"
+  },
+  "userList": {
+    "empty": "No users found",
     "hint": {
       "text": "Click on user to follow",
       "followStatus": "You're currently following this user",
@@ -560,6 +592,6 @@
       "noMatch": "No matching commands..."
     },
     "itemNotAvailable": "Command is not available...",
-    "shortcutHint": "For Command palette, use {{shortcutOne}} or {{shortcutTwo}}"
+    "shortcutHint": "For Command palette, use {{shortcut}}"
   }
 }