@reffy/infinite-canvas 0.0.1

package/lib/state/pointerEvent.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointerEventState = void 0;
+const manager_1 = require("../manager");
+class PointerEventState {
+    constructor(mode = manager_1.PointerMode.SELECT) {
+        this.lastPointerPos = { x: 0, y: 0 };
+        this.startWorldX = 0;
+        this.startWorldY = 0;
+        this.lastWorldX = 0;
+        this.lastWorldY = 0;
+        this.resizingDirection = null;
+        this.mode = mode;
+    }
+    // computed
+    get isResizing() {
+        return this.resizingDirection !== null;
+    }
+    get dragDXFromStart() {
+        return this.lastWorldX - this.startWorldX;
+    }
+    get dragDYFromStart() {
+        return this.lastWorldY - this.startWorldY;
+    }
+    // actions
+    setMode(mode) {
+        this.mode = mode;
+    }
+    toggleMode() {
+        this.mode =
+            this.mode === manager_1.PointerMode.PAN ? manager_1.PointerMode.SELECT : manager_1.PointerMode.PAN;
+    }
+    setResizingDirection(dir) {
+        this.resizingDirection = dir;
+    }
+    clearResizingDirection() {
+        this.resizingDirection = null;
+    }
+    // Start an interaction at given world coords
+    initialize(worldX, worldY) {
+        this.startWorldX = worldX;
+        this.startWorldY = worldY;
+        this.lastWorldX = worldX;
+        this.lastWorldY = worldY;
+        this.resizingDirection = null;
+    }
+    updateLastWorldCoord(x, y) {
+        this.lastWorldX = x;
+        this.lastWorldY = y;
+    }
+}
+exports.PointerEventState = PointerEventState;
+//# sourceMappingURL=pointerEvent.js.map

package/lib/state/pointerEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerEvent.js","sourceRoot":"src/","sources":["state/pointerEvent.ts"],"names":[],"mappings":";;;AACA,wCAAyC;AAGzC,MAAa,iBAAiB;IAW5B,YAAY,OAAoB,qBAAW,CAAC,MAAM;QAVlD,mBAAc,GAAU,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACvC,gBAAW,GAAW,CAAC,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QACxB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QAIvB,sBAAiB,GAAoC,IAAI,CAAC;QAGxD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,WAAW;IACX,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,iBAAiB,KAAK,IAAI,CAAC;IACzC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;IAC5C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;IAC5C,CAAC;IAED,UAAU;IACV,OAAO,CAAC,IAAiB;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI;YACP,IAAI,CAAC,IAAI,KAAK,qBAAW,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAW,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAW,CAAC,GAAG,CAAC;IACzE,CAAC;IAED,oBAAoB,CAAC,GAAoC;QACvD,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC;IAC/B,CAAC;IAED,sBAAsB;QACpB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,6CAA6C;IAC7C,UAAU,CAAC,MAAc,EAAE,MAAc;QACvC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,oBAAoB,CAAC,CAAS,EAAE,CAAS;QACvC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;CACF;AA3DD,8CA2DC"}

package/lib/state/renderable.d.ts

@@ -0,0 +1,36 @@
+import { Renderable } from "../shapes";
+export declare class RenderableState {
+    translation: number[];
+    angleRadians: number;
+    scale: number[];
+    localMatrix: number[];
+    worldMatrix: number[];
+    children: Renderable[];
+    parent: Renderable | null;
+    renderDirtyFlag: boolean;
+    constructor();
+    get x(): number;
+    get y(): number;
+    get scaleX(): number;
+    get scaleY(): number;
+    get dirty(): boolean;
+    setTranslation(x: number, y: number): void;
+    updateTranslation(x: number, y: number): void;
+    setScale(sx: number, sy: number): void;
+    updateScale(x: number, y: number): void;
+    flipVertical(imageHeight: number): void;
+    flipHorizontal(imageWidth: number): void;
+    setAngle(rotationDegree: number): void;
+    getChild(i: number): Renderable;
+    appendChild(child: Renderable): void;
+    appendChildren(children: Renderable[]): void;
+    removeChild(child: Renderable): Renderable;
+    clearChildren(): void;
+    setParent(parent: Renderable | null): void;
+    markDirty(): void;
+    clearDirty(): void;
+    updateLocalMatrix(): void;
+    updateWorldMatrix(parentWorldMatrix?: number[]): void;
+    setWorldMatrix(worldMatrix: number[]): void;
+}
+//# sourceMappingURL=renderable.d.ts.map

package/lib/state/renderable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderable.d.ts","sourceRoot":"src/","sources":["state/renderable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,qBAAa,eAAe;IAC1B,WAAW,EAAE,MAAM,EAAE,CAAU;IAC/B,YAAY,EAAE,MAAM,CAAK;IACzB,KAAK,EAAE,MAAM,EAAE,CAAU;IAEzB,WAAW,EAAE,MAAM,EAAE,CAAiB;IACtC,WAAW,EAAE,MAAM,EAAE,CAAiB;IAEtC,QAAQ,EAAE,UAAU,EAAE,CAAM;IAC5B,MAAM,EAAE,UAAU,GAAG,IAAI,CAAQ;IACjC,eAAe,EAAE,OAAO,CAAQ;;IAwChC,IAAI,CAAC,WAEJ;IACD,IAAI,CAAC,WAEJ;IACD,IAAI,MAAM,WAET;IACD,IAAI,MAAM,WAET;IACD,IAAI,KAAK,YAER;IAGD,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAMnC,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAMtC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAO/B,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAMhC,YAAY,CAAC,WAAW,EAAE,MAAM;IAMhC,cAAc,CAAC,UAAU,EAAE,MAAM;IAMjC,QAAQ,CAAC,cAAc,EAAE,MAAM;IAS/B,QAAQ,CAAC,CAAC,EAAE,MAAM;IAIlB,WAAW,CAAC,KAAK,EAAE,UAAU;IAM7B,cAAc,CAAC,QAAQ,EAAE,UAAU,EAAE;IAQrC,WAAW,CAAC,KAAK,EAAE,UAAU;IAU7B,aAAa;IAUb,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAMnC,SAAS;IAOT,UAAU;IAOV,iBAAiB;IAQjB,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE;IAW9C,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE;CAGrC"}

package/lib/state/renderable.js

@@ -0,0 +1,180 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderableState = void 0;
+const mobx_1 = require("mobx");
+const util_1 = require("../util");
+class RenderableState {
+    constructor() {
+        this.translation = [0, 0];
+        this.angleRadians = 0;
+        this.scale = [1, 1];
+        this.localMatrix = util_1.m3.identity(); // manage local transformation, like rotate, scale and pan
+        this.worldMatrix = util_1.m3.identity(); // holds the transformation combining local transformation and parent transformation
+        this.children = [];
+        this.parent = null;
+        this.renderDirtyFlag = true; // reduces constant work to re-render if there are no changes
+        (0, mobx_1.makeObservable)(this, {
+            translation: mobx_1.observable.struct,
+            angleRadians: mobx_1.observable,
+            scale: mobx_1.observable.struct,
+            localMatrix: mobx_1.observable.ref,
+            worldMatrix: mobx_1.observable.ref,
+            children: mobx_1.observable.shallow,
+            parent: mobx_1.observable.ref,
+            renderDirtyFlag: mobx_1.observable,
+            x: mobx_1.computed,
+            y: mobx_1.computed,
+            scaleX: mobx_1.computed,
+            scaleY: mobx_1.computed,
+            dirty: mobx_1.computed,
+            setTranslation: mobx_1.action,
+            setScale: mobx_1.action,
+            flipVertical: mobx_1.action,
+            setAngle: mobx_1.action,
+            getChild: mobx_1.action,
+            appendChild: mobx_1.action,
+            appendChildren: mobx_1.action,
+            removeChild: mobx_1.action,
+            clearChildren: mobx_1.action,
+            setParent: mobx_1.action,
+            markDirty: mobx_1.action,
+            clearDirty: mobx_1.action,
+            updateLocalMatrix: mobx_1.action,
+            updateWorldMatrix: mobx_1.action,
+            setWorldMatrix: mobx_1.action,
+        });
+        this.updateLocalMatrix();
+        this.updateWorldMatrix();
+    }
+    // Computed
+    get x() {
+        return this.translation[0];
+    }
+    get y() {
+        return this.translation[1];
+    }
+    get scaleX() {
+        return this.scale[0];
+    }
+    get scaleY() {
+        return this.scale[1];
+    }
+    get dirty() {
+        return this.renderDirtyFlag;
+    }
+    // Actions
+    setTranslation(x, y) {
+        this.translation[0] = x;
+        this.translation[1] = y;
+        this.markDirty();
+    }
+    updateTranslation(x, y) {
+        this.translation[0] += x;
+        this.translation[1] += y;
+        this.markDirty();
+    }
+    setScale(sx, sy) {
+        if (sx === this.scale[0] && sy === this.scale[1])
+            return;
+        this.scale[0] = sx;
+        this.scale[1] = sy;
+        this.markDirty();
+    }
+    updateScale(x, y) {
+        this.scale[0] *= x;
+        this.scale[1] *= y;
+        this.markDirty();
+    }
+    flipVertical(imageHeight) {
+        this.translation[1] += this.scale[1] * imageHeight;
+        this.scale[1] *= -1;
+        this.markDirty();
+    }
+    flipHorizontal(imageWidth) {
+        this.translation[0] += this.scale[0] * imageWidth;
+        this.scale[0] *= -1;
+        this.markDirty();
+    }
+    setAngle(rotationDegree) {
+        const angleInDegrees = 360 - rotationDegree;
+        const radians = (angleInDegrees * Math.PI) / 180;
+        if (radians === this.angleRadians)
+            return;
+        this.angleRadians = radians;
+        this.markDirty();
+    }
+    getChild(i) {
+        return this.children[i];
+    }
+    appendChild(child) {
+        if (this.children.includes(child))
+            return;
+        this.children.push(child);
+        this.markDirty();
+    }
+    appendChildren(children) {
+        for (const child of children) {
+            if (this.children.includes(child))
+                return;
+            this.children.push(child);
+        }
+        this.markDirty();
+    }
+    removeChild(child) {
+        const i = this.children.indexOf(child);
+        if (i < 0)
+            return;
+        const removedChildren = this.children.splice(i, 1);
+        child.state.setParent(null);
+        this.markDirty();
+        return removedChildren[0];
+    }
+    clearChildren() {
+        if (this.children) {
+            for (const child of this.children) {
+                child.destroy();
+            }
+            this.children = [];
+            this.markDirty();
+        }
+    }
+    setParent(parent) {
+        if (this.parent === parent)
+            return;
+        this.parent = parent;
+        this.markDirty();
+    }
+    markDirty() {
+        if (!this.renderDirtyFlag) {
+            this.renderDirtyFlag = true;
+            this.updateLocalMatrix();
+        }
+    }
+    clearDirty() {
+        if (this.renderDirtyFlag) {
+            this.renderDirtyFlag = false;
+            this.updateLocalMatrix();
+        }
+    }
+    updateLocalMatrix() {
+        const t = util_1.m3.translation(this.translation[0], this.translation[1]);
+        const r = util_1.m3.rotation(this.angleRadians);
+        const s = util_1.m3.scaling(this.scale[0], this.scale[1]);
+        // Order: T * R * S (adjust if needed)
+        this.localMatrix = util_1.m3.multiply(util_1.m3.multiply(t, r), s);
+    }
+    updateWorldMatrix(parentWorldMatrix) {
+        this.worldMatrix = parentWorldMatrix
+            ? util_1.m3.multiply(parentWorldMatrix, this.localMatrix)
+            : this.localMatrix.slice();
+        const worldMatrix = this.worldMatrix;
+        this.children.forEach((child) => {
+            child.updateWorldMatrix(worldMatrix);
+        });
+    }
+    setWorldMatrix(worldMatrix) {
+        this.worldMatrix = worldMatrix;
+    }
+}
+exports.RenderableState = RenderableState;
+//# sourceMappingURL=renderable.js.map

package/lib/state/renderable.js.map

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

package/lib/storage/defaultStorage.d.ts

@@ -0,0 +1,34 @@
+import "./dexie-primary-key.js";
+import { ImageFileMetadata, FileStorage, CanvasStorage, CanvasStorageEntry } from "./storage";
+export declare class DefaultIndexedDbStorage extends FileStorage {
+    private dbQueue;
+    private dbPromise;
+    private cache;
+    private CACHE_LIMIT;
+    constructor();
+    private initDb;
+    private getIndexDb;
+    /**
+     * Writes to indexedDB
+     * @param data
+     * @param mimetype
+     * @returns the file ID
+     */
+    write(data: string): Promise<string | number>;
+    readAll(): Promise<ImageFileMetadata[]>;
+    readPage(offset: number, limit: number): Promise<ImageFileMetadata[]>;
+    read(id: string | number): Promise<ImageFileMetadata>;
+    delete(id: string): Promise<ImageFileMetadata>;
+    update(newVersion: ImageFileMetadata): Promise<ImageFileMetadata>;
+    checkIfImageStored(url: string): Promise<string | number | null>;
+}
+export declare class DefaultLocalStorage extends CanvasStorage {
+    key: string;
+    constructor(key: string);
+    write(value: CanvasStorageEntry): Promise<void>;
+    read(): Promise<string>;
+    delete(): Promise<void>;
+    update(value: CanvasStorageEntry): Promise<void>;
+}
+export declare function dataUrlToBlob(dataUrl: string): Blob;
+//# sourceMappingURL=defaultStorage.d.ts.map

package/lib/storage/defaultStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultStorage.d.ts","sourceRoot":"src/","sources":["storage/defaultStorage.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,kBAAkB,EACnB,MAAM,WAAW,CAAC;AAkBnB,qBAAa,uBAAwB,SAAQ,WAAW;IACtD,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,KAAK,CAAiD;IAC9D,OAAO,CAAC,WAAW,CAAO;;YAQZ,MAAM;YAUN,UAAU;IAIxB;;;;;OAKG;IACG,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IA6B7C,OAAO,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAOvC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAOrE,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;IA+BrD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAmB9C,MAAM,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAsBjE,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAOvE;AAED,qBAAa,mBAAoB,SAAQ,aAAa;IACpD,GAAG,EAAE,MAAM,CAAqB;gBAEpB,GAAG,EAAE,MAAM;IAKjB,KAAK,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAW/C,IAAI,IAAI,OAAO,CAAC,MAAM,CAAC;IAUvB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAWvB,MAAM,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;CAGvD;AAqDD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAanD"}

package/lib/storage/defaultStorage.js

@@ -0,0 +1,246 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultLocalStorage = exports.DefaultIndexedDbStorage = void 0;
+exports.dataUrlToBlob = dataUrlToBlob;
+require("./dexie-primary-key.js");
+const dexie_1 = __importDefault(require("dexie"));
+const storage_1 = require("./storage");
+const dbVersion1 = {
+    files: "$$id, mimetype, created, lastRetrieved",
+};
+const DB_LIMITS = {
+    MAX_IMAGE_ENTRIES: 1000,
+};
+class DefaultIndexedDbStorage extends storage_1.FileStorage {
+    constructor() {
+        super();
+        this.dbQueue = new DatabaseQueue();
+        this.cache = new Map();
+        this.CACHE_LIMIT = 100;
+        this.dbQueue = new DatabaseQueue();
+        this.dbPromise = this.initDb();
+    }
+    async initDb() {
+        return handleQuotaError(async () => {
+            let db = new dexie_1.default("InfiniteCanvas");
+            dexie_1.default.UUIDPrimaryKey(db);
+            db.version(1).stores(dbVersion1);
+            await db.open();
+            return db;
+        });
+    }
+    async getIndexDb() {
+        return this.dbPromise;
+    }
+    /**
+     * Writes to indexedDB
+     * @param data
+     * @param mimetype
+     * @returns the file ID
+     */
+    async write(data) {
+        const file = await storage_1.ImageFileMetadata.create(data);
+        const blob = dataUrlToBlob(file.dataURL);
+        return this.dbQueue.add(() => handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            return await db
+                .transaction("rw", db.files, async () => {
+                await checkImageLimit(db);
+                return await db.files.add({
+                    id: file.id,
+                    blob,
+                    dataURL: file.dataURL,
+                    mimetype: file.mimetype,
+                    created: file.created,
+                    lastRetrieved: file.lastRetrieved,
+                });
+            })
+                .catch((error) => {
+                console.error("Failed to save image blob to local DB:", error);
+                throw error;
+            });
+        }));
+    }
+    async readAll() {
+        return handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            return await db.files.toArray();
+        });
+    }
+    async readPage(offset, limit) {
+        return handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            return await db.files.offset(offset).limit(limit).toArray();
+        });
+    }
+    async read(id) {
+        return handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            if (this.cache.has(id)) {
+                return this.cache.get(id);
+            }
+            const entry = await db.files.get(id);
+            if (!entry)
+                return null;
+            this.dbQueue
+                .add(async () => {
+                try {
+                    await db.files.update(id, { lastRetrieved: Date.now() });
+                }
+                catch (e) {
+                    console.error("Failed to update lastRetrieved", e);
+                }
+            })
+                .catch(() => { });
+            this.cache.set(id, entry);
+            if (this.cache.size > this.CACHE_LIMIT) {
+                const firstKey = this.cache.keys().next().value;
+                this.cache.delete(firstKey);
+            }
+            return entry;
+        });
+    }
+    async delete(id) {
+        return this.dbQueue.add(() => handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            return await db
+                .transaction("rw", db.files, async () => {
+                const entry = await db.files.where("id").equals(id).first();
+                await db.files.delete(entry.id);
+                return entry;
+            })
+                .catch((error) => {
+                console.error("Failed to save image blob to local DB:", error);
+                throw error;
+            });
+        }));
+    }
+    async update(newVersion) {
+        return this.dbQueue.add(() => handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            await db.transaction("rw", db.files, async () => {
+                await db.files.update(newVersion.id, {
+                    dataURL: newVersion.dataURL,
+                    mimetype: newVersion.mimetype,
+                    lastRetrieved: Date.now(),
+                });
+            });
+            const updated = await db.files
+                .where("id")
+                .equals(newVersion.id)
+                .first();
+            return updated;
+        }));
+    }
+    async checkIfImageStored(url) {
+        return handleQuotaError(async () => {
+            const db = await this.getIndexDb();
+            const entry = await db.files.where("dataURL").equals(url).first();
+            return entry ? entry.id : null;
+        });
+    }
+}
+exports.DefaultIndexedDbStorage = DefaultIndexedDbStorage;
+class DefaultLocalStorage extends storage_1.CanvasStorage {
+    constructor(key) {
+        super();
+        this.key = "infinite_canvas";
+        this.key = key;
+    }
+    async write(value) {
+        return new Promise((resolve, reject) => {
+            try {
+                localStorage.setItem(this.key, JSON.stringify(value));
+                resolve();
+            }
+            catch (err) {
+                reject(err);
+            }
+        });
+    }
+    async read() {
+        return new Promise((resolve, reject) => {
+            try {
+                resolve(localStorage.getItem(this.key));
+            }
+            catch (err) {
+                reject(err);
+            }
+        });
+    }
+    async delete() {
+        return new Promise((resolve, reject) => {
+            try {
+                localStorage.removeItem(this.key);
+                resolve();
+            }
+            catch (err) {
+                reject(err);
+            }
+        });
+    }
+    async update(value) {
+        return this.write(value);
+    }
+}
+exports.DefaultLocalStorage = DefaultLocalStorage;
+class QuotaExceededError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = "QuotaExceededError";
+    }
+}
+class DatabaseLimitError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = "DatabaseLimitError";
+    }
+}
+class DatabaseQueue {
+    constructor() {
+        this.queue = Promise.resolve();
+    }
+    async add(operation) {
+        const result = this.queue.then(() => operation());
+        this.queue = result.catch(() => { }); // Keep queue moving even on errors
+        return result;
+    }
+}
+const handleQuotaError = async (operation) => {
+    try {
+        return await operation();
+    }
+    catch (err) {
+        if (err instanceof DOMException && err.name === "QuotaExceededError") {
+            throw new QuotaExceededError("Storage quota exceeded. Please free up space.");
+        }
+        if (err instanceof dexie_1.default.QuotaExceededError) {
+            throw new QuotaExceededError("Database quota exceeded. Please free up space.");
+        }
+        throw err;
+    }
+};
+async function checkImageLimit(db) {
+    const count = await db.files.count();
+    if (count >= DB_LIMITS.MAX_IMAGE_ENTRIES) {
+        throw new DatabaseLimitError(`Cannot save image: limit of ${DB_LIMITS.MAX_IMAGE_ENTRIES} reached`);
+    }
+}
+function dataUrlToBlob(dataUrl) {
+    const parts = dataUrl.split(",");
+    const meta = parts[0];
+    const base64 = parts[1];
+    const mimeMatch = meta.match(/:(.*?);/);
+    const mime = mimeMatch ? mimeMatch[1] : "application/octet-stream";
+    const binary = atob(base64);
+    const len = binary.length;
+    const u8 = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+        u8[i] = binary.charCodeAt(i);
+    }
+    return new Blob([u8], { type: mime });
+}
+//# sourceMappingURL=defaultStorage.js.map

package/lib/storage/defaultStorage.js.map

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

package/lib/storage/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./storage";
+export * from "./defaultStorage";
+//# sourceMappingURL=index.d.ts.map

package/lib/storage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["storage/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/lib/storage/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./storage"), exports);
+__exportStar(require("./defaultStorage"), exports);
+//# sourceMappingURL=index.js.map

package/lib/storage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["storage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,mDAAiC"}

package/lib/storage/storage.d.ts

@@ -0,0 +1,36 @@
+import { SerializedCanvas } from "serializer";
+export declare class ImageFileMetadata {
+    private _id;
+    private _dataURL;
+    private _mimetype;
+    private _created;
+    private _lastRetrieved;
+    private _touch;
+    get id(): string | number;
+    get dataURL(): string;
+    get mimetype(): string;
+    get created(): number;
+    get lastRetrieved(): number;
+    constructor(dataURL: string);
+    static create(dataURL: string): Promise<ImageFileMetadata>;
+}
+export declare abstract class FileStorage {
+    abstract write(data: string): Promise<string | number>;
+    abstract readAll(): Promise<ImageFileMetadata[]>;
+    abstract readPage(offset: number, limit: number): Promise<ImageFileMetadata[]>;
+    abstract read(id: string): Promise<ImageFileMetadata>;
+    abstract delete(id: string): Promise<ImageFileMetadata>;
+    abstract update(newVersion: ImageFileMetadata): Promise<ImageFileMetadata>;
+    abstract checkIfImageStored(url: string): Promise<string | number | null>;
+}
+export type CanvasStorageEntry = SerializedCanvas;
+/**
+ * Writes the canvas data into storage
+ */
+export declare abstract class CanvasStorage {
+    abstract write(value: CanvasStorageEntry): Promise<void>;
+    abstract read(): Promise<string>;
+    abstract delete(): Promise<void>;
+    abstract update(value: CanvasStorageEntry): Promise<void>;
+}
+//# sourceMappingURL=storage.d.ts.map

package/lib/storage/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"src/","sources":["storage/storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG9C,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,GAAG,CAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,MAAM;IAId,IAAI,EAAE,oBAGL;IAED,IAAI,OAAO,WAGV;IAED,IAAI,QAAQ,WAGX;IAED,IAAI,OAAO,WAGV;IAED,IAAI,aAAa,WAEhB;gBAEW,OAAO,EAAE,MAAM;WAOd,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;CAKjE;AAED,8BAAsB,WAAW;IAC/B,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACtD,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAChD,QAAQ,CAAC,QAAQ,CACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;IACvD,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAC1E,QAAQ,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAC1E;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAElD;;GAEG;AACH,8BAAsB,aAAa;IACjC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IACxD,QAAQ,CAAC,IAAI,IAAI,OAAO,CAAC,MAAM,CAAC;IAChC,QAAQ,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAChC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;CAC1D"}