@reffy/infinite-canvas 0.0.1

package/esm/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/esm/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/esm/state/renderable.js

@@ -0,0 +1,176 @@
+import { makeObservable, observable, computed, action } from "mobx";
+import { m3 } from "../util";
+export class RenderableState {
+    constructor() {
+        this.translation = [0, 0];
+        this.angleRadians = 0;
+        this.scale = [1, 1];
+        this.localMatrix = m3.identity(); // manage local transformation, like rotate, scale and pan
+        this.worldMatrix = 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
+        makeObservable(this, {
+            translation: observable.struct,
+            angleRadians: observable,
+            scale: observable.struct,
+            localMatrix: observable.ref,
+            worldMatrix: observable.ref,
+            children: observable.shallow,
+            parent: observable.ref,
+            renderDirtyFlag: observable,
+            x: computed,
+            y: computed,
+            scaleX: computed,
+            scaleY: computed,
+            dirty: computed,
+            setTranslation: action,
+            setScale: action,
+            flipVertical: action,
+            setAngle: action,
+            getChild: action,
+            appendChild: action,
+            appendChildren: action,
+            removeChild: action,
+            clearChildren: action,
+            setParent: action,
+            markDirty: action,
+            clearDirty: action,
+            updateLocalMatrix: action,
+            updateWorldMatrix: action,
+            setWorldMatrix: 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 = m3.translation(this.translation[0], this.translation[1]);
+        const r = m3.rotation(this.angleRadians);
+        const s = m3.scaling(this.scale[0], this.scale[1]);
+        // Order: T * R * S (adjust if needed)
+        this.localMatrix = m3.multiply(m3.multiply(t, r), s);
+    }
+    updateWorldMatrix(parentWorldMatrix) {
+        this.worldMatrix = parentWorldMatrix
+            ? m3.multiply(parentWorldMatrix, this.localMatrix)
+            : this.localMatrix.slice();
+        const worldMatrix = this.worldMatrix;
+        this.children.forEach((child) => {
+            child.updateWorldMatrix(worldMatrix);
+        });
+    }
+    setWorldMatrix(worldMatrix) {
+        this.worldMatrix = worldMatrix;
+    }
+}
+//# sourceMappingURL=renderable.js.map

package/esm/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/esm/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/esm/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/esm/storage/defaultStorage.js

@@ -0,0 +1,237 @@
+import "./dexie-primary-key.js";
+import Dexie from "dexie";
+import { ImageFileMetadata, FileStorage, CanvasStorage, } from "./storage";
+const dbVersion1 = {
+    files: "$$id, mimetype, created, lastRetrieved",
+};
+const DB_LIMITS = {
+    MAX_IMAGE_ENTRIES: 1000,
+};
+export class DefaultIndexedDbStorage extends 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("InfiniteCanvas");
+            Dexie.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 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;
+        });
+    }
+}
+export class DefaultLocalStorage extends 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);
+    }
+}
+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.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`);
+    }
+}
+export 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/esm/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/esm/storage/index.d.ts

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

package/esm/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/esm/storage/index.js

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

package/esm/storage/index.js.map

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

package/esm/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/esm/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"}

package/esm/storage/storage.js

@@ -0,0 +1,44 @@
+import { getMimeType, hashStringToId } from "../util";
+export class ImageFileMetadata {
+    _touch() {
+        this._lastRetrieved = Date.now();
+    }
+    get id() {
+        this._touch();
+        return this._id;
+    }
+    get dataURL() {
+        this._touch();
+        return this._dataURL;
+    }
+    get mimetype() {
+        this._touch();
+        return this._mimetype;
+    }
+    get created() {
+        this._touch();
+        return this._created;
+    }
+    get lastRetrieved() {
+        return this._lastRetrieved;
+    }
+    constructor(dataURL) {
+        this._dataURL = dataURL;
+        this._mimetype = getMimeType(dataURL);
+        this._created = Date.now();
+        this._lastRetrieved = Date.now();
+    }
+    static async create(dataURL) {
+        const entry = new ImageFileMetadata(dataURL);
+        entry._id = await hashStringToId(dataURL);
+        return entry;
+    }
+}
+export class FileStorage {
+}
+/**
+ * Writes the canvas data into storage
+ */
+export class CanvasStorage {
+}
+//# sourceMappingURL=storage.js.map

package/esm/storage/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"src/","sources":["storage/storage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,OAAO,iBAAiB;IAOpB,MAAM;QACZ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACnC,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAED,IAAI,OAAO;QACT,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,OAAO;QACT,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,YAAY,OAAe;QACzB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAe;QACjC,MAAM,KAAK,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7C,KAAK,CAAC,GAAG,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;QAC1C,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAED,MAAM,OAAgB,WAAW;CAWhC;AAID;;GAEG;AACH,MAAM,OAAgB,aAAa;CAKlC"}

package/esm/util/camera/camera.d.ts

@@ -0,0 +1,19 @@
+import { Canvas } from "Canvas";
+export declare function getClipSpaceMousePosition(e: MouseEvent, canvas: HTMLCanvasElement): number[];
+export declare function clipToCSS(clipX: number, clipY: number, canvas: HTMLCanvasElement): [number, number];
+export declare function screenToWorld(clientX: number, clientY: number, w: number, h: number, canvas: HTMLCanvasElement, worldMatrix: number[]): [number, number];
+export declare function getWorldCoords(x: number, y: number, canvas: Canvas): [number, number];
+/**
+ * Transforms a point from world space to camera (view) space.
+ * @param worldX X coordinate in world space
+ * @param worldY Y coordinate in world space
+ * @param cameraMatrix The camera/view matrix (usually canvas.worldMatrix)
+ * @returns [cameraX, cameraY]
+ */
+export declare function worldToCamera(worldX: number, worldY: number, cameraMatrix: number[]): number[];
+export declare function applyMatrixToPoint(matrix: number[], x?: number, y?: number): [number, number];
+export declare function getScaleXFromMatrix(matrix: number[]): number;
+export declare function getScaleYFromMatrix(matrix: number[]): number;
+export declare function getScalesFromMatrix(matrix: number[]): [number, number];
+export declare function isScalePositive(matrix: number[]): number[];
+//# sourceMappingURL=camera.d.ts.map

package/esm/util/camera/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"src/","sources":["util/camera/camera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,wBAAgB,yBAAyB,CACvC,CAAC,EAAE,UAAU,EACb,MAAM,EAAE,iBAAiB,YAa1B;AAED,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,iBAAiB,GACxB,CAAC,MAAM,EAAE,MAAM,CAAC,CAIlB;AAID,wBAAgB,aAAa,CAC3B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,iBAAiB,EACzB,WAAW,EAAE,MAAM,EAAE,GACpB,CAAC,MAAM,EAAE,MAAM,CAAC,CAqBlB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAUlE;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EAAE,GACrB,MAAM,EAAE,CAIV;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,EAAE,EAChB,CAAC,CAAC,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,MAAM,GACT,CAAC,MAAM,EAAE,MAAM,CAAC,CAOlB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAE5D;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAE5D;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAEtE;AAMD,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAE1D"}