@excalidraw/excalidraw 0.16.1-7251-fc9c8cd → 0.16.1-7255-b963098

package/main.js

@@ -1,4 +1,7 @@
-if (process.env.NODE_ENV === "production") {
+console.log(window.IS_PREACT, "PREACT");
+if (window.IS_PREACT) {
+  module.exports = require("./dist/excalidraw-with-preact.production.min.js");
+} else if (process.env.NODE_ENV === "production") {
   module.exports = require("./dist/excalidraw.production.min.js");
 } else {
   module.exports = require("./dist/excalidraw.development.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.16.1-7251-fc9c8cd",
+  "version": "0.16.1-7255-b963098",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -78,7 +78,7 @@
   "homepage": "https://github.com/excalidraw/excalidraw/tree/master/src/packages/excalidraw",
   "scripts": {
     "gen:types": "tsc --project ../../../tsconfig-types.json",
-    "build:umd": "rm -rf dist && 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": "rm -rf dist && cross-env NODE_ENV=production webpack --config webpack.prod.config.js && cross-env NODE_ENV=development webpack --config webpack.dev.config.js && NODE_ENV=production webpack --config webpack.preact.prod.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",
     "start": "webpack serve --config webpack.dev-server.config.js",

package/types/packages/excalidraw/dist/excalidraw-with-preact.production.min.d.ts

@@ -0,0 +1 @@
+export const ExcalidrawLib: {};

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

@@ -1,12 +1,13 @@
 import React from "react";
 import "../../css/app.scss";
 import "../../css/styles.scss";
-import { ExcalidrawProps } from "../../types";
+import { ExcalidrawAPIRefValue, ExcalidrawProps } from "../../types";
 import Footer from "../../components/footer/FooterCenter";
 import MainMenu from "../../components/main-menu/MainMenu";
 import WelcomeScreen from "../../components/welcome-screen/WelcomeScreen";
 import LiveCollaborationTrigger from "../../components/live-collaboration/LiveCollaborationTrigger";
-export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => JSX.Element>;
+type PublicExcalidrawProps = Omit<ExcalidrawProps, "forwardedRef">;
+export declare const Excalidraw: React.MemoExoticComponent<React.ForwardRefExoticComponent<PublicExcalidrawProps & React.RefAttributes<ExcalidrawAPIRefValue>>>;
 export { getSceneVersion, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
 export { defaultLang, useI18n, languages } from "../../i18n";
 export { restore, restoreAppState, restoreElements, restoreLibraryItems, } from "../../data/restore";

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

@@ -0,0 +1,118 @@
+import autoprefixer = require("autoprefixer");
+import TerserPlugin = require("terser-webpack-plugin");
+export const mode: string;
+export const entry: {
+    "excalidraw-with-preact.production.min": string;
+};
+export namespace output {
+    const path: string;
+    const library: string;
+    const libraryTarget: string;
+    const filename: string;
+    const chunkFilename: string;
+    const assetModuleFilename: string;
+    const publicPath: string;
+}
+export namespace resolve {
+    const extensions: string[];
+}
+export namespace module {
+    const rules: ({
+        test: RegExp;
+        exclude: RegExp;
+        use: (string | {
+            loader: string;
+            options?: undefined;
+        } | {
+            loader: string;
+            options: {
+                postcssOptions: {
+                    plugins: (import("postcss").Plugin & autoprefixer.ExportedAPI)[];
+                };
+            };
+        })[];
+        resolve?: undefined;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        resolve: {
+            fullySpecified: boolean;
+        };
+        exclude?: undefined;
+        use?: undefined;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        exclude: RegExp;
+        use: ({
+            loader: string;
+            options?: undefined;
+        } | {
+            loader: string;
+            options: {
+                transpileOnly: boolean;
+                configFile: string;
+                presets?: undefined;
+                plugins?: undefined;
+            };
+        } | {
+            loader: string;
+            options: {
+                presets: (string | (string | {
+                    runtime: string;
+                })[])[];
+                plugins: string[];
+                transpileOnly?: undefined;
+                configFile?: undefined;
+            };
+        })[];
+        resolve?: undefined;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        type: string;
+        exclude?: undefined;
+        use?: undefined;
+        resolve?: undefined;
+    })[];
+}
+export namespace optimization {
+    const minimize: boolean;
+    const minimizer: TerserPlugin<import("terser").MinifyOptions>[];
+    namespace splitChunks {
+        const chunks: string;
+        namespace cacheGroups {
+            namespace vendors {
+                const test: RegExp;
+                const name: string;
+            }
+        }
+    }
+}
+export const plugins: any[];
+export const externals: {
+    react: {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+    "react-dom": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+    "react-dom/client": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+    "react/jsx-runtime": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+};

package/types/types.d.ts

@@ -5,7 +5,7 @@ import { LinearElementEditor } from "./element/linearElementEditor";
 import { SuggestedBinding } from "./element/binding";
 import { ImportedDataState } from "./data/types";
 import type App from "./components/App";
-import type { throttleRAF } from "./utils";
+import type { ResolvablePromise, throttleRAF } from "./utils";
 import { Spreadsheet } from "./charts";
 import { Language } from "./i18n";
 import { ClipboardData } from "./clipboard";
@@ -16,7 +16,7 @@ import type { FileSystemHandle } from "./data/filesystem";
 import type { IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
 import { SnapLine } from "./snapping";
-import { Merge, ValueOf } from "./utility-types";
+import { Merge, ForwardRef, ValueOf } from "./utility-types";
 export type Point = Readonly<RoughPoint>;
 export type Collaborator = {
     pointer?: CollaboratorPointer;
@@ -283,13 +283,17 @@ export type LibraryItem = {
 export type LibraryItems = readonly LibraryItem[];
 export type LibraryItems_anyVersion = LibraryItems | LibraryItems_v1;
 export type LibraryItemsSource = ((currentLibraryItems: LibraryItems) => Blob | LibraryItems_anyVersion | Promise<LibraryItems_anyVersion | Blob>) | Blob | LibraryItems_anyVersion | Promise<LibraryItems_anyVersion | Blob>;
+export type ExcalidrawAPIRefValue = ExcalidrawImperativeAPI | {
+    readyPromise?: ResolvablePromise<ExcalidrawImperativeAPI>;
+    ready?: false;
+};
 export type ExcalidrawInitialDataState = Merge<ImportedDataState, {
     libraryItems?: Required<ImportedDataState>["libraryItems"] | Promise<Required<ImportedDataState>["libraryItems"]>;
 }>;
 export interface ExcalidrawProps {
     onChange?: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
     initialData?: ExcalidrawInitialDataState | null | Promise<ExcalidrawInitialDataState | null>;
-    excalidrawAPI?: (api: ExcalidrawImperativeAPI) => void;
+    excalidrawRef?: ForwardRef<ExcalidrawAPIRefValue>;
     isCollaborating?: boolean;
     onPointerUpdate?: (payload: {
         pointer: {
@@ -471,6 +475,8 @@ export type ExcalidrawImperativeAPI = {
     refresh: InstanceType<typeof App>["refresh"];
     setToast: InstanceType<typeof App>["setToast"];
     addFiles: (data: BinaryFileData[]) => void;
+    readyPromise: ResolvablePromise<ExcalidrawImperativeAPI>;
+    ready: true;
     id: string;
     setActiveTool: InstanceType<typeof App>["setActiveTool"];
     setCursor: InstanceType<typeof App>["setCursor"];