@reffy/infinite-canvas 0.0.1

package/esm/Canvas.js

@@ -0,0 +1,383 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _Canvas_canvas, _Canvas_eventHub, _Canvas_history, _Canvas_camera, _Canvas_gl, _Canvas_basicShapeProgram, _Canvas_imageProgram, _Canvas_gridProgram, _Canvas_grid, _Canvas_isGlobalClick, _Canvas_selectionManager, _Canvas_pointerEventManager, _Canvas_keyPressManager, _Canvas_contextMenuManager;
+import { CanvasEvent, convertToPNG, createProgram, getWorldCoords, paste, } from "./util";
+import { shapeVert, shapeFrag, imageFrag, imageVert, gridVert, gridFrag, } from "./shaders";
+import { Shape, Img, Renderable, Grid, GRID_TYPE } from "./shapes";
+import { SelectionManager, PointerEventManager, KeyEventManager, ContextMenuManager, makeMultiOrderCommand, } from "./manager";
+import { Camera } from "./camera";
+import { CameraState, PointerEventState } from "./state";
+import { deserializeCanvas, serializeCanvas, } from "./serializer";
+import { AABB } from "./bounding";
+export class Canvas extends Renderable {
+    // Call this whenever children/layers/z-order change
+    markOrderDirty() {
+        this.orderDirty = true;
+    }
+    get gl() {
+        return __classPrivateFieldGet(this, _Canvas_gl, "f");
+    }
+    get grid() {
+        return __classPrivateFieldGet(this, _Canvas_grid, "f");
+    }
+    get history() {
+        return __classPrivateFieldGet(this, _Canvas_history, "f");
+    }
+    get eventHub() {
+        return __classPrivateFieldGet(this, _Canvas_eventHub, "f");
+    }
+    get pointerEventManager() {
+        return __classPrivateFieldGet(this, _Canvas_pointerEventManager, "f");
+    }
+    get selectionManager() {
+        return __classPrivateFieldGet(this, _Canvas_selectionManager, "f");
+    }
+    get contextMenuManager() {
+        return __classPrivateFieldGet(this, _Canvas_contextMenuManager, "f");
+    }
+    get canvas() {
+        return __classPrivateFieldGet(this, _Canvas_canvas, "f");
+    }
+    get camera() {
+        return __classPrivateFieldGet(this, _Canvas_camera, "f");
+    }
+    get isGlobalClick() {
+        return __classPrivateFieldGet(this, _Canvas_isGlobalClick, "f");
+    }
+    set isGlobalClick(val) {
+        __classPrivateFieldSet(this, _Canvas_isGlobalClick, val, "f");
+    }
+    get basicShapeProgram() {
+        return __classPrivateFieldGet(this, _Canvas_basicShapeProgram, "f");
+    }
+    constructor(canvas, history, eventHub, writeToStorage, saveImgFileToStorage, getContainerDimension) {
+        super();
+        _Canvas_canvas.set(this, void 0);
+        _Canvas_eventHub.set(this, void 0);
+        _Canvas_history.set(this, void 0);
+        _Canvas_camera.set(this, void 0);
+        _Canvas_gl.set(this, void 0);
+        _Canvas_basicShapeProgram.set(this, void 0);
+        _Canvas_imageProgram.set(this, void 0);
+        _Canvas_gridProgram.set(this, void 0);
+        _Canvas_grid.set(this, void 0);
+        _Canvas_isGlobalClick.set(this, true);
+        _Canvas_selectionManager.set(this, void 0);
+        _Canvas_pointerEventManager.set(this, void 0);
+        _Canvas_keyPressManager.set(this, void 0);
+        _Canvas_contextMenuManager.set(this, void 0);
+        this.orderDirty = true;
+        this.renderList = [];
+        __classPrivateFieldSet(this, _Canvas_canvas, canvas, "f");
+        __classPrivateFieldSet(this, _Canvas_eventHub, eventHub, "f");
+        __classPrivateFieldSet(this, _Canvas_history, history, "f");
+        __classPrivateFieldSet(this, _Canvas_grid, new Grid(), "f");
+        __classPrivateFieldSet(this, _Canvas_gl, canvas.getContext("webgl", {
+            alpha: true,
+            premultipliedAlpha: false,
+        }), "f");
+        __classPrivateFieldGet(this, _Canvas_gl, "f").enable(__classPrivateFieldGet(this, _Canvas_gl, "f").BLEND);
+        __classPrivateFieldGet(this, _Canvas_gl, "f").blendFunc(__classPrivateFieldGet(this, _Canvas_gl, "f").SRC_ALPHA, __classPrivateFieldGet(this, _Canvas_gl, "f").ONE_MINUS_SRC_ALPHA);
+        __classPrivateFieldGet(this, _Canvas_gl, "f").getExtension("OES_standard_derivatives"); // required to enable fwidth
+        __classPrivateFieldGet(this, _Canvas_gl, "f").enable(__classPrivateFieldGet(this, _Canvas_gl, "f").DEPTH_TEST);
+        __classPrivateFieldGet(this, _Canvas_gl, "f").depthFunc(__classPrivateFieldGet(this, _Canvas_gl, "f").LEQUAL);
+        __classPrivateFieldSet(this, _Canvas_basicShapeProgram, createProgram(__classPrivateFieldGet(this, _Canvas_gl, "f"), shapeVert, shapeFrag), "f");
+        __classPrivateFieldSet(this, _Canvas_imageProgram, createProgram(__classPrivateFieldGet(this, _Canvas_gl, "f"), imageVert, imageFrag), "f");
+        __classPrivateFieldSet(this, _Canvas_gridProgram, createProgram(__classPrivateFieldGet(this, _Canvas_gl, "f"), gridVert, gridFrag), "f");
+        this.writeToStorage = writeToStorage;
+        this.saveImgFileToStorage = saveImgFileToStorage;
+        this.getContainerDimension = getContainerDimension;
+        this.engine = this.engine.bind(this);
+        this.getBoundingClientRect = this.getBoundingClientRect.bind(this);
+        this.appendChild = this.appendChild.bind(this);
+        this.addImageToCanvas = this.addImageToCanvas.bind(this);
+        this.setShapeZOrder = this.setShapeZOrder.bind(this);
+        this.toggleGrid = this.toggleGrid.bind(this);
+        this.changeMode = this.changeMode.bind(this);
+        this.getSelected = this.getSelected.bind(this);
+        this.updateZoomByFixedAmount = this.updateZoomByFixedAmount.bind(this);
+        this.assignEventListener = this.assignEventListener.bind(this);
+        this.getWorldsCoordsFromCanvas = (x, y) => getWorldCoords(x, y, this);
+        this.exportState = this.exportState.bind(this);
+        this.importState = this.importState.bind(this);
+        this.clearChildren = this.clearChildren.bind(this);
+        __classPrivateFieldSet(this, _Canvas_selectionManager, new SelectionManager(history, eventHub, this.gl, __classPrivateFieldGet(this, _Canvas_basicShapeProgram, "f"), () => this.worldMatrix, () => this.children, this.getWorldsCoordsFromCanvas), "f");
+        const cameraState = new CameraState({});
+        __classPrivateFieldSet(this, _Canvas_camera, new Camera(cameraState, this.setWorldMatrix, this.updateWorldMatrix, this.getWorldsCoordsFromCanvas), "f");
+        __classPrivateFieldSet(this, _Canvas_keyPressManager, new KeyEventManager(history, eventHub, () => this.selectionManager.deleteSelected(this), this.assignEventListener), "f");
+        __classPrivateFieldSet(this, _Canvas_contextMenuManager, new ContextMenuManager(eventHub, this.selectionManager.isMultiBoundingBoxHit, this.selectionManager.isBoundingBoxHit, this.getWorldsCoordsFromCanvas, this.assignEventListener), "f");
+        const pointerEventState = new PointerEventState();
+        const pointerManagerDeps = {
+            history,
+            eventHub,
+            state: pointerEventState,
+            isContextMenuActive: () => __classPrivateFieldGet(this, _Canvas_contextMenuManager, "f").isActive,
+            getSelected: () => __classPrivateFieldGet(this, _Canvas_selectionManager, "f").selected,
+            getChildren: () => this.children,
+            getWorldMatrix: () => this.worldMatrix,
+            getCanvasGlobalClick: () => this.isGlobalClick,
+            setCanvasGlobalClick: (val) => (this.isGlobalClick = val),
+            getWorldCoords: this.getWorldsCoordsFromCanvas,
+            updateCameraPos: this.camera.updateCameraPos,
+            onWheel: this.camera.onWheel,
+            setCursorStyle: (val) => (canvas.style.cursor = val),
+            paste: (x, y) => paste(x, y, this, history),
+            assignEventListener: this.assignEventListener,
+            closeMarquee: __classPrivateFieldGet(this, _Canvas_selectionManager, "f").clearMarquee,
+            selectionPointerMove: (x, y, dx, dy, resizeDirection) => __classPrivateFieldGet(this, _Canvas_selectionManager, "f").onPointerMove(x, y, dx, dy, resizeDirection, () => this.isGlobalClick, this.camera.updateCameraPos, () => this.worldMatrix),
+            onSelectionPointerDown: this.selectionManager.onSelectionPointerDown,
+            checkIfSelectionHit: this.selectionManager.hitTest,
+            addSelection: this.selectionManager.add,
+            clearSelection: this.selectionManager.clear,
+            isSelection: this.selectionManager.isRectSelected,
+            hitTestAdjustedCorner: this.selectionManager.hitTestAdjustedCorner,
+        };
+        __classPrivateFieldSet(this, _Canvas_pointerEventManager, new PointerEventManager(pointerManagerDeps), "f");
+        __classPrivateFieldGet(this, _Canvas_eventHub, "f").on("save", this.writeToStorage);
+    }
+    engine() {
+        return this;
+    }
+    get totalNumberOfChildren() {
+        return this.children.length;
+    }
+    get numberOfChildrenRendered() {
+        return this.renderList.length;
+    }
+    appendChild(child) {
+        super.appendChild(child);
+        if (child instanceof Shape) {
+            const orders = this.children.map((s) => s.renderOrder);
+            const maxOrder = orders.length ? Math.max(...orders) : 0;
+            child.renderOrder = maxOrder + 1;
+        }
+        this.markOrderDirty();
+        return child;
+    }
+    removeChild(child) {
+        this.state.removeChild(child);
+        if (__classPrivateFieldGet(this, _Canvas_selectionManager, "f")) {
+            __classPrivateFieldGet(this, _Canvas_selectionManager, "f").remove([child]);
+        }
+        child.destroy();
+        this.markOrderDirty();
+    }
+    getChild(id) {
+        return this.state.getChild(id);
+    }
+    updateWorldMatrix() {
+        __classPrivateFieldGet(this, _Canvas_grid, "f").updateWorldMatrix(this.worldMatrix);
+        this.children.forEach((child) => {
+            child.updateWorldMatrix(this.worldMatrix);
+        });
+        __classPrivateFieldGet(this, _Canvas_selectionManager, "f").update();
+    }
+    render() {
+        __classPrivateFieldGet(this, _Canvas_gl, "f").clearColor(0, 0, 0, 0);
+        __classPrivateFieldGet(this, _Canvas_gl, "f").clear(__classPrivateFieldGet(this, _Canvas_gl, "f").COLOR_BUFFER_BIT | __classPrivateFieldGet(this, _Canvas_gl, "f").DEPTH_BUFFER_BIT);
+        __classPrivateFieldGet(this, _Canvas_gl, "f").viewport(0, 0, __classPrivateFieldGet(this, _Canvas_gl, "f").canvas.width, __classPrivateFieldGet(this, _Canvas_gl, "f").canvas.height);
+        const parentBoundingBox = this.canvas.parentElement.getBoundingClientRect();
+        this.camera.setViewPortDimension(parentBoundingBox.width, parentBoundingBox.height);
+        let currentProgram = null;
+        currentProgram = __classPrivateFieldGet(this, _Canvas_gridProgram, "f");
+        const uZGrid = __classPrivateFieldGet(this, _Canvas_gl, "f").getUniformLocation(__classPrivateFieldGet(this, _Canvas_gridProgram, "f"), "u_z");
+        __classPrivateFieldGet(this, _Canvas_gl, "f").uniform1f(uZGrid, 0.0);
+        __classPrivateFieldGet(this, _Canvas_grid, "f").render(__classPrivateFieldGet(this, _Canvas_gl, "f"), currentProgram);
+        const cameraBoundingBox = this.camera.getBoundingBox();
+        let totalRenderable = 0;
+        let rendered = 0;
+        this.renderList = [];
+        for (const renderable of this.children) {
+            totalRenderable++;
+            if (!AABB.isColliding(cameraBoundingBox, renderable.getBoundingBox())) {
+                renderable.culled = true;
+            }
+            else {
+                rendered++;
+                this.renderList.push(renderable);
+                renderable.culled = false;
+            }
+        }
+        // should set low res based on what screen area it has taken up
+        this.renderList.forEach((child) => {
+            if (child instanceof Img) {
+                const useLowRes = child.determineIfLowRes(cameraBoundingBox, this.camera.state.zoom);
+                child.setUseLowRes(useLowRes, this.gl);
+            }
+        });
+        for (const renderable of this.renderList) {
+            let program;
+            if (renderable instanceof Img) {
+                program = __classPrivateFieldGet(this, _Canvas_imageProgram, "f");
+            }
+            else if (renderable instanceof Shape) {
+                program = __classPrivateFieldGet(this, _Canvas_basicShapeProgram, "f");
+            }
+            if (currentProgram !== program) {
+                __classPrivateFieldGet(this, _Canvas_gl, "f").useProgram(program);
+                currentProgram = program;
+            }
+            const uZLoc = __classPrivateFieldGet(this, _Canvas_gl, "f").getUniformLocation(currentProgram, "u_z");
+            __classPrivateFieldGet(this, _Canvas_gl, "f").uniform1f(uZLoc, renderable.getZ());
+            renderable.render(__classPrivateFieldGet(this, _Canvas_gl, "f"), currentProgram);
+        }
+        __classPrivateFieldGet(this, _Canvas_selectionManager, "f").render();
+    }
+    destroy() {
+        // Clean up programs
+        __classPrivateFieldGet(this, _Canvas_gl, "f").deleteProgram(__classPrivateFieldGet(this, _Canvas_basicShapeProgram, "f"));
+        __classPrivateFieldGet(this, _Canvas_gl, "f").deleteProgram(__classPrivateFieldGet(this, _Canvas_imageProgram, "f"));
+        // Clean up all renderables
+        this.children.forEach((child) => {
+            if ("destroy" in child) {
+                child.destroy();
+            }
+        });
+        this.clearChildren();
+    }
+    getDOM() {
+        return __classPrivateFieldGet(this, _Canvas_canvas, "f");
+    }
+    assignEventListener(type, fn, options) {
+        __classPrivateFieldGet(this, _Canvas_canvas, "f").addEventListener(type, fn, options);
+    }
+    hitTest(x, y) {
+        __classPrivateFieldSet(this, _Canvas_isGlobalClick, true, "f");
+        return __classPrivateFieldGet(this, _Canvas_isGlobalClick, "f");
+    }
+    async addImageToCanvas(src, x, y, sx = 1, sy = 1, center = false) {
+        const newImg = new Img({ x: x, y: y, src, sx, sy });
+        newImg.fileId = await this.saveImgFileToStorage(src);
+        if (center) {
+            const preview = new Image();
+            preview.src = !src.startsWith("data:image/png")
+                ? await convertToPNG(src)
+                : src;
+            preview.onload = () => {
+                const w = preview.naturalWidth || preview.width || 0;
+                const h = preview.naturalHeight || preview.height || 0;
+                if (w || h)
+                    newImg.updateTranslation(-w / 2, -h / 2);
+                newImg.src = preview.src;
+                this.appendChild(newImg);
+            };
+        }
+        __classPrivateFieldGet(this, _Canvas_eventHub, "f").emit("save");
+        __classPrivateFieldGet(this, _Canvas_eventHub, "f").emit(CanvasEvent.Change);
+        return newImg;
+    }
+    exportState() {
+        return serializeCanvas(this);
+    }
+    async importState(data, getFile) {
+        return await deserializeCanvas(data, this, getFile);
+    }
+    clearChildren() {
+        this.selectionManager.clear();
+        this.state.clearChildren(); // should clear history?
+        __classPrivateFieldGet(this, _Canvas_history, "f").clear();
+    }
+    toggleGrid() {
+        __classPrivateFieldGet(this, _Canvas_grid, "f").changeGridType(__classPrivateFieldGet(this, _Canvas_grid, "f").gridType === GRID_TYPE.GRID ? GRID_TYPE.NONE : GRID_TYPE.GRID);
+    }
+    getSelected() {
+        return __classPrivateFieldGet(this, _Canvas_selectionManager, "f").selected;
+    }
+    setShapeZOrder(toFront = true) {
+        if (__classPrivateFieldGet(this, _Canvas_selectionManager, "f").multiBoundingBox ||
+            __classPrivateFieldGet(this, _Canvas_selectionManager, "f").boundingBoxes.size != 1)
+            return;
+        const child = Array.from(__classPrivateFieldGet(this, _Canvas_selectionManager, "f").boundingBoxes)[0].target;
+        const snapShotItem = {
+            ref: child,
+            start: {
+                renderOrder: child.renderOrder,
+            },
+        };
+        // Compute new renderOrder based on current scene
+        const orders = this.children.map((s) => s.renderOrder);
+        if (orders.length === 0) {
+            throw new Error("Order unexpected missing.");
+        }
+        const maxOrder = Math.max(...orders);
+        const minOrder = Math.min(...orders);
+        child.renderOrder = toFront ? maxOrder + 1 : minOrder - 1;
+        snapShotItem["end"] = {
+            renderOrder: child.renderOrder,
+        };
+        this.markOrderDirty();
+        __classPrivateFieldGet(this, _Canvas_history, "f").push(makeMultiOrderCommand([snapShotItem]));
+        __classPrivateFieldGet(this, _Canvas_eventHub, "f").emit(CanvasEvent.Change);
+    }
+    changeMode() {
+        __classPrivateFieldGet(this, _Canvas_pointerEventManager, "f").changeMode();
+        __classPrivateFieldGet(this, _Canvas_selectionManager, "f").clear();
+    }
+    updateZoomByFixedAmount(direction = 1) {
+        __classPrivateFieldGet(this, _Canvas_camera, "f").updateZoom(__classPrivateFieldGet(this, _Canvas_canvas, "f").width / 2, __classPrivateFieldGet(this, _Canvas_canvas, "f").height / 2, Math.exp(0.5 * 0.3 * direction));
+    }
+    getBoundingClientRect() {
+        return __classPrivateFieldGet(this, _Canvas_canvas, "f").getBoundingClientRect();
+    }
+    wrapWebGLContext(gl) {
+        const originalCreateTexture = gl.createTexture.bind(gl);
+        gl.createTexture = () => {
+            Canvas.webglStats.texturesCreated++;
+            console.log(`Textures created: ${Canvas.webglStats.texturesCreated}`);
+            return originalCreateTexture();
+        };
+        const originalDeleteTexture = gl.deleteTexture.bind(gl);
+        gl.deleteTexture = (texture) => {
+            if (texture) {
+                Canvas.webglStats.texturesDeleted++;
+                console.log(`Textures deleted: ${Canvas.webglStats.texturesDeleted}`);
+            }
+            return originalDeleteTexture(texture);
+        };
+        const originalCreateShader = gl.createShader.bind(gl);
+        gl.createShader = (type) => {
+            Canvas.webglStats.shadersCreated++;
+            console.log(`Shaders created: ${Canvas.webglStats.shadersCreated}`);
+            return originalCreateShader(type);
+        };
+        const originalDeleteShader = gl.deleteShader.bind(gl);
+        gl.deleteShader = (shader) => {
+            if (shader) {
+                Canvas.webglStats.shadersDeleted++;
+                console.log(`Shaders deleted: ${Canvas.webglStats.shadersDeleted}`);
+            }
+            return originalDeleteShader(shader);
+        };
+        return gl;
+    }
+    static getWebGLStats() {
+        return {
+            ...Canvas.webglStats,
+            buffersLeaked: Canvas.webglStats.buffersCreated - Canvas.webglStats.buffersDeleted,
+            programsLeaked: Canvas.webglStats.programsCreated - Canvas.webglStats.programsDeleted,
+            texturesLeaked: Canvas.webglStats.texturesCreated - Canvas.webglStats.texturesDeleted,
+            shadersLeaked: Canvas.webglStats.shadersCreated - Canvas.webglStats.shadersDeleted,
+        };
+    }
+}
+_Canvas_canvas = new WeakMap(), _Canvas_eventHub = new WeakMap(), _Canvas_history = new WeakMap(), _Canvas_camera = new WeakMap(), _Canvas_gl = new WeakMap(), _Canvas_basicShapeProgram = new WeakMap(), _Canvas_imageProgram = new WeakMap(), _Canvas_gridProgram = new WeakMap(), _Canvas_grid = new WeakMap(), _Canvas_isGlobalClick = new WeakMap(), _Canvas_selectionManager = new WeakMap(), _Canvas_pointerEventManager = new WeakMap(), _Canvas_keyPressManager = new WeakMap(), _Canvas_contextMenuManager = new WeakMap();
+Canvas.webglStats = {
+    buffersCreated: 0,
+    buffersDeleted: 0,
+    programsCreated: 0,
+    programsDeleted: 0,
+    texturesCreated: 0,
+    texturesDeleted: 0,
+    shadersCreated: 0,
+    shadersDeleted: 0,
+};
+//# sourceMappingURL=Canvas.js.map

package/esm/Canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.js","sourceRoot":"src/","sources":["Canvas.ts"],"names":[],"mappings":"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"}

package/esm/Component.d.ts

@@ -0,0 +1,126 @@
+import { Canvas } from "./Canvas";
+import { LitElement } from "lit";
+import { AlignDirection, NormalizeMode, NormalizeOption } from "./manager";
+import { ContextMenuProps } from "./contextMenu";
+import { CanvasStorage, FileStorage, ImageFileMetadata } from "./storage";
+import EventEmitter from "eventemitter3";
+type CanvasDisplayMode = "fullscreen" | "windowed";
+export declare class InfiniteCanvasElement extends LitElement {
+    #private;
+    static properties: {
+        name: {
+            type: StringConstructor;
+        };
+        aspectRatioHeight: {
+            type: NumberConstructor;
+        };
+        aspectRatioWidth: {
+            type: NumberConstructor;
+        };
+        width: {
+            type: StringConstructor;
+        };
+        height: {
+            type: StringConstructor;
+        };
+        displayMode: {
+            type: StringConstructor;
+        };
+    };
+    name: string;
+    aspectRatioHeight: number | null;
+    aspectRatioWidth: number | null;
+    width: string;
+    height: string;
+    displayMode: CanvasDisplayMode;
+    static styles: import("lit").CSSResult;
+    private addContextMenu;
+    private clearContextMenu;
+    private isContextMenuActive;
+    get singleImageMenuOptions(): ContextMenuProps;
+    get multiImageMenuOptions(): ContextMenuProps;
+    get canvasImageMenuOptions(): ContextMenuProps;
+    get canvas(): Canvas;
+    get onCanvasChange(): () => void;
+    set onCanvasChange(fn: () => void);
+    get eventHub(): EventEmitter<string | symbol, any>;
+    get rootDiv(): HTMLDivElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): void;
+    private initCanvas;
+    private resizeCanvas;
+    private registerSignal;
+    private warmUpStorage;
+    /**
+     * @returns An array containing the width and height of the container
+     */
+    getContainerSize(): number[];
+    /**
+     * @param storage Canvas storage stores the positions of all the renderables
+     * @param saveFrequency How often should auto save execute
+     */
+    assignCanvasStorage(storage: CanvasStorage, saveFrequency?: number): void;
+    /**
+     * @param storage File storage captures the information about the image data that has previously been added. Made more efficient by using SHA of the image data for storage.
+     */
+    assignFileStorage(storage: FileStorage): void;
+    /**
+     * Duplicate images will not be written to the database
+     * @param dataURL
+     * @returns The unique ID that the image has been logged with. This is a hashed version of the image data URL
+     */
+    saveImageFileMetadata(dataURL: string): Promise<string | number | null>;
+    /**
+     * @param fileId Retrieves the file metadata
+     * @returns
+     */
+    getImageFileMetadata(fileId: string): Promise<ImageFileMetadata>;
+    /**
+     * @returns All file metadata saved in connected storage
+     */
+    getAllImageFileMetdata(): Promise<ImageFileMetadata[]>;
+    /**
+     * Schedule the auto save to the canvas storage based on timer
+     */
+    debounceSaveToCanvasStorage(timeout?: number): void;
+    saveToCanvasStorage(): Promise<void>;
+    restoreStateFromCanvasStorage(): Promise<void>;
+    togglePointerMode(): void;
+    toggleGrid(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    addImages(fileList: FileList): Promise<void>;
+    removeImage(id: number): Promise<void>;
+    /**
+     * @param url Currently only accept base64 url and the image is automatically added to screen center
+     */
+    addImageFromUrl(url: string): Promise<void>;
+    copyImage(): Promise<void>;
+    pasteImage(e: PointerEvent): Promise<void>;
+    flipVertical(): void;
+    flipHorizontal(): void;
+    align(direction: AlignDirection): void;
+    normalizeSelection(type: NormalizeOption, mode: NormalizeMode): void;
+    sendShapeToNewZOrder(toFront: boolean): void;
+    deleteSelectedImages(): void;
+    exportCanvas(filename?: string): Promise<void>;
+    importCanvas(fileList: FileList): Promise<void>;
+    clearCanvas(): void;
+    /**
+     * A non-reactive method that captures the number of images added to the canvas
+     */
+    getTotalNumberOfChildren(): number;
+    /**
+     * A non-reactive method that captures the number of images that are in camera
+     */
+    getNumberOfChildrenRendered(): number;
+    private handleGlobalPointerDown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "infinite-canvas": InfiniteCanvasElement;
+    }
+}
+export {};
+//# sourceMappingURL=Component.d.ts.map

package/esm/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"src/","sources":["Component.ts"],"names":[],"mappings":"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"}