@zsviczian/excalidraw 0.9.0-obsidian-9 → 0.9.0-obsidian-image-support-2

package/types/scene/types.d.ts

@@ -1,10 +1,9 @@
-import { ExcalidrawTextElement } from "../element/types";
-import { Zoom } from "../types";
+import { ExcalidrawTextElement, ImageId } from "../element/types";
+import { AppState, Zoom } from "../types";
 export declare type SceneState = {
     scrollX: number;
     scrollY: number;
     viewBackgroundColor: string | null;
-    exportWithDarkMode?: boolean;
     zoom: Zoom;
     shouldCacheIgnoreZoom: boolean;
     remotePointerViewportCoords: {
@@ -25,6 +24,8 @@ export declare type SceneState = {
     remotePointerUserStates: {
         [id: string]: string;
     };
+    theme: AppState["theme"];
+    imageCache: Map<ImageId, HTMLImageElement>;
 };
 export declare type SceneScroll = {
     scrollX: number;

package/types/shapes.d.ts

@@ -31,5 +31,9 @@ export declare const SHAPES: readonly [{
     readonly icon: JSX.Element;
     readonly value: "text";
     readonly key: "t";
+}, {
+    readonly icon: JSX.Element;
+    readonly value: "image";
+    readonly key: "i";
 }];
-export declare const findShapeByKey: (key: string) => "line" | "selection" | "rectangle" | "diamond" | "ellipse" | "text" | "arrow" | "freedraw" | null;
+export declare const findShapeByKey: (key: string) => "line" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "text" | "arrow" | "freedraw" | null;

package/types/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, ExcalidrawTextElement } from "./element/types";
+import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, ExcalidrawTextElement, ImageId, ExcalidrawImageElement } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
 import { LinearElementEditor } from "./element/linearElementEditor";
@@ -12,6 +12,7 @@ import { Language } from "./i18n";
 import { ClipboardData } from "./clipboard";
 import { isOverScrollBars } from "./scene";
 import { MaybeTransformHandleType } from "./element/transformHandles";
+import Library from "./data/library";
 export declare type Point = Readonly<RoughPoint>;
 export declare type Collaborator = {
     pointer?: {
@@ -27,7 +28,16 @@ export declare type Collaborator = {
         stroke: string;
     };
 };
+export declare type DataURL = string & {
+    _brand: "DataURL";
+};
+export declare type BinaryFileData = {
+    type: "image" | "other";
+    id: ImageId;
+    dataURL: DataURL;
+};
 export declare type AppState = {
+    files: Record<ExcalidrawElement["id"], BinaryFileData>;
     isLoading: boolean;
     errorMessage: string | null;
     draggingElement: NonDeletedExcalidrawElement | null;
@@ -107,6 +117,8 @@ export declare type AppState = {
         shown: true;
         data: Spreadsheet;
     };
+    /** imageElement waiting to be placed on canvas */
+    pendingImageElement: NonDeleted<ExcalidrawImageElement> | null;
 };
 export declare type NormalizedZoomValue = number & {
     _brand: "normalizedZoom";
@@ -212,6 +224,15 @@ export declare type AppProps = ExcalidrawProps & {
     detectScroll: boolean;
     handleKeyboardGlobally: boolean;
 };
+/** A subset of App class properties that we need to use elsewhere
+ * in the app, eg Manager. Factored out into a separate type to keep DRY. */
+export declare type AppClassProperties = {
+    props: AppProps;
+    canvas: HTMLCanvasElement | null;
+    focusContainer(): void;
+    library: Library;
+    imageCache: Map<ImageId, HTMLImageElement>;
+};
 export declare type PointerDownState = Readonly<{
     origin: Readonly<{
         x: number;
@@ -276,6 +297,7 @@ export declare type ExcalidrawImperativeAPI = {
     refresh: InstanceType<typeof App>["refresh"];
     importLibrary: InstanceType<typeof App>["importLibraryFromUrl"];
     setToastMessage: InstanceType<typeof App>["setToastMessage"];
+    setFiles: (data: AppState["files"][number][]) => void;
     readyPromise: ResolvablePromise<ExcalidrawImperativeAPI>;
     ready: true;
     id: string;

package/types/zindex.d.ts

@@ -1,6 +1,6 @@
 import { ExcalidrawElement } from "./element/types";
 import { AppState } from "./types";
-export declare const moveOneLeft: (elements: readonly ExcalidrawElement[], appState: AppState) => (import("./element/types").ExcalidrawLinearElement | import("./element/types").ExcalidrawSelectionElement | import("./element/types").ExcalidrawRectangleElement | import("./element/types").ExcalidrawDiamondElement | import("./element/types").ExcalidrawEllipseElement | import("./element/types").ExcalidrawTextElement | import("./element/types").ExcalidrawFreeDrawElement)[];
-export declare const moveOneRight: (elements: readonly ExcalidrawElement[], appState: AppState) => (import("./element/types").ExcalidrawLinearElement | import("./element/types").ExcalidrawSelectionElement | import("./element/types").ExcalidrawRectangleElement | import("./element/types").ExcalidrawDiamondElement | import("./element/types").ExcalidrawEllipseElement | import("./element/types").ExcalidrawTextElement | import("./element/types").ExcalidrawFreeDrawElement)[];
+export declare const moveOneLeft: (elements: readonly ExcalidrawElement[], appState: AppState) => (import("./element/types").ExcalidrawLinearElement | import("./element/types").ExcalidrawSelectionElement | import("./element/types").ExcalidrawRectangleElement | import("./element/types").ExcalidrawDiamondElement | import("./element/types").ExcalidrawEllipseElement | import("./element/types").ExcalidrawImageElement | import("./element/types").ExcalidrawTextElement | import("./element/types").ExcalidrawFreeDrawElement)[];
+export declare const moveOneRight: (elements: readonly ExcalidrawElement[], appState: AppState) => (import("./element/types").ExcalidrawLinearElement | import("./element/types").ExcalidrawSelectionElement | import("./element/types").ExcalidrawRectangleElement | import("./element/types").ExcalidrawDiamondElement | import("./element/types").ExcalidrawEllipseElement | import("./element/types").ExcalidrawImageElement | import("./element/types").ExcalidrawTextElement | import("./element/types").ExcalidrawFreeDrawElement)[];
 export declare const moveAllLeft: (elements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[];
 export declare const moveAllRight: (elements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[];