@zsviczian/excalidraw 0.10.0-obsidian-9 → 0.10.0-obsidian-13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.10.0-obsidian-9",
+  "version": "0.10.0-obsidian-13",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -47,9 +47,9 @@
     "@babel/core": "7.16.0",
     "@babel/plugin-transform-arrow-functions": "7.16.0",
     "@babel/plugin-transform-async-to-generator": "7.16.0",
-    "@babel/plugin-transform-runtime": "7.16.0",
+    "@babel/plugin-transform-runtime": "7.16.4",
     "@babel/plugin-transform-typescript": "7.16.1",
-    "@babel/preset-env": "7.16.0",
+    "@babel/preset-env": "7.16.4",
     "@babel/preset-react": "7.16.0",
     "@babel/preset-typescript": "7.16.0",
     "autoprefixer": "10.4.0",
@@ -58,13 +58,13 @@
     "cross-env": "7.0.3",
     "css-loader": "6.5.1",
     "file-loader": "6.2.0",
-    "mini-css-extract-plugin": "2.4.4",
-    "postcss-loader": "6.2.0",
+    "mini-css-extract-plugin": "2.4.5",
+    "postcss-loader": "6.2.1",
     "sass-loader": "12.3.0",
     "terser-webpack-plugin": "5.2.5",
     "ts-loader": "9.2.6",
-    "typescript": "4.4.4",
-    "webpack": "5.64.0",
+    "typescript": "4.5.2",
+    "webpack": "5.64.4",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "4.9.1"
   },
@@ -75,5 +75,8 @@
     "build:umd": "cross-env NODE_ENV=production webpack --config webpack.prod.config.js && cross-env NODE_ENV=development webpack --config webpack.dev.config.js && yarn gen:types",
     "build:umd:withAnalyzer": "cross-env NODE_ENV=production ANALYZER=true webpack --config webpack.prod.config.js",
     "pack": "yarn build:umd && yarn pack"
+  },
+  "dependencies": {
+    "dotenv": "10.0.0"
   }
 }

package/types/actions/manager.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { Action, ActionsManagerInterface, UpdaterFn, ActionName, ActionResult, PanelComponentProps } from "./types";
 import { ExcalidrawElement } from "../element/types";

package/types/actions/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { ExcalidrawElement } from "../element/types";
 import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles } from "../types";

package/types/appState.d.ts

@@ -1,7 +1,9 @@
 import { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    theme?: string | undefined;
+    scrollX?: number | undefined;
+    scrollY?: number | undefined;
+    viewBackgroundColor?: string | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
         translation: Readonly<{
@@ -9,8 +11,8 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
             y: number;
         }>;
     }> | undefined;
-    scrollX?: number | undefined;
-    scrollY?: number | undefined;
+    shouldCacheIgnoreZoom?: boolean | undefined;
+    theme?: string | undefined;
     name?: string | undefined;
     elementType?: "line" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "text" | "arrow" | "freedraw" | undefined;
     elementLocked?: boolean | undefined;
@@ -32,7 +34,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     currentItemStartArrowhead?: import("./element/types").Arrowhead | null | undefined;
     currentItemEndArrowhead?: import("./element/types").Arrowhead | null | undefined;
     currentItemLinearStrokeSharpness?: import("./element/types").StrokeSharpness | undefined;
-    viewBackgroundColor?: string | undefined;
     cursorButton?: "up" | "down" | undefined;
     scrolledOutside?: boolean | undefined;
     openMenu?: "canvas" | "shape" | null | undefined;
@@ -43,7 +44,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     previousSelectedElementIds?: {
         [id: string]: boolean;
     } | undefined;
-    shouldCacheIgnoreZoom?: boolean | undefined;
     zenModeEnabled?: boolean | undefined;
     gridSize?: number | null | undefined;
     selectedGroupIds?: {

package/types/clipboard.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
 import { AppState, BinaryFiles } from "./types";
 import { Spreadsheet } from "./charts";

package/types/components/Actions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement, PointerType } from "../element/types";

package/types/components/App.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";

package/types/components/Avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import "./Avatar.scss";
 import React from "react";
 declare type AvatarProps = {

package/types/components/ButtonIconSelect.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="web" />
 export declare const ButtonIconSelect: <T extends Object>({ options, value, onChange, group, }: {
     options: {
         value: T;

package/types/components/CheckboxItem.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 import "./CheckboxItem.scss";
 export declare const CheckboxItem: React.FC<{
     checked: boolean;
-    onChange: (checked: boolean) => void;
+    onChange: (checked: boolean, event: React.MouseEvent) => void;
     className?: string;
 }>;

package/types/components/ContextMenu.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import "./ContextMenu.scss";
 import { Action } from "../actions/types";
 import { ActionManager } from "../actions/manager";

package/types/components/Island.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import "./Island.scss";
 import React from "react";
 declare type IslandProps = {

package/types/components/JSONExportDialog.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="web" />
 import { ActionsManagerInterface } from "../actions/types";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { AppState, ExportOpts, BinaryFiles } from "../types";

package/types/components/LayerUI.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";

package/types/components/LibraryMenuItems.d.ts

@@ -15,7 +15,7 @@ declare const LibraryMenuItems: ({ libraryItems, onRemoveFromLibrary, onAddToLib
     library: Library;
     id: string;
     selectedItems: LibraryItem["id"][];
-    onToggle: (id: LibraryItem["id"]) => void;
+    onToggle: (id: LibraryItem["id"], event: React.MouseEvent) => void;
     onPublish: () => void;
     resetLibrary: () => void;
 }) => JSX.Element;

package/types/components/LibraryUnit.d.ts

@@ -8,5 +8,5 @@ export declare const LibraryUnit: ({ id, elements, files, isPending, onClick, se
     isPending?: boolean | undefined;
     onClick: () => void;
     selected: boolean;
-    onToggle: (id: string) => void;
+    onToggle: (id: string, event: React.MouseEvent) => void;
 }) => JSX.Element;

package/types/components/MobileMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { AppState } from "../types";
 import { ActionManager } from "../actions/manager";

package/types/components/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import "./Popover.scss";
 declare type Props = {

package/types/components/Section.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 interface SectionProps extends React.HTMLProps<HTMLElement> {
     heading: string;

package/types/components/Tooltip.d.ts

@@ -4,6 +4,7 @@ declare type TooltipProps = {
     children: React.ReactNode;
     label: string;
     long?: boolean;
+    style?: React.CSSProperties;
 };
-export declare const Tooltip: ({ children, label, long }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, label, long, style, }: TooltipProps) => JSX.Element;
 export {};

package/types/components/icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { Theme } from "../element/types";
 declare type Opts = {

package/types/constants.d.ts

@@ -126,3 +126,7 @@ export declare const ALLOWED_IMAGE_MIME_TYPES: readonly ["image/png", "image/jpe
 export declare const MAX_ALLOWED_FILE_BYTES: number;
 export declare const SVG_NS = "http://www.w3.org/2000/svg";
 export declare const ENCRYPTION_KEY_BITS = 128;
+export declare const VERSIONS: {
+    readonly excalidraw: 2;
+    readonly excalidrawLibrary: 2;
+};

package/types/data/blob.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "../constants";
 import { ExcalidrawElement, FileId } from "../element/types";
 import { AppState, DataURL } from "../types";
@@ -20,7 +18,11 @@ export declare const canvasToBlob: (canvas: HTMLCanvasElement) => Promise<Blob>;
 export declare const generateIdFromFile: (file: File) => Promise<FileId>;
 export declare const getDataURL: (file: Blob | File) => Promise<DataURL>;
 export declare const dataURLToFile: (dataURL: DataURL, filename?: string) => File;
-export declare const resizeImageFile: (file: File, maxWidthOrHeight: number) => Promise<File>;
+export declare const resizeImageFile: (file: File, opts: {
+    /** undefined indicates auto */
+    outputType?: typeof MIME_TYPES["jpg"];
+    maxWidthOrHeight: number;
+}) => Promise<File>;
 export declare const SVGStringToFile: (SVGString: string, filename?: string) => File & {
     type: typeof MIME_TYPES.svg;
 };

package/types/data/encryption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 export declare const IV_LENGTH_BYTES = 12;
 export declare const createIV: () => Uint8Array;
 export declare const generateEncryptionKey: <T extends "string" | "cryptoKey" = "string">(returnAs?: T | undefined) => Promise<T extends "cryptoKey" ? CryptoKey : string>;

package/types/data/filesystem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import { FileWithHandle, FileSystemHandle, supported as nativeFileSystemSupported } from "browser-fs-access";
 declare type FILE_EXTENSION = "gif" | "jpg" | "png" | "svg" | "json" | "excalidraw" | "excalidrawlib";
 export declare const fileOpen: <M extends boolean | undefined = false>(opts: {

package/types/data/types.d.ts

@@ -1,6 +1,7 @@
 import { ExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles, LibraryItems, LibraryItems_v1 } from "../types";
 import type { cleanAppStateForExport } from "../appState";
+import { VERSIONS } from "../constants";
 export interface ExportedDataState {
     type: string;
     version: number;
@@ -21,7 +22,7 @@ export interface ImportedDataState {
 }
 export interface ExportedLibraryData {
     type: string;
-    version: 2;
+    version: typeof VERSIONS.excalidrawLibrary;
     source: string;
     libraryItems: LibraryItems;
 }

package/types/element/binding.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { ExcalidrawLinearElement, ExcalidrawBindableElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawElement } from "./types";
 import { AppState } from "../types";
 import Scene from "../scene/Scene";

package/types/element/image.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { AppClassProperties, DataURL, BinaryFiles } from "../types";
 import { ExcalidrawElement, FileId, InitializedExcalidrawImageElement } from "./types";
 export declare const loadHTMLImageElement: (dataURL: DataURL) => Promise<HTMLImageElement>;

package/types/element/index.d.ts

@@ -11,9 +11,6 @@ export { textWysiwyg } from "./textWysiwyg";
 export { redrawTextBoundingBox } from "./textElement";
 export { getPerfectElementSize, isInvisiblySmallElement, resizePerfectLineForNWHandler, getNormalizedDimensions, } from "./sizeHelpers";
 export { showSelectedShapeActions } from "./showSelectedShapeActions";
-export declare const getElementMap: (elements: readonly ExcalidrawElement[]) => {
-    [key: string]: ExcalidrawElement;
-};
 export declare const getSceneVersion: (elements: readonly ExcalidrawElement[]) => number;
 export declare const getVisibleElements: (elements: readonly ExcalidrawElement[]) => readonly NonDeletedExcalidrawElement[];
 export declare const getNonDeletedElements: (elements: readonly ExcalidrawElement[]) => readonly NonDeletedExcalidrawElement[];

package/types/element/linearElementEditor.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="web" />
 import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, ExcalidrawBindableElement } from "./types";
 import { Point, AppState } from "../types";
 import History from "../history";

package/types/element/mutateElement.d.ts

@@ -3,7 +3,7 @@ declare type ElementUpdate<TElement extends ExcalidrawElement> = Omit<Partial<TE
 export declare const mutateElement: <TElement extends Mutable<ExcalidrawElement>>(element: TElement, updates: ElementUpdate<TElement>, informMutation?: boolean) => TElement;
 export declare const newElementWith: <TElement extends ExcalidrawElement>(element: TElement, updates: ElementUpdate<TElement>) => TElement;
 /**
- * Mutates element and updates `version` & `versionNonce`.
+ * Mutates element, bumping `version`, `versionNonce`, and `updated`.
  *
  * NOTE: does not trigger re-render.
  */

package/types/element/newElement.d.ts

@@ -1,6 +1,6 @@
 import { ExcalidrawElement, ExcalidrawImageElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, GroupId, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues } from "../element/types";
 import { AppState } from "../types";
-declare type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted">, "width" | "height" | "angle" | "groupIds" | "boundElementIds" | "seed" | "version" | "versionNonce">;
+declare type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "boundElementIds" | "seed" | "version" | "versionNonce">;
 export declare const newElement: (opts: {
     type: ExcalidrawGenericElement["type"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawGenericElement>;

package/types/element/textWysiwyg.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { ExcalidrawElement } from "./types";
 import { AppState } from "../types";
 export declare const textWysiwyg: ({ id, appState, onChange, onSubmit, getViewportCoords, element, canvas, excalidrawContainer, }: {

package/types/element/types.d.ts

@@ -45,6 +45,8 @@ declare type _ExcalidrawElementBase = Readonly<{
     groupIds: readonly GroupId[];
     /** Ids of (linear) elements that are bound to this element. */
     boundElementIds: readonly ExcalidrawLinearElement["id"][] | null;
+    /** epoch (ms) timestamp of last element update */
+    updated: number;
 }>;
 export declare type ExcalidrawSelectionElement = _ExcalidrawElementBase & {
     type: "selection";

package/types/errors.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 declare type CANVAS_ERROR_NAMES = "CANVAS_ERROR" | "CANVAS_POSSIBLY_TOO_BIG";
 export declare class CanvasError extends Error {
     constructor(message?: string, name?: CANVAS_ERROR_NAMES);

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,10 +6,11 @@ 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, restoreAppState, restoreElements } from "../../data/restore";
 export { exportToCanvas, exportToBlob, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, } from "../../packages/utils";
 export { isLinearElement } from "../../element/typeChecks";
+export { getCommonBoundingBox } from "../../element/bounds";
 export { FONT_FAMILY, THEME } from "../../constants";
 export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutateElement";

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

@@ -1,7 +1,5 @@
 import autoprefixer = require("autoprefixer");
-import webpack = require("webpack");
 export const mode: string;
-export const devtool: boolean;
 export const entry: {
     "excalidraw.development": string;
 };
@@ -31,26 +29,35 @@ export namespace module {
                 };
             };
         })[];
+        type?: undefined;
     } | {
         test: RegExp;
         exclude: RegExp;
-        use: {
+        use: ({
             loader: string;
             options: {
                 transpileOnly: boolean;
                 configFile: string;
+                presets?: undefined;
+                plugins?: undefined;
             };
-        }[];
-    } | {
-        test: RegExp;
-        use: {
+        } | {
             loader: string;
             options: {
-                name: string;
-                outputPath: string;
+                presets: (string | (string | {
+                    runtime: string;
+                })[])[];
+                plugins: string[];
+                transpileOnly?: undefined;
+                configFile?: undefined;
             };
-        }[];
+        })[];
+        type?: undefined;
+    } | {
+        test: RegExp;
+        type: string;
         exclude?: undefined;
+        use?: undefined;
     })[];
 }
 export namespace optimization {
@@ -64,7 +71,7 @@ export namespace optimization {
         }
     }
 }
-export const plugins: webpack.EvalSourceMapDevToolPlugin[];
+export const plugins: any[];
 export const externals: {
     react: {
         root: string;

package/types/packages/utils.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-/// <reference types="web" />
 import { AppState, BinaryFiles } from "../types";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
 declare type ExportOpts = {
     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;
@@ -17,8 +15,8 @@ export interface ExcalidrawElementWithCanvas {
 export declare const getShapeForElement: (element: ExcalidrawElement) => Drawable | Drawable[] | null | undefined;
 export declare const invalidateShapeForElement: (element: ExcalidrawElement) => boolean;
 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 const 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, ExcalidrawTextElement, FileId, ExcalidrawImageElement, Theme } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
@@ -205,6 +204,7 @@ export interface ExcalidrawProps {
     onBeforeTextEdit?: (textElement: ExcalidrawTextElement) => string;
     onBeforeTextSubmit?: (textElement: ExcalidrawTextElement, textToSubmit: string, isDeleted: boolean) => string;
     generateIdForFile?: (file: File) => string | Promise<string>;
+    onThemeChange?: (newTheme: string) => void;
 }
 export declare type SceneData = {
     elements?: ImportedDataState["elements"];