@zsviczian/excalidraw 0.9.0-obsidian-11 → 0.9.0-obsidian-image-support-4

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;
@@ -96,7 +106,7 @@ export declare type AppState = {
     offsetTop: number;
     offsetLeft: number;
     isLibraryOpen: boolean;
-    fileHandle: import("browser-fs-access").FileSystemHandle | null;
+    fileHandle: import("@dwelle/browser-fs-access").FileSystemHandle | null;
     collaborators: Map<string, Collaborator>;
     showStats: boolean;
     currentChartType: ChartType;
@@ -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[];