@zsviczian/excalidraw 0.13.0-obsidian → 0.13.0-obsidian-1

package/types/excalidraw-app/data/FileManager.d.ts

@@ -0,0 +1,66 @@
+import { ExcalidrawElement, FileId, InitializedExcalidrawImageElement } from "../../element/types";
+import { BinaryFileData, ExcalidrawImperativeAPI, BinaryFiles } from "../../types";
+export declare class FileManager {
+    /** files being fetched */
+    private fetchingFiles;
+    /** files being saved */
+    private savingFiles;
+    private savedFiles;
+    private erroredFiles;
+    private _getFiles;
+    private _saveFiles;
+    constructor({ getFiles, saveFiles, }: {
+        getFiles: (fileIds: FileId[]) => Promise<{
+            loadedFiles: BinaryFileData[];
+            erroredFiles: Map<FileId, true>;
+        }>;
+        saveFiles: (data: {
+            addedFiles: Map<FileId, BinaryFileData>;
+        }) => Promise<{
+            savedFiles: Map<FileId, true>;
+            erroredFiles: Map<FileId, true>;
+        }>;
+    });
+    /**
+     * returns whether file is already saved or being processed
+     */
+    isFileHandled: (id: FileId) => boolean;
+    isFileSaved: (id: FileId) => boolean;
+    saveFiles: ({ elements, files, }: {
+        elements: readonly ExcalidrawElement[];
+        files: BinaryFiles;
+    }) => Promise<{
+        savedFiles: Map<FileId, true>;
+        erroredFiles: Map<FileId, true>;
+    }>;
+    getFiles: (ids: FileId[]) => Promise<{
+        loadedFiles: BinaryFileData[];
+        erroredFiles: Map<FileId, true>;
+    }>;
+    /** a file element prevents unload only if it's being saved regardless of
+     *  its `status`. This ensures that elements who for any reason haven't
+     *  beed set to `saved` status don't prevent unload in future sessions.
+     *  Technically we should prevent unload when the origin client haven't
+     *  yet saved the `status` update to storage, but that should be taken care
+     *  of during regular beforeUnload unsaved files check.
+     */
+    shouldPreventUnload: (elements: readonly ExcalidrawElement[]) => boolean;
+    /**
+     * helper to determine if image element status needs updating
+     */
+    shouldUpdateImageElementStatus: (element: ExcalidrawElement) => element is InitializedExcalidrawImageElement;
+    reset(): void;
+}
+export declare const encodeFilesForUpload: ({ files, maxBytes, encryptionKey, }: {
+    files: Map<FileId, BinaryFileData>;
+    maxBytes: number;
+    encryptionKey: string;
+}) => Promise<{
+    id: FileId;
+    buffer: Uint8Array;
+}[]>;
+export declare const updateStaleImageStatuses: (params: {
+    excalidrawAPI: ExcalidrawImperativeAPI;
+    erroredFiles: Map<FileId, true>;
+    elements: readonly ExcalidrawElement[];
+}) => void;

package/types/excalidraw-app/data/LocalData.d.ts

@@ -0,0 +1,32 @@
+/**
+ * This file deals with saving data state (appState, elements, images, ...)
+ * locally to the browser.
+ *
+ * Notes:
+ *
+ * - DataState refers to full state of the app: appState, elements, images,
+ *   though some state is saved separately (collab username, library) for one
+ *   reason or another. We also save different data to different sotrage
+ *   (localStorage, indexedDB).
+ */
+import { ExcalidrawElement, FileId } from "../../element/types";
+import { AppState, BinaryFiles } from "../../types";
+import { FileManager } from "./FileManager";
+declare class LocalFileManager extends FileManager {
+    clearObsoleteFiles: (opts: {
+        currentFileIds: FileId[];
+    }) => Promise<void>;
+}
+declare type SavingLockTypes = "collaboration";
+export declare class LocalData {
+    private static _save;
+    /** Saves DataState, including files. Bails if saving is paused */
+    static save: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles, onFilesSaved: () => void) => void;
+    static flushSave: () => void;
+    private static locker;
+    static pauseSave: (lockType: SavingLockTypes) => void;
+    static resumeSave: (lockType: SavingLockTypes) => void;
+    static isSavePaused: () => boolean;
+    static fileStorage: LocalFileManager;
+}
+export {};

package/types/excalidraw-app/data/Locker.d.ts

@@ -0,0 +1,8 @@
+export declare class Locker<T extends string> {
+    private locks;
+    lock: (lockType: T) => void;
+    /** @returns whether no locks remaining */
+    unlock: (lockType: T) => boolean;
+    /** @returns whether some (or specific) locks are present */
+    isLocked(lockType?: T): boolean;
+}

package/types/excalidraw-app/data/firebase.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="socket.io-client" />
+import { ExcalidrawElement, FileId } from "../../element/types";
+import Portal from "../collab/Portal";
+import { AppState, BinaryFileData } from "../../types";
+import { SyncableExcalidrawElement } from ".";
+export declare const loadFirebaseStorage: () => Promise<typeof import("firebase/app").default>;
+export declare const isSavedToFirebase: (portal: Portal, elements: readonly ExcalidrawElement[]) => boolean;
+export declare const saveFilesToFirebase: ({ prefix, files, }: {
+    prefix: string;
+    files: {
+        id: FileId;
+        buffer: Uint8Array;
+    }[];
+}) => Promise<{
+    savedFiles: Map<FileId, true>;
+    erroredFiles: Map<FileId, true>;
+}>;
+export declare const saveToFirebase: (portal: Portal, elements: readonly SyncableExcalidrawElement[], appState: AppState) => Promise<false | {
+    reconciledElements: SyncableExcalidrawElement[] | null;
+}>;
+export declare const loadFromFirebase: (roomId: string, roomKey: string, socket: SocketIOClient.Socket | null) => Promise<readonly ExcalidrawElement[] | null>;
+export declare const loadFilesFromFirebase: (prefix: string, decryptionKey: string, filesIds: readonly FileId[]) => Promise<{
+    loadedFiles: BinaryFileData[];
+    erroredFiles: Map<FileId, true>;
+}>;

package/types/excalidraw-app/data/index.d.ts

@@ -0,0 +1,186 @@
+import { ImportedDataState } from "../../data/types";
+import { ExcalidrawElement } from "../../element/types";
+import { AppState, BinaryFiles, UserIdleState } from "../../types";
+export declare type SyncableExcalidrawElement = ExcalidrawElement & {
+    _brand: "SyncableExcalidrawElement";
+};
+export declare const isSyncableElement: (element: ExcalidrawElement) => element is SyncableExcalidrawElement;
+export declare const getSyncableElements: (elements: readonly ExcalidrawElement[]) => SyncableExcalidrawElement[];
+/**
+ * Right now the reason why we resolve connection params (url, polling...)
+ * from upstream is to allow changing the params immediately when needed without
+ * having to wait for clients to update the SW.
+ *
+ * If REACT_APP_WS_SERVER_URL env is set, we use that instead (useful for forks)
+ */
+export declare const getCollabServer: () => Promise<{
+    url: string;
+    polling: boolean;
+}>;
+export declare type EncryptedData = {
+    data: ArrayBuffer;
+    iv: Uint8Array;
+};
+export declare type SocketUpdateDataSource = {
+    SCENE_INIT: {
+        type: "SCENE_INIT";
+        payload: {
+            elements: readonly ExcalidrawElement[];
+        };
+    };
+    SCENE_UPDATE: {
+        type: "SCENE_UPDATE";
+        payload: {
+            elements: readonly ExcalidrawElement[];
+        };
+    };
+    MOUSE_LOCATION: {
+        type: "MOUSE_LOCATION";
+        payload: {
+            socketId: string;
+            pointer: {
+                x: number;
+                y: number;
+            };
+            button: "down" | "up";
+            selectedElementIds: AppState["selectedElementIds"];
+            username: string;
+        };
+    };
+    IDLE_STATUS: {
+        type: "IDLE_STATUS";
+        payload: {
+            socketId: string;
+            userState: UserIdleState;
+            username: string;
+        };
+    };
+};
+export declare type SocketUpdateDataIncoming = SocketUpdateDataSource[keyof SocketUpdateDataSource] | {
+    type: "INVALID_RESPONSE";
+};
+export declare type SocketUpdateData = SocketUpdateDataSource[keyof SocketUpdateDataSource] & {
+    _brand: "socketUpdateData";
+};
+export declare const isCollaborationLink: (link: string) => boolean;
+export declare const getCollaborationLinkData: (link: string) => {
+    roomId: string;
+    roomKey: string;
+} | null;
+export declare const generateCollaborationLinkData: () => Promise<{
+    roomId: string;
+    roomKey: string;
+}>;
+export declare const getCollaborationLink: (data: {
+    roomId: string;
+    roomKey: string;
+}) => string;
+export declare const loadScene: (id: string | null, privateKey: string | null, localDataState: ImportedDataState | undefined | null) => Promise<{
+    elements: ExcalidrawElement[];
+    appState: {
+        theme: string;
+        name: string;
+        activeTool: {
+            type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            lastActiveToolBeforeEraser: import("../../types").LastActiveToolBeforeEraser;
+            locked: boolean;
+            customType: null;
+        } | {
+            type: "custom";
+            customType: string;
+            lastActiveToolBeforeEraser: import("../../types").LastActiveToolBeforeEraser;
+            locked: boolean;
+        };
+        scrollX: number;
+        scrollY: number;
+        viewBackgroundColor: string;
+        zoom: Readonly<{
+            value: import("../../types").NormalizedZoomValue;
+        }>;
+        shouldCacheIgnoreZoom: boolean;
+        showWelcomeScreen: boolean;
+        isLoading: boolean;
+        errorMessage: string | null;
+        draggingElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        resizingElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        multiElement: import("../../element/types").NonDeleted<import("../../element/types").ExcalidrawLinearElement> | null;
+        selectionElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        isBindingEnabled: boolean;
+        startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").ExcalidrawBindableElement> | null;
+        suggestedBindings: import("../../element/binding").SuggestedBinding[];
+        editingElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        editingLinearElement: import("../../element/linearElementEditor").LinearElementEditor | null;
+        penMode: boolean;
+        penDetected: boolean;
+        exportBackground: boolean;
+        exportEmbedScene: boolean;
+        exportWithDarkMode: boolean;
+        exportScale: number;
+        currentItemStrokeColor: string;
+        currentItemBackgroundColor: string;
+        currentItemFillStyle: import("../../element/types").FillStyle;
+        currentItemStrokeWidth: number;
+        currentItemStrokeStyle: import("../../element/types").StrokeStyle;
+        currentItemRoughness: number;
+        currentItemOpacity: number;
+        currentItemFontFamily: number;
+        currentItemFontSize: number;
+        currentItemTextAlign: string;
+        currentItemStrokeSharpness: import("../../element/types").StrokeSharpness;
+        currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+        currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+        currentItemLinearStrokeSharpness: import("../../element/types").StrokeSharpness;
+        cursorButton: "up" | "down";
+        scrolledOutside: boolean;
+        isResizing: boolean;
+        isRotating: boolean;
+        openMenu: "canvas" | "shape" | null;
+        openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+        openSidebar: "library" | "customSidebar" | null;
+        openDialog: "imageExport" | "help" | null;
+        isSidebarDocked: boolean;
+        lastPointerDownWith: import("../../element/types").PointerType;
+        selectedElementIds: {
+            [id: string]: boolean;
+        };
+        previousSelectedElementIds: {
+            [id: string]: boolean;
+        };
+        toast: {
+            message: string;
+            closable?: boolean | undefined;
+            duration?: number | undefined;
+        } | null;
+        zenModeEnabled: boolean;
+        gridSize: number | null;
+        viewModeEnabled: boolean;
+        selectedGroupIds: {
+            [groupId: string]: boolean;
+        };
+        editingGroupId: string | null;
+        fileHandle: import("browser-fs-access").FileSystemHandle | null;
+        collaborators: Map<string, import("../../types").Collaborator>;
+        showStats: boolean;
+        currentChartType: import("../../element/types").ChartType;
+        pasteDialog: {
+            shown: false;
+            data: null;
+        } | {
+            shown: true;
+            data: import("../../charts").Spreadsheet;
+        };
+        pendingImageElementId: string | null;
+        showHyperlinkPopup: false | "info" | "editor";
+        linkOpacity: number;
+        trayModeEnabled: boolean;
+        colorPalette: {
+            canvasBackground?: string[] | undefined;
+            elementBackground?: string[] | undefined;
+            elementStroke?: string[] | undefined;
+        };
+        selectedLinearElement: import("../../element/linearElementEditor").LinearElementEditor | null;
+    };
+    files: BinaryFiles;
+    commitToHistory: boolean;
+}>;
+export declare const exportToBackend: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles) => Promise<void>;

package/types/excalidraw-app/data/localStorage.d.ts

@@ -0,0 +1,112 @@
+import { ExcalidrawElement } from "../../element/types";
+export declare const saveUsernameToLocalStorage: (username: string) => void;
+export declare const importUsernameFromLocalStorage: () => string | null;
+export declare const importFromLocalStorage: () => {
+    elements: ExcalidrawElement[];
+    appState: {
+        theme: string;
+        name: string;
+        activeTool: {
+            type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            lastActiveToolBeforeEraser: import("../../types").LastActiveToolBeforeEraser;
+            locked: boolean;
+            customType: null;
+        } | {
+            type: "custom";
+            customType: string;
+            lastActiveToolBeforeEraser: import("../../types").LastActiveToolBeforeEraser;
+            locked: boolean;
+        };
+        scrollX: number;
+        scrollY: number;
+        viewBackgroundColor: string;
+        zoom: Readonly<{
+            value: import("../../types").NormalizedZoomValue;
+        }>;
+        shouldCacheIgnoreZoom: boolean;
+        showWelcomeScreen: boolean;
+        penMode: boolean;
+        penDetected: boolean;
+        exportBackground: boolean;
+        exportEmbedScene: boolean;
+        exportWithDarkMode: boolean;
+        exportScale: number;
+        currentItemStrokeColor: string;
+        currentItemBackgroundColor: string;
+        currentItemFillStyle: import("../../element/types").FillStyle;
+        currentItemStrokeWidth: number;
+        currentItemStrokeStyle: import("../../element/types").StrokeStyle;
+        currentItemRoughness: number;
+        currentItemOpacity: number;
+        currentItemFontFamily: number;
+        currentItemFontSize: number;
+        currentItemTextAlign: string;
+        currentItemStrokeSharpness: import("../../element/types").StrokeSharpness;
+        currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+        currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+        currentItemLinearStrokeSharpness: import("../../element/types").StrokeSharpness;
+        cursorButton: "up" | "down";
+        scrolledOutside: boolean;
+        openMenu: "canvas" | "shape" | null;
+        openSidebar: "library" | "customSidebar" | null;
+        isSidebarDocked: boolean;
+        lastPointerDownWith: import("../../element/types").PointerType;
+        selectedElementIds: {
+            [id: string]: boolean;
+        };
+        previousSelectedElementIds: {
+            [id: string]: boolean;
+        };
+        zenModeEnabled: boolean;
+        gridSize: number | null;
+        selectedGroupIds: {
+            [groupId: string]: boolean;
+        };
+        editingGroupId: string | null;
+        showStats: boolean;
+        currentChartType: import("../../element/types").ChartType;
+        selectedLinearElement: import("../../element/linearElementEditor").LinearElementEditor | null;
+        isLoading: boolean;
+        errorMessage: string | null;
+        draggingElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        resizingElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        multiElement: import("../../element/types").NonDeleted<import("../../element/types").ExcalidrawLinearElement> | null;
+        selectionElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        isBindingEnabled: boolean;
+        startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").ExcalidrawBindableElement> | null;
+        suggestedBindings: import("../../element/binding").SuggestedBinding[];
+        editingElement: import("../../element/types").NonDeletedExcalidrawElement | null;
+        editingLinearElement: import("../../element/linearElementEditor").LinearElementEditor | null;
+        isResizing: boolean;
+        isRotating: boolean;
+        openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+        openDialog: "imageExport" | "help" | null;
+        toast: {
+            message: string;
+            closable?: boolean | undefined;
+            duration?: number | undefined;
+        } | null;
+        viewModeEnabled: boolean;
+        fileHandle: import("browser-fs-access").FileSystemHandle | null;
+        collaborators: Map<string, import("../../types").Collaborator>;
+        pasteDialog: {
+            shown: false;
+            data: null;
+        } | {
+            shown: true;
+            data: import("../../charts").Spreadsheet;
+        };
+        pendingImageElementId: string | null;
+        showHyperlinkPopup: false | "info" | "editor";
+        linkOpacity: number;
+        trayModeEnabled: boolean;
+        colorPalette: {
+            canvasBackground?: string[] | undefined;
+            elementBackground?: string[] | undefined;
+            elementStroke?: string[] | undefined;
+        };
+    } | null;
+};
+export declare const getElementsStorageSize: () => number;
+export declare const getTotalStorageSize: () => number;
+export declare const getLibraryItemsFromStorage: () => import("../../types").LibraryItems_anyVersion;

package/types/excalidraw-app/data/tabSync.d.ts

@@ -0,0 +1,9 @@
+declare const LOCAL_STATE_VERSIONS: {
+    "version-dataState": number;
+    "version-files": number;
+};
+declare type BrowserStateTypes = keyof typeof LOCAL_STATE_VERSIONS;
+export declare const isBrowserStorageStateNewer: (type: BrowserStateTypes) => boolean;
+export declare const updateBrowserStateVersion: (type: BrowserStateTypes) => void;
+export declare const resetBrowserStateVersions: () => void;
+export {};

package/types/excalidraw-app/index.d.ts

@@ -0,0 +1,26 @@
+import "./index.scss";
+export declare const langCodeAtom: import("jotai").Atom<string> & {
+    write: (get: {
+        <Value>(atom: import("jotai").Atom<Value | Promise<Value>>): Value;
+        <Value_1>(atom: import("jotai").Atom<Promise<Value_1>>): Value_1;
+        <Value_2>(atom: import("jotai").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;
+    } & {
+        <Value_3>(atom: import("jotai").Atom<Value_3 | Promise<Value_3>>, options: {
+            unstable_promise: true;
+        }): Value_3 | Promise<Value_3>;
+        <Value_4>(atom: import("jotai").Atom<Promise<Value_4>>, options: {
+            unstable_promise: true;
+        }): Value_4 | Promise<Value_4>;
+        <Value_5>(atom: import("jotai").Atom<Value_5>, options: {
+            unstable_promise: true;
+        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;
+    }, set: {
+        <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
+        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
+    }, update: string | ((prev: string) => string)) => void;
+    onMount?: (<S extends (update: string | ((prev: string) => string)) => void>(setAtom: S) => void | (() => void)) | undefined;
+} & {
+    init: string;
+};
+declare const ExcalidrawApp: () => JSX.Element;
+export default ExcalidrawApp;

package/types/hooks/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useOutsideClickHook: (handler: (event: Event) => void) => import("react").MutableRefObject<null>;

package/types/keys.d.ts

@@ -60,6 +60,16 @@ export declare const KEYS: {
     readonly Y: "y";
     readonly Z: "z";
     readonly K: "k";
+    readonly 0: "0";
+    readonly 1: "1";
+    readonly 2: "2";
+    readonly 3: "3";
+    readonly 4: "4";
+    readonly 5: "5";
+    readonly 6: "6";
+    readonly 7: "7";
+    readonly 8: "8";
+    readonly 9: "9";
 };
 export declare type Key = keyof typeof KEYS;
 export declare const isArrowKey: (key: string) => boolean;

package/types/packages/excalidraw/index.d.ts

@@ -12,6 +12,9 @@ getMaximumGroups, //zsviczian
 intersectElementWithLine, //zsviczian
 determineFocusDistance, //zsviczian
 measureText, //zsviczian
+wrapText, //zsviczian
+getFontString, //zsviczian
+getMaxContainerWidth, //zsviczian
 exportToClipboard, mergeLibraryItems, } from "../../packages/utils";
 export { isLinearElement } from "../../element/typeChecks";
 export { FONT_FAMILY, THEME, MIME_TYPES } from "../../constants";

package/types/packages/utils.d.ts

@@ -36,5 +36,7 @@ export { getCommonBoundingBox } from "../element/bounds";
 export { getMaximumGroups } from "../groups";
 export { intersectElementWithLine } from "../element/collision";
 export { determineFocusDistance } from "../element/collision";
-export { measureText } from "../element/textElement";
+export { measureText, wrapText } from "../element/textElement";
+export { getFontString } from "../utils";
+export { getMaxContainerWidth } from "../element/newElement";
 export { mergeLibraryItems } from "../data/library";

package/types/renderer/renderScene.d.ts

@@ -3,7 +3,7 @@ import { RoughSVG } from "roughjs/bin/svg";
 import { AppState, BinaryFiles } from "../types";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { RenderConfig } from "../scene/types";
-export declare const DEFAULT_SPACING = 4;
+export declare const DEFAULT_SPACING = 2;
 export declare const _renderScene: ({ elements, appState, scale, rc, canvas, renderConfig, }: {
     elements: readonly NonDeletedExcalidrawElement[];
     appState: AppState;

package/types/scene/types.d.ts

@@ -33,6 +33,7 @@ export declare type RenderConfig = {
     /** when exporting the behavior is slightly different (e.g. we can't use
       CSS filters), and we disable render optimizations for best output */
     isExporting: boolean;
+    selectionColor?: string;
 };
 export declare type SceneScroll = {
     scrollX: number;

package/types/shapes.d.ts

@@ -2,37 +2,61 @@ export declare const SHAPES: readonly [{
     readonly icon: JSX.Element;
     readonly value: "selection";
     readonly key: "v";
+    readonly numericKey: "1";
+    readonly fillable: true;
 }, {
     readonly icon: JSX.Element;
     readonly value: "rectangle";
     readonly key: "r";
+    readonly numericKey: "2";
+    readonly fillable: true;
 }, {
     readonly icon: JSX.Element;
     readonly value: "diamond";
     readonly key: "d";
+    readonly numericKey: "3";
+    readonly fillable: true;
 }, {
     readonly icon: JSX.Element;
     readonly value: "ellipse";
     readonly key: "o";
+    readonly numericKey: "4";
+    readonly fillable: true;
 }, {
     readonly icon: JSX.Element;
     readonly value: "arrow";
     readonly key: "a";
+    readonly numericKey: "5";
+    readonly fillable: true;
 }, {
     readonly icon: JSX.Element;
     readonly value: "line";
-    readonly key: readonly ["p", "l"];
+    readonly key: "l";
+    readonly numericKey: "6";
+    readonly fillable: true;
 }, {
     readonly icon: JSX.Element;
     readonly value: "freedraw";
-    readonly key: readonly ["x", string];
+    readonly key: readonly ["p", "x"];
+    readonly numericKey: "7";
+    readonly fillable: false;
 }, {
     readonly icon: JSX.Element;
     readonly value: "text";
     readonly key: "t";
+    readonly numericKey: "8";
+    readonly fillable: false;
 }, {
     readonly icon: JSX.Element;
     readonly value: "image";
     readonly key: null;
+    readonly numericKey: "9";
+    readonly fillable: false;
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "eraser";
+    readonly key: "e";
+    readonly numericKey: "0";
+    readonly fillable: false;
 }];
-export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | null;

package/types/types.d.ts

@@ -39,7 +39,18 @@ export declare type BinaryFileData = {
     mimeType: typeof ALLOWED_IMAGE_MIME_TYPES[number] | typeof MIME_TYPES.binary;
     id: FileId;
     dataURL: DataURL;
+    /**
+     * Epoch timestamp in milliseconds
+     */
     created: number;
+    /**
+     * Indicates when the file was last retrieved from storage to be loaded
+     * onto the scene. We use this flag to determine whether to delete unused
+     * files from storage.
+     *
+     * Epoch timestamp in milliseconds.
+     */
+    lastRetrieved?: number;
 };
 export declare type BinaryFileMetadata = Omit<BinaryFileData, "dataURL">;
 export declare type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
@@ -51,6 +62,7 @@ export declare type LastActiveToolBeforeEraser = {
     customType: string;
 } | null;
 export declare type AppState = {
+    showWelcomeScreen: boolean;
     isLoading: boolean;
     errorMessage: string | null;
     draggingElement: NonDeletedExcalidrawElement | null;
@@ -105,6 +117,7 @@ export declare type AppState = {
     openMenu: "canvas" | "shape" | null;
     openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
     openSidebar: "library" | "customSidebar" | null;
+    openDialog: "imageExport" | "help" | null;
     isSidebarDocked: boolean;
     lastPointerDownWith: PointerType;
     selectedElementIds: {
@@ -114,7 +127,6 @@ export declare type AppState = {
         [id: string]: boolean;
     };
     shouldCacheIgnoreZoom: boolean;
-    showHelpDialog: boolean;
     toast: {
         message: string;
         closable?: boolean;