@whfzgyx/excalidraw 0.18.0

package/dist/prod/subset-worker.chunk.js

@@ -0,0 +1 @@
+import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-A66AFZZU.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};

package/dist/types/common/src/binary-heap.d.ts

@@ -0,0 +1,12 @@
+export declare class BinaryHeap<T> {
+    private scoreFunction;
+    private content;
+    constructor(scoreFunction: (node: T) => number);
+    sinkDown(idx: number): void;
+    bubbleUp(idx: number): void;
+    push(node: T): void;
+    pop(): T | null;
+    remove(node: T): void;
+    size(): number;
+    rescoreElement(node: T): void;
+}

package/dist/types/common/src/bounds.d.ts

@@ -0,0 +1,10 @@
+/**
+ * x and y position of top left corner, x and y position of bottom right corner
+ */
+export type Bounds = readonly [
+    minX: number,
+    minY: number,
+    maxX: number,
+    maxY: number
+];
+export declare const isBounds: (box: unknown) => box is Bounds;

package/dist/types/common/src/colors.d.ts

@@ -0,0 +1,82 @@
+export declare const applyDarkModeFilter: (color: string) => string;
+export type ColorTuple = readonly [string, string, string, string, string];
+export type ColorPaletteCustom = {
+    [key: string]: ColorTuple | string;
+};
+export type ColorShadesIndexes = [number, number, number, number, number];
+export declare const MAX_CUSTOM_COLORS_USED_IN_CANVAS = 5;
+export declare const COLORS_PER_ROW = 5;
+export declare const DEFAULT_CHART_COLOR_INDEX = 4;
+export declare const DEFAULT_ELEMENT_STROKE_COLOR_INDEX = 4;
+export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX = 1;
+export declare const COLOR_PALETTE: {
+    readonly transparent: "transparent";
+    readonly black: "#1e1e1e";
+    readonly white: "#ffffff";
+    readonly gray: readonly ["#f8f9fa", "#e9ecef", "#ced4da", "#868e96", "#343a40"];
+    readonly red: readonly ["#fff5f5", "#ffc9c9", "#ff8787", "#fa5252", "#e03131"];
+    readonly pink: readonly ["#fff0f6", "#fcc2d7", "#f783ac", "#e64980", "#c2255c"];
+    readonly grape: readonly ["#f8f0fc", "#eebefa", "#da77f2", "#be4bdb", "#9c36b5"];
+    readonly violet: readonly ["#f3f0ff", "#d0bfff", "#9775fa", "#7950f2", "#6741d9"];
+    readonly blue: readonly ["#e7f5ff", "#a5d8ff", "#4dabf7", "#228be6", "#1971c2"];
+    readonly cyan: readonly ["#e3fafc", "#99e9f2", "#3bc9db", "#15aabf", "#0c8599"];
+    readonly teal: readonly ["#e6fcf5", "#96f2d7", "#38d9a9", "#12b886", "#099268"];
+    readonly green: readonly ["#ebfbee", "#b2f2bb", "#69db7c", "#40c057", "#2f9e44"];
+    readonly yellow: readonly ["#fff9db", "#ffec99", "#ffd43b", "#fab005", "#f08c00"];
+    readonly orange: readonly ["#fff4e6", "#ffd8a8", "#ffa94d", "#fd7e14", "#e8590c"];
+    readonly bronze: readonly ["#f8f1ee", "#eaddd7", "#d2bab0", "#a18072", "#846358"];
+};
+export type ColorPalette = typeof COLOR_PALETTE;
+export type ColorPickerColor = keyof typeof COLOR_PALETTE;
+export declare const DEFAULT_ELEMENT_STROKE_PICKS: ColorTuple;
+export declare const DEFAULT_ELEMENT_BACKGROUND_PICKS: ColorTuple;
+export declare const DEFAULT_CANVAS_BACKGROUND_PICKS: ColorTuple;
+export declare const DEFAULT_ELEMENT_STROKE_COLOR_PALETTE: {
+    readonly cyan: readonly ["#e3fafc", "#99e9f2", "#3bc9db", "#15aabf", "#0c8599"];
+    readonly blue: readonly ["#e7f5ff", "#a5d8ff", "#4dabf7", "#228be6", "#1971c2"];
+    readonly violet: readonly ["#f3f0ff", "#d0bfff", "#9775fa", "#7950f2", "#6741d9"];
+    readonly grape: readonly ["#f8f0fc", "#eebefa", "#da77f2", "#be4bdb", "#9c36b5"];
+    readonly pink: readonly ["#fff0f6", "#fcc2d7", "#f783ac", "#e64980", "#c2255c"];
+    readonly green: readonly ["#ebfbee", "#b2f2bb", "#69db7c", "#40c057", "#2f9e44"];
+    readonly teal: readonly ["#e6fcf5", "#96f2d7", "#38d9a9", "#12b886", "#099268"];
+    readonly yellow: readonly ["#fff9db", "#ffec99", "#ffd43b", "#fab005", "#f08c00"];
+    readonly orange: readonly ["#fff4e6", "#ffd8a8", "#ffa94d", "#fd7e14", "#e8590c"];
+    readonly red: readonly ["#fff5f5", "#ffc9c9", "#ff8787", "#fa5252", "#e03131"];
+    readonly transparent: "transparent";
+    readonly white: "#ffffff";
+    readonly gray: readonly ["#f8f9fa", "#e9ecef", "#ced4da", "#868e96", "#343a40"];
+    readonly black: "#1e1e1e";
+    readonly bronze: readonly ["#f8f1ee", "#eaddd7", "#d2bab0", "#a18072", "#846358"];
+};
+export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: {
+    readonly cyan: readonly ["#e3fafc", "#99e9f2", "#3bc9db", "#15aabf", "#0c8599"];
+    readonly blue: readonly ["#e7f5ff", "#a5d8ff", "#4dabf7", "#228be6", "#1971c2"];
+    readonly violet: readonly ["#f3f0ff", "#d0bfff", "#9775fa", "#7950f2", "#6741d9"];
+    readonly grape: readonly ["#f8f0fc", "#eebefa", "#da77f2", "#be4bdb", "#9c36b5"];
+    readonly pink: readonly ["#fff0f6", "#fcc2d7", "#f783ac", "#e64980", "#c2255c"];
+    readonly green: readonly ["#ebfbee", "#b2f2bb", "#69db7c", "#40c057", "#2f9e44"];
+    readonly teal: readonly ["#e6fcf5", "#96f2d7", "#38d9a9", "#12b886", "#099268"];
+    readonly yellow: readonly ["#fff9db", "#ffec99", "#ffd43b", "#fab005", "#f08c00"];
+    readonly orange: readonly ["#fff4e6", "#ffd8a8", "#ffa94d", "#fd7e14", "#e8590c"];
+    readonly red: readonly ["#fff5f5", "#ffc9c9", "#ff8787", "#fa5252", "#e03131"];
+    readonly transparent: "transparent";
+    readonly white: "#ffffff";
+    readonly gray: readonly ["#f8f9fa", "#e9ecef", "#ced4da", "#868e96", "#343a40"];
+    readonly black: "#1e1e1e";
+    readonly bronze: readonly ["#f8f1ee", "#eaddd7", "#d2bab0", "#a18072", "#846358"];
+};
+export declare const getAllColorsSpecificShade: (index: 0 | 1 | 2 | 3 | 4) => readonly ["#e3fafc" | "#99e9f2" | "#3bc9db" | "#15aabf" | "#0c8599", "#e7f5ff" | "#a5d8ff" | "#4dabf7" | "#228be6" | "#1971c2", "#f3f0ff" | "#d0bfff" | "#9775fa" | "#7950f2" | "#6741d9", "#f8f0fc" | "#eebefa" | "#da77f2" | "#be4bdb" | "#9c36b5", "#fff0f6" | "#fcc2d7" | "#f783ac" | "#e64980" | "#c2255c", "#ebfbee" | "#b2f2bb" | "#69db7c" | "#40c057" | "#2f9e44", "#e6fcf5" | "#96f2d7" | "#38d9a9" | "#12b886" | "#099268", "#fff9db" | "#ffec99" | "#ffd43b" | "#fab005" | "#f08c00", "#fff4e6" | "#ffd8a8" | "#ffa94d" | "#fd7e14" | "#e8590c", "#fff5f5" | "#ffc9c9" | "#ff8787" | "#fa5252" | "#e03131"];
+export declare const rgbToHex: (r: number, g: number, b: number, a?: number) => string;
+/**
+ * @returns #RRGGBB or #RRGGBBAA based on color containing non-opaque alpha,
+ *  null if not valid color
+ */
+export declare const colorToHex: (color: string) => string | null;
+export declare const isTransparent: (color: string) => boolean;
+export declare const COLOR_OUTLINE_CONTRAST_THRESHOLD = 240;
+export declare const isColorDark: (color: string, threshold?: number) => boolean;
+/**
+ * tries to keep the input color as-is if it's valid, making minimal adjustments
+ * (trimming whitespace or adding `#` to hex colors)
+ */
+export declare const normalizeInputColor: (color: string) => string | null;

package/dist/types/common/src/constants.d.ts

@@ -0,0 +1,355 @@
+import type { ExcalidrawElement, FontFamilyValues } from "@excalidraw/element/types";
+import type { AppProps, AppState } from "@excalidraw/excalidraw/types";
+export declare const supportsResizeObserver: boolean;
+export declare const APP_NAME = "Excalidraw";
+export declare const TEXT_AUTOWRAP_THRESHOLD = 36;
+export declare const DRAGGING_THRESHOLD = 10;
+export declare const MINIMUM_ARROW_SIZE = 20;
+export declare const LINE_CONFIRM_THRESHOLD = 8;
+export declare const ELEMENT_SHIFT_TRANSLATE_AMOUNT = 5;
+export declare const ELEMENT_TRANSLATE_AMOUNT = 1;
+export declare const TEXT_TO_CENTER_SNAP_THRESHOLD = 30;
+export declare const SHIFT_LOCKING_ANGLE: number;
+export declare const DEFAULT_LASER_COLOR = "red";
+export declare const CURSOR_TYPE: {
+    TEXT: string;
+    CROSSHAIR: string;
+    GRABBING: string;
+    GRAB: string;
+    POINTER: string;
+    MOVE: string;
+    AUTO: string;
+};
+export declare const POINTER_BUTTON: {
+    readonly MAIN: 0;
+    readonly WHEEL: 1;
+    readonly SECONDARY: 2;
+    readonly TOUCH: -1;
+    readonly ERASER: 5;
+};
+export declare const POINTER_EVENTS: {
+    readonly enabled: "all";
+    readonly disabled: "none";
+    readonly inheritFromUI: any;
+};
+export declare enum EVENT {
+    COPY = "copy",
+    PASTE = "paste",
+    CUT = "cut",
+    KEYDOWN = "keydown",
+    KEYUP = "keyup",
+    MOUSE_MOVE = "mousemove",
+    RESIZE = "resize",
+    UNLOAD = "unload",
+    FOCUS = "focus",
+    BLUR = "blur",
+    DRAG_OVER = "dragover",
+    DROP = "drop",
+    GESTURE_END = "gestureend",
+    BEFORE_UNLOAD = "beforeunload",
+    GESTURE_START = "gesturestart",
+    GESTURE_CHANGE = "gesturechange",
+    POINTER_MOVE = "pointermove",
+    POINTER_DOWN = "pointerdown",
+    POINTER_UP = "pointerup",
+    STATE_CHANGE = "statechange",
+    WHEEL = "wheel",
+    TOUCH_START = "touchstart",
+    TOUCH_END = "touchend",
+    HASHCHANGE = "hashchange",
+    VISIBILITY_CHANGE = "visibilitychange",
+    SCROLL = "scroll",
+    EXCALIDRAW_LINK = "excalidraw-link",
+    MENU_ITEM_SELECT = "menu.itemSelect",
+    MESSAGE = "message",
+    FULLSCREENCHANGE = "fullscreenchange"
+}
+export declare const YOUTUBE_STATES: {
+    readonly UNSTARTED: -1;
+    readonly ENDED: 0;
+    readonly PLAYING: 1;
+    readonly PAUSED: 2;
+    readonly BUFFERING: 3;
+    readonly CUED: 5;
+};
+export declare const ENV: {
+    TEST: string;
+    DEVELOPMENT: string;
+    PRODUCTION: string;
+};
+export declare const CLASSES: {
+    SIDEBAR: string;
+    SHAPE_ACTIONS_MENU: string;
+    ZOOM_ACTIONS: string;
+    SEARCH_MENU_INPUT_WRAPPER: string;
+    CONVERT_ELEMENT_TYPE_POPUP: string;
+    SHAPE_ACTIONS_THEME_SCOPE: string;
+    FRAME_NAME: string;
+    DROPDOWN_MENU_EVENT_WRAPPER: string;
+};
+export declare const FONT_SIZES: {
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 28;
+    readonly xl: 36;
+};
+export declare const CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai";
+export declare const WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
+/**
+ * // TODO: shouldn't be really `const`, likely neither have integers as values, due to value for the custom fonts, which should likely be some hash.
+ *
+ * Let's think this through and consider:
+ * - https://developer.mozilla.org/en-US/docs/Web/CSS/generic-family
+ * - https://drafts.csswg.org/css-fonts-4/#font-family-prop
+ * - https://learn.microsoft.com/en-us/typography/opentype/spec/ibmfc
+ */
+export declare const FONT_FAMILY: {
+    Virgil: number;
+    Helvetica: number;
+    Cascadia: number;
+    Excalifont: number;
+    Nunito: number;
+    "Lilita One": number;
+    "Comic Shanns": number;
+    "Liberation Sans": number;
+    Assistant: number;
+};
+export declare const SANS_SERIF_GENERIC_FONT = "sans-serif";
+export declare const MONOSPACE_GENERIC_FONT = "monospace";
+export declare const FONT_FAMILY_GENERIC_FALLBACKS: {
+    "sans-serif": number;
+    monospace: number;
+};
+export declare const FONT_FAMILY_FALLBACKS: {
+    "Segoe UI Emoji": number;
+    "sans-serif": number;
+    monospace: number;
+    Xiaolai: number;
+};
+export declare function getGenericFontFamilyFallback(fontFamily: number): keyof typeof FONT_FAMILY_GENERIC_FALLBACKS;
+export declare const getFontFamilyFallbacks: (fontFamily: number) => Array<keyof typeof FONT_FAMILY_FALLBACKS>;
+export declare const THEME: {
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+export declare const DARK_THEME_FILTER = "invert(93%) hue-rotate(180deg)";
+export declare const FRAME_STYLE: {
+    strokeColor: ExcalidrawElement["strokeColor"];
+    strokeWidth: ExcalidrawElement["strokeWidth"];
+    strokeStyle: ExcalidrawElement["strokeStyle"];
+    fillStyle: ExcalidrawElement["fillStyle"];
+    roughness: ExcalidrawElement["roughness"];
+    roundness: ExcalidrawElement["roundness"];
+    backgroundColor: ExcalidrawElement["backgroundColor"];
+    radius: number;
+    nameOffsetY: number;
+    nameColorLightTheme: string;
+    nameColorDarkTheme: string;
+    nameFontSize: number;
+    nameLineHeight: number;
+};
+export declare const MIN_FONT_SIZE = 1;
+export declare const DEFAULT_FONT_SIZE = 20;
+export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
+export declare const DEFAULT_TEXT_ALIGN = "left";
+export declare const DEFAULT_VERTICAL_ALIGN = "top";
+export declare const DEFAULT_VERSION = "{version}";
+export declare const DEFAULT_TRANSFORM_HANDLE_SPACING = 2;
+export declare const SIDE_RESIZING_THRESHOLD: number;
+export declare const EPSILON = 0.00001;
+export declare const DEFAULT_COLLISION_THRESHOLD: number;
+export declare const COLOR_WHITE = "#ffffff";
+export declare const COLOR_CHARCOAL_BLACK = "#1e1e1e";
+export declare const COLOR_VOICE_CALL = "#a2f1a6";
+export declare const CANVAS_ONLY_ACTIONS: string[];
+export declare const DEFAULT_GRID_SIZE = 20;
+export declare const DEFAULT_GRID_STEP = 5;
+export declare const IMAGE_MIME_TYPES: {
+    readonly svg: "image/svg+xml";
+    readonly png: "image/png";
+    readonly jpg: "image/jpeg";
+    readonly gif: "image/gif";
+    readonly webp: "image/webp";
+    readonly bmp: "image/bmp";
+    readonly ico: "image/x-icon";
+    readonly avif: "image/avif";
+    readonly jfif: "image/jfif";
+};
+export declare const STRING_MIME_TYPES: {
+    readonly text: "text/plain";
+    readonly html: "text/html";
+    readonly json: "application/json";
+    readonly excalidraw: "application/vnd.excalidraw+json";
+    readonly excalidrawClipboard: "application/vnd.excalidraw.clipboard+json";
+    readonly excalidrawlib: "application/vnd.excalidrawlib+json";
+    readonly excalidrawlibIds: "application/vnd.excalidrawlib.ids+json";
+};
+export declare const MIME_TYPES: {
+    readonly svg: "image/svg+xml";
+    readonly png: "image/png";
+    readonly jpg: "image/jpeg";
+    readonly gif: "image/gif";
+    readonly webp: "image/webp";
+    readonly bmp: "image/bmp";
+    readonly ico: "image/x-icon";
+    readonly avif: "image/avif";
+    readonly jfif: "image/jfif";
+    readonly "excalidraw.svg": "image/svg+xml";
+    readonly "excalidraw.png": "image/png";
+    readonly binary: "application/octet-stream";
+    readonly text: "text/plain";
+    readonly html: "text/html";
+    readonly json: "application/json";
+    readonly excalidraw: "application/vnd.excalidraw+json";
+    readonly excalidrawClipboard: "application/vnd.excalidraw.clipboard+json";
+    readonly excalidrawlib: "application/vnd.excalidrawlib+json";
+    readonly excalidrawlibIds: "application/vnd.excalidrawlib.ids+json";
+};
+export declare const ALLOWED_PASTE_MIME_TYPES: readonly ["text/plain", "text/html", ...("image/svg+xml" | "image/png" | "image/jpeg" | "image/gif" | "image/webp" | "image/bmp" | "image/x-icon" | "image/avif" | "image/jfif")[]];
+export declare const EXPORT_IMAGE_TYPES: {
+    readonly png: "png";
+    readonly svg: "svg";
+    readonly clipboard: "clipboard";
+};
+export declare const EXPORT_DATA_TYPES: {
+    readonly excalidraw: "excalidraw";
+    readonly excalidrawClipboard: "excalidraw/clipboard";
+    readonly excalidrawLibrary: "excalidrawlib";
+    readonly excalidrawClipboardWithAPI: "excalidraw-api/clipboard";
+};
+export declare const getExportSource: () => string;
+export declare const IMAGE_RENDER_TIMEOUT = 500;
+export declare const TAP_TWICE_TIMEOUT = 300;
+export declare const TOUCH_CTX_MENU_TIMEOUT = 500;
+export declare const TITLE_TIMEOUT = 10000;
+export declare const VERSION_TIMEOUT = 30000;
+export declare const SCROLL_TIMEOUT = 100;
+export declare const ZOOM_STEP = 0.1;
+export declare const MIN_ZOOM = 0.1;
+export declare const MAX_ZOOM = 30;
+export declare const HYPERLINK_TOOLTIP_DELAY = 300;
+export declare const IDLE_THRESHOLD = 60000;
+export declare const ACTIVE_THRESHOLD = 3000;
+export declare const URL_QUERY_KEYS: {
+    readonly addLibrary: "addLibrary";
+};
+export declare const URL_HASH_KEYS: {
+    readonly addLibrary: "addLibrary";
+};
+export declare const DEFAULT_UI_OPTIONS: AppProps["UIOptions"];
+export declare const MAX_DECIMALS_FOR_SVG_EXPORT = 2;
+export declare const EXPORT_SCALES: number[];
+export declare const DEFAULT_EXPORT_PADDING = 10;
+export declare const DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
+export declare const MAX_ALLOWED_FILE_BYTES: number;
+export declare const SVG_NS = "http://www.w3.org/2000/svg";
+export declare const SVG_DOCUMENT_PREAMBLE = "<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n";
+export declare const ENCRYPTION_KEY_BITS = 128;
+export declare const VERSIONS: {
+    readonly excalidraw: 2;
+    readonly excalidrawLibrary: 2;
+};
+export declare const BOUND_TEXT_PADDING = 5;
+export declare const ARROW_LABEL_WIDTH_FRACTION = 0.7;
+export declare const ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO = 11;
+export declare const VERTICAL_ALIGN: {
+    TOP: string;
+    MIDDLE: string;
+    BOTTOM: string;
+};
+export declare const TEXT_ALIGN: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const ELEMENT_READY_TO_ERASE_OPACITY = 20;
+export declare const DEFAULT_PROPORTIONAL_RADIUS = 0.25;
+export declare const DEFAULT_ADAPTIVE_RADIUS = 32;
+export declare const ROUNDNESS: {
+    readonly LEGACY: 1;
+    readonly PROPORTIONAL_RADIUS: 2;
+    readonly ADAPTIVE_RADIUS: 3;
+};
+export declare const ROUGHNESS: {
+    readonly architect: 0;
+    readonly artist: 1;
+    readonly cartoonist: 2;
+};
+export declare const STROKE_WIDTH: {
+    readonly thin: 1;
+    readonly bold: 2;
+    readonly extraBold: 4;
+};
+export declare const DEFAULT_ELEMENT_PROPS: {
+    strokeColor: ExcalidrawElement["strokeColor"];
+    backgroundColor: ExcalidrawElement["backgroundColor"];
+    fillStyle: ExcalidrawElement["fillStyle"];
+    strokeWidth: ExcalidrawElement["strokeWidth"];
+    strokeStyle: ExcalidrawElement["strokeStyle"];
+    roughness: ExcalidrawElement["roughness"];
+    opacity: ExcalidrawElement["opacity"];
+    locked: ExcalidrawElement["locked"];
+};
+export declare const LIBRARY_SIDEBAR_TAB = "library";
+export declare const CANVAS_SEARCH_TAB = "search";
+export declare const DEFAULT_SIDEBAR: {
+    readonly name: "default";
+    readonly defaultTab: "library";
+};
+export declare const LIBRARY_DISABLED_TYPES: Set<"embeddable" | "iframe" | "image">;
+export declare const TOOL_TYPE: {
+    readonly selection: "selection";
+    readonly lasso: "lasso";
+    readonly rectangle: "rectangle";
+    readonly diamond: "diamond";
+    readonly ellipse: "ellipse";
+    readonly arrow: "arrow";
+    readonly line: "line";
+    readonly freedraw: "freedraw";
+    readonly text: "text";
+    readonly image: "image";
+    readonly eraser: "eraser";
+    readonly hand: "hand";
+    readonly frame: "frame";
+    readonly magicframe: "magicframe";
+    readonly embeddable: "embeddable";
+    readonly laser: "laser";
+};
+export declare const EDITOR_LS_KEYS: {
+    readonly OAI_API_KEY: "excalidraw-oai-api-key";
+    readonly MERMAID_TO_EXCALIDRAW: "mermaid-to-excalidraw";
+    readonly PUBLISH_LIBRARY: "publish-library-data";
+};
+/**
+ * not translated as this is used only in public, stateless API as default value
+ * where filename is optional and we can't retrieve name from app state
+ */
+export declare const DEFAULT_FILENAME = "Untitled";
+export declare const STATS_PANELS: {
+    readonly generalStats: 1;
+    readonly elementProperties: 2;
+};
+export declare const MIN_WIDTH_OR_HEIGHT = 1;
+export declare const ARROW_TYPE: {
+    [T in AppState["currentItemArrowType"]]: T;
+};
+export declare const DEFAULT_REDUCED_GLOBAL_ALPHA = 0.3;
+export declare const ELEMENT_LINK_KEY = "element";
+/** used in tests */
+export declare const ORIG_ID: unique symbol;
+export declare enum UserIdleState {
+    ACTIVE = "active",
+    AWAY = "away",
+    IDLE = "idle"
+}
+/**
+ * distance at which we merge points instead of adding a new merge-point
+ * when converting a line to a polygon (merge currently means overlaping
+ * the start and end points)
+ */
+export declare const LINE_POLYGON_POINT_MERGE_DISTANCE = 20;
+export declare const DOUBLE_TAP_POSITION_THRESHOLD = 35;
+export declare const BIND_MODE_TIMEOUT = 700;
+export declare const MOBILE_ACTION_BUTTON_BG: {
+    readonly background: "var(--mobile-action-button-bg)";
+};

package/dist/types/common/src/editorInterface.d.ts

@@ -0,0 +1,34 @@
+export type StylesPanelMode = "compact" | "full" | "mobile";
+export type EditorInterface = Readonly<{
+    formFactor: "phone" | "tablet" | "desktop";
+    desktopUIMode: "compact" | "full";
+    userAgent: Readonly<{
+        isMobileDevice: boolean;
+        platform: "ios" | "android" | "other" | "unknown";
+    }>;
+    isTouchScreen: boolean;
+    canFitSidebar: boolean;
+    isLandscape: boolean;
+}>;
+export declare const MQ_MAX_MOBILE = 599;
+export declare const MQ_MAX_WIDTH_LANDSCAPE = 1000;
+export declare const MQ_MAX_HEIGHT_LANDSCAPE = 500;
+export declare const MQ_MIN_TABLET: number;
+export declare const MQ_MAX_TABLET = 1180;
+export declare const MQ_MIN_WIDTH_DESKTOP = 1440;
+export declare const MQ_RIGHT_SIDEBAR_MIN_WIDTH = 1229;
+export declare const isDarwin: boolean;
+export declare const isWindows: boolean;
+export declare const isAndroid: boolean;
+export declare const isFirefox: boolean;
+export declare const isChrome: boolean;
+export declare const isSafari: boolean;
+export declare const isIOS: boolean;
+export declare const isBrave: () => boolean;
+export declare const isMobileBreakpoint: (width: number, height: number) => boolean;
+export declare const isTabletBreakpoint: (editorWidth: number, editorHeight: number) => boolean;
+export declare const getFormFactor: (editorWidth: number, editorHeight: number) => EditorInterface["formFactor"];
+export declare const deriveStylesPanelMode: (editorInterface: EditorInterface) => StylesPanelMode;
+export declare const createUserAgentDescriptor: (userAgentString: string) => EditorInterface["userAgent"];
+export declare const loadDesktopUIModePreference: () => "compact" | "full" | null;
+export declare const setDesktopUIMode: (mode: EditorInterface["desktopUIMode"]) => "compact" | "full" | undefined;

package/dist/types/common/src/emitter.d.ts

@@ -0,0 +1,16 @@
+import type { UnsubscribeCallback } from "@excalidraw/excalidraw/types";
+type Subscriber<T extends any[]> = (...payload: T) => void;
+export declare class Emitter<T extends any[] = []> {
+    subscribers: Subscriber<T>[];
+    /**
+     * Attaches subscriber
+     *
+     * @returns unsubscribe function
+     */
+    on(...handlers: Subscriber<T>[] | Subscriber<T>[][]): UnsubscribeCallback;
+    once(...handlers: Subscriber<T>[] | Subscriber<T>[][]): UnsubscribeCallback;
+    off(...handlers: Subscriber<T>[] | Subscriber<T>[][]): void;
+    trigger(...payload: T): this;
+    clear(): void;
+}
+export {};

package/dist/types/common/src/font-metadata.d.ts

@@ -0,0 +1,46 @@
+import type { ExcalidrawTextElement, FontFamilyValues } from "@excalidraw/element/types";
+/**
+ * Encapsulates font metrics with additional font metadata.
+ * */
+export interface FontMetadata {
+    /** for head & hhea metrics read the woff2 with https://fontdrop.info/ */
+    metrics: {
+        /** head.unitsPerEm metric */
+        unitsPerEm: 1000 | 1024 | 2048;
+        /** hhea.ascender metric */
+        ascender: number;
+        /** hhea.descender metric */
+        descender: number;
+        /** harcoded unitless line-height, https://github.com/excalidraw/excalidraw/pull/6360#issuecomment-1477635971 */
+        lineHeight: number;
+    };
+    /** flag to indicate a deprecated font */
+    deprecated?: true;
+    /**
+     * whether this is a font that users can use (= shown in font picker)
+     */
+    private?: true;
+    /** flag to indiccate a local-only font */
+    local?: true;
+    /** flag to indicate a fallback font */
+    fallback?: true;
+}
+export declare const FONT_METADATA: Record<number, FontMetadata>;
+/** Unicode ranges defined by google fonts */
+export declare const GOOGLE_FONTS_RANGES: {
+    LATIN: string;
+    LATIN_EXT: string;
+    CYRILIC_EXT: string;
+    CYRILIC: string;
+    VIETNAMESE: string;
+};
+/** local protocol to skip the local font from registering or inlining */
+export declare const LOCAL_FONT_PROTOCOL = "local:";
+/**
+ * Calculates vertical offset for a text with alphabetic baseline.
+ */
+export declare const getVerticalOffset: (fontFamily: ExcalidrawTextElement["fontFamily"], fontSize: ExcalidrawTextElement["fontSize"], lineHeightPx: number) => number;
+/**
+ * Gets line height for a selected family.
+ */
+export declare const getLineHeight: (fontFamily: FontFamilyValues) => ExcalidrawTextElement["lineHeight"];

package/dist/types/common/src/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./binary-heap";
+export * from "./bounds";
+export * from "./colors";
+export * from "./constants";
+export * from "./font-metadata";
+export * from "./queue";
+export * from "./keys";
+export * from "./points";
+export * from "./promise-pool";
+export * from "./random";
+export * from "./url";
+export * from "./utils";
+export * from "./emitter";
+export * from "./editorInterface";