@dwelle/excalidraw 0.3.17 → 0.3.21

package/types/i18n.d.ts

@@ -11,5 +11,5 @@ export declare const languages: Language[];
 export declare const setLanguage: (lang: Language) => Promise<void>;
 export declare const getLanguage: () => Language;
 export declare const t: (path: string, replacement?: {
-    [key: string]: string;
+    [key: string]: string | number;
 } | undefined) => string;

package/types/keys.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 export declare const isDarwin: boolean;
 export declare const isWindows: boolean;
 export declare const CODES: {

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

@@ -0,0 +1 @@
+export function parseEnvVariables(filepath: any): {};

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

@@ -6,7 +6,7 @@ import { ExcalidrawAPIRefValue, ExcalidrawProps } from "../../types";
 declare type PublicExcalidrawProps = Omit<ExcalidrawProps, "forwardedRef">;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<PublicExcalidrawProps & React.RefAttributes<ExcalidrawAPIRefValue>>>;
 export default _default;
-export { getSceneVersion, getElementMap, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
+export { getSceneVersion, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
 export { defaultLang, languages } from "../../i18n";
 export { restore, restoreElements, restoreAppState } from "../../data/restore";
 export { exportToBlob, exportToCanvas, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, } from "../../packages/utils";

package/types/packages/excalidraw/webpack.dev.config.d.ts

@@ -64,7 +64,7 @@ export namespace optimization {
         }
     }
 }
-export const plugins: webpack.EvalSourceMapDevToolPlugin[];
+export const plugins: (webpack.EvalSourceMapDevToolPlugin | webpack.DefinePlugin)[];
 export const externals: {
     react: {
         root: string;

package/types/packages/excalidraw/webpack.prod.config.d.ts

@@ -64,8 +64,6 @@ export namespace module {
     })[];
 }
 export namespace optimization {
-    const minimize: boolean;
-    const minimizer: import("terser-webpack-plugin/types").default<import("terser").MinifyOptions>[];
     namespace splitChunks {
         const chunks: string;
         namespace cacheGroups {

package/types/packages/utils.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { AppState, BinaryFiles } from "../types";
-import { ExcalidrawElement } from "../element/types";
+import { ExcalidrawElement, NonDeleted } from "../element/types";
 declare type ExportOpts = {
-    elements: readonly ExcalidrawElement[];
+    elements: readonly NonDeleted<ExcalidrawElement>[];
     appState?: Partial<Omit<AppState, "offsetTop" | "offsetLeft">>;
     files: BinaryFiles | null;
+    maxWidthOrHeight?: number;
     getDimensions?: (width: number, height: number) => {
         width: number;
         height: number;
-        scale: number;
+        scale?: number;
     };
 };
-export declare const exportToCanvas: ({ elements, appState, files, getDimensions, }: ExportOpts) => Promise<HTMLCanvasElement>;
+export declare const exportToCanvas: ({ elements, appState, files, maxWidthOrHeight, getDimensions, }: ExportOpts) => Promise<HTMLCanvasElement>;
 export declare const exportToBlob: (opts: ExportOpts & {
     mimeType?: string;
     quality?: number;

package/types/renderer/renderElement.d.ts

@@ -1,15 +1,13 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement } from "../element/types";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { Drawable, Options } from "roughjs/bin/core";
 import { RoughSVG } from "roughjs/bin/svg";
-import { SceneState } from "../scene/types";
+import { RenderConfig } from "../scene/types";
 import { BinaryFiles, Zoom } from "../types";
 export interface ExcalidrawElementWithCanvas {
     element: ExcalidrawElement | ExcalidrawTextElement;
     canvas: HTMLCanvasElement;
-    theme: SceneState["theme"];
+    theme: RenderConfig["theme"];
     canvasZoom: Zoom["value"];
     canvasOffsetX: number;
     canvasOffsetY: number;
@@ -18,8 +16,8 @@ export declare const getShapeForElement: (element: ExcalidrawElement) => Drawabl
 export declare const invalidateShapeForElement: (element: ExcalidrawElement) => boolean;
 export declare const clearRenderCache: () => void;
 export declare const generateRoughOptions: (element: ExcalidrawElement, continuousPath?: boolean) => Options;
-export declare const renderElement: (element: NonDeletedExcalidrawElement, rc: RoughCanvas, context: CanvasRenderingContext2D, renderOptimizations: boolean, sceneState: SceneState) => void;
-export declare const renderElementToSvg: (element: NonDeletedExcalidrawElement, rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, offsetX?: number | undefined, offsetY?: number | undefined) => void;
+export declare const renderElement: (element: NonDeletedExcalidrawElement, rc: RoughCanvas, context: CanvasRenderingContext2D, renderConfig: RenderConfig) => void;
+export declare const renderElementToSvg: (element: NonDeletedExcalidrawElement, rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, offsetX?: number | undefined, offsetY?: number | undefined, exportWithDarkMode?: boolean | undefined) => void;
 export declare let pathsCache: WeakMap<ExcalidrawFreeDrawElement, Path2D>;
 export declare function generateFreeDrawShape(element: ExcalidrawFreeDrawElement): Path2D;
 export declare function getFreeDrawPath2D(element: ExcalidrawFreeDrawElement): Path2D | undefined;

package/types/renderer/renderScene.d.ts

@@ -1,24 +1,17 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { RoughSVG } from "roughjs/bin/svg";
 import { AppState, BinaryFiles } from "../types";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { SceneState } from "../scene/types";
-export declare const renderScene: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, selectionElement: NonDeletedExcalidrawElement | null, scale: number, rc: RoughCanvas, canvas: HTMLCanvasElement, sceneState: SceneState, { renderScrollbars, renderSelection, renderOptimizations, renderGrid, isExport, }?: {
-    renderScrollbars?: boolean | undefined;
-    renderSelection?: boolean | undefined;
-    renderOptimizations?: boolean | undefined;
-    renderGrid?: boolean | undefined;
-    isExport?: boolean | undefined;
-}) => {
+import { RenderConfig } from "../scene/types";
+export declare const renderScene: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, selectionElement: NonDeletedExcalidrawElement | null, scale: number, rc: RoughCanvas, canvas: HTMLCanvasElement, renderConfig: RenderConfig) => {
     atLeastOneVisibleElement: boolean;
     scrollBars?: undefined;
 } | {
     atLeastOneVisibleElement: boolean;
     scrollBars: import("../scene/types").ScrollBars | undefined;
 };
-export declare const renderSceneToSvg: (elements: readonly NonDeletedExcalidrawElement[], rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, { offsetX, offsetY, }?: {
+export declare const renderSceneToSvg: (elements: readonly NonDeletedExcalidrawElement[], rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, { offsetX, offsetY, exportWithDarkMode, }?: {
     offsetX?: number | undefined;
     offsetY?: number | undefined;
+    exportWithDarkMode?: boolean | undefined;
 }) => void;

package/types/renderer/roundRect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 /**
  * https://stackoverflow.com/a/3368118
  * Draws a rounded rectangle using the current state of the canvas.

package/types/scene/export.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles } from "../types";
 export declare const SVG_EXPORT_TAG = "<!-- svg-source:excalidraw -->";

package/types/scene/scroll.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { AppState, PointerCoords, Zoom } from "../types";
 import { ExcalidrawElement } from "../element/types";
 export declare const centerScrollOn: ({ scenePoint, viewportDimensions, zoom, }: {

package/types/scene/types.d.ts

@@ -1,11 +1,13 @@
 import { ExcalidrawTextElement } from "../element/types";
-import { AppClassProperties, AppState, Zoom } from "../types";
-export declare type SceneState = {
-    scrollX: number;
-    scrollY: number;
-    viewBackgroundColor: string | null;
-    zoom: Zoom;
-    shouldCacheIgnoreZoom: boolean;
+import { AppClassProperties, AppState } from "../types";
+export declare type RenderConfig = {
+    scrollX: AppState["scrollX"];
+    scrollY: AppState["scrollY"];
+    /** null indicates transparent bg */
+    viewBackgroundColor: AppState["viewBackgroundColor"] | null;
+    zoom: AppState["zoom"];
+    shouldCacheIgnoreZoom: AppState["shouldCacheIgnoreZoom"];
+    theme: AppState["theme"];
     remotePointerViewportCoords: {
         [id: string]: {
             x: number;
@@ -24,8 +26,13 @@ export declare type SceneState = {
     remotePointerUserStates: {
         [id: string]: string;
     };
-    theme: AppState["theme"];
     imageCache: AppClassProperties["imageCache"];
+    renderScrollbars?: boolean;
+    renderSelection?: boolean;
+    renderGrid?: boolean;
+    /** 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;
 };
 export declare type SceneScroll = {
     scrollX: number;

package/types/scene/zoom.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import { NormalizedZoomValue, PointerCoords, Zoom } from "../types";
 export declare const getNewZoom: (newZoomValue: NormalizedZoomValue, prevZoom: Zoom, canvasOffset: {
     left: number;

package/types/types.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="web" />
 import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, FileId, ExcalidrawImageElement, Theme } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
@@ -153,7 +152,20 @@ export declare class GestureEvent extends UIEvent {
     readonly rotation: number;
     readonly scale: number;
 }
-export declare type LibraryItem = readonly NonDeleted<ExcalidrawElement>[];
+/** @deprecated legacy: do not use outside of migration paths */
+export declare type LibraryItem_v1 = readonly NonDeleted<ExcalidrawElement>[];
+/** @deprecated legacy: do not use outside of migration paths */
+export declare type LibraryItems_v1 = readonly LibraryItem_v1[];
+/** v2 library item */
+export declare type LibraryItem = {
+    id: string;
+    status: "published" | "unpublished";
+    elements: readonly NonDeleted<ExcalidrawElement>[];
+    /** timestamp in epoch (ms) */
+    created: number;
+    name?: string;
+    error?: string;
+};
 export declare type LibraryItems = readonly LibraryItem[];
 export declare type ExcalidrawAPIRefValue = ExcalidrawImperativeAPI | {
     readyPromise?: ResolvablePromise<ExcalidrawImperativeAPI>;

package/types/utils.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { FontFamilyValues, FontString } from "./element/types";
 import { Zoom } from "./types";
 export declare const setDateTimeForTests: (dateTime: string) => void;
@@ -26,6 +24,7 @@ export declare const debounce: <T extends any[]>(fn: (...args: T) => void, timeo
     flush(): void;
     cancel(): void;
 };
+export declare const chunk: <T extends unknown>(array: readonly T[], size: number) => T[][];
 export declare const selectNode: (node: Element) => void;
 export declare const removeSelection: () => void;
 export declare const distance: (x: number, y: number) => number;
@@ -94,3 +93,12 @@ export declare const supportsEmoji: () => boolean;
 export declare const getNearestScrollableContainer: (element: HTMLElement) => HTMLElement | Document;
 export declare const focusNearestParent: (element: HTMLInputElement) => void;
 export declare const preventUnload: (event: BeforeUnloadEvent) => void;
+export declare const bytesToHexString: (bytes: Uint8Array) => string;
+export declare const getUpdatedTimestamp: () => number;
+/**
+ * Transforms array of objects containing `id` attribute,
+ * or array of ids (strings), into a Map, keyd by `id`.
+ */
+export declare const arrayToMap: <T extends string | {
+    id: string;
+}>(items: readonly T[]) => Map<string, T>;