@laminapdf/viewer 0.2.0-alpha.3 → 0.2.0-alpha.5

package/dist/source/opfs.js

@@ -0,0 +1,178 @@
+// A large local file read from the origin-private file system: copied there once, in the document
+// worker, then read through a synchronous access handle, so neither Lamina PDF nor the render
+// backend (PDFium reads synchronously) needs the whole file in memory. Copies live in one folder,
+// named by the file's size, date and name, so opening the same file again reads the copy already
+// there; when the folder would pass its budget, the copies used longest ago go first. OPFS is a
+// cache, never the only copy: a browser without it, a copy that doesn't fit or fails partway, or a
+// file another tab holds opens from memory, as before; only a cancel stops the open.
+/** The OPFS folder of document copies, which the app's "Clear recent files and cached documents" empties too. */
+export const CACHE_FOLDER = "documents";
+/** Files above this many bytes are read from a copy: 200 MiB. */
+export const COPY_ABOVE = 200 * 1024 * 1024;
+/** How much the copies may take, at most: 2 GiB, and never more than half the free quota. */
+const MAX_CACHE_BYTES = 2 * 1024 * 1024 * 1024;
+/** Copied in steps of 8 MiB, each a chance to stop and to report progress. */
+const CHUNK = 8 * 1024 * 1024;
+/** Beside each copy, a file holding when it was last opened (the copy's own date is when it was made). */
+const USED = ".used";
+/** The copy's name: its size, date and a hash of its name, so the same file finds its copy again. */
+export function copyName(file) {
+    let hash = 2166136261;
+    for (let i = 0; i < file.name.length; i++)
+        hash = Math.imul(hash ^ file.name.charCodeAt(i), 16777619);
+    return `${file.size}-${file.lastModified}-${(hash >>> 0).toString(16)}.pdf`;
+}
+/** A copied file, read synchronously; both a RangeSource (Lamina PDF) and a RenderSource. */
+export class OpfsByteSource {
+    size;
+    #handle;
+    #folder;
+    #name;
+    #keep;
+    constructor(handle, folder, name, keep) {
+        this.#handle = handle;
+        this.#folder = folder;
+        this.#name = name;
+        this.#keep = keep;
+        this.size = handle.getSize();
+    }
+    /**
+     * `file` read from its OPFS copy, made now if it isn't there; `undefined` where the browser has
+     * no OPFS or the copy can't be made (no room, locked by another tab, a write that fails), so the
+     * caller reads it from memory. Rejects only when `options.signal` aborts.
+     */
+    static async open(file, options) {
+        const folder = await cacheFolder();
+        if (folder === undefined)
+            return undefined;
+        const name = copyName(file);
+        let handle;
+        try {
+            const fileHandle = (await folder.getFileHandle(name, { create: true }));
+            handle = await fileHandle.createSyncAccessHandle();
+        }
+        catch {
+            // Locked by another tab's worker, or the browser refuses: read it from memory instead.
+            return undefined;
+        }
+        try {
+            if (handle.getSize() !== file.size) {
+                if (!(await makeRoom(folder, name, file.size)))
+                    throw new Error("no room for the copy");
+                await copyInto(handle, file, options);
+            }
+            // The use record is best effort: another tab may hold it, and the copy is good without it.
+            await touch(folder, name).catch(() => undefined);
+            return new OpfsByteSource(handle, folder, name, options.keep);
+        }
+        catch (error) {
+            // A copy cut short (a cancel, the disk full) is never left to look complete.
+            handle.close();
+            await removeCopy(folder, name);
+            if (options.signal.aborted)
+                throw error;
+            return undefined;
+        }
+    }
+    readSync(offset, length) {
+        const end = Math.min(this.size, offset + length);
+        if (offset < 0 || end < offset)
+            return undefined;
+        const out = new Uint8Array(end - offset);
+        this.#handle.read(out, { at: offset });
+        return out;
+    }
+    read(offset, length, options) {
+        options?.signal?.throwIfAborted();
+        return Promise.resolve(this.readSync(offset, length) ?? new Uint8Array());
+    }
+    /** Lets the copy go: kept in the folder for next time, or removed when it isn't to be kept. */
+    close() {
+        this.#handle.close();
+        if (!this.#keep)
+            void removeCopy(this.#folder, this.#name);
+    }
+}
+async function cacheFolder() {
+    try {
+        const root = await navigator.storage.getDirectory();
+        return await root.getDirectoryHandle(CACHE_FOLDER, { create: true });
+    }
+    catch {
+        return undefined;
+    }
+}
+/** Removes a copy and its use record; a copy another tab is reading stays (false). */
+async function removeCopy(folder, name) {
+    try {
+        await folder.removeEntry(name);
+    }
+    catch {
+        return false;
+    }
+    await folder.removeEntry(name + USED).catch(() => undefined);
+    return true;
+}
+/** Records that copy `name` was opened now. */
+async function touch(folder, name) {
+    const used = (await folder.getFileHandle(name + USED, { create: true }));
+    const handle = await used.createSyncAccessHandle();
+    try {
+        const stamp = new Uint8Array(8);
+        new DataView(stamp.buffer).setFloat64(0, Date.now());
+        handle.truncate(0);
+        handle.write(stamp, { at: 0 });
+        handle.flush();
+    }
+    finally {
+        handle.close();
+    }
+}
+/** When copy `name` was last opened, else when it was made. */
+async function lastUsed(folder, name, made) {
+    try {
+        const record = await (await folder.getFileHandle(name + USED)).getFile();
+        return new DataView(await record.arrayBuffer()).getFloat64(0);
+    }
+    catch {
+        return made;
+    }
+}
+/**
+ * Whether a copy of `size` bytes fits, making room by removing other copies, those used longest
+ * ago first. The copies together may take half of what is free for them (the quota's free space
+ * plus what the copies already hold), and never more than MAX_CACHE_BYTES.
+ */
+async function makeRoom(folder, keep, size) {
+    const copies = [];
+    for await (const [name, entry] of folder.entries()) {
+        if (name === keep || name.endsWith(USED) || entry.kind !== "file")
+            continue;
+        const copy = await entry.getFile().catch(() => undefined);
+        if (copy !== undefined)
+            copies.push({ name, size: copy.size, used: await lastUsed(folder, name, copy.lastModified) });
+    }
+    let held = copies.reduce((sum, c) => sum + c.size, 0);
+    const { quota = 0, usage = 0 } = await navigator.storage.estimate();
+    const budget = Math.min(MAX_CACHE_BYTES, (quota - usage + held) / 2);
+    if (size > budget)
+        return false;
+    for (const copy of copies.sort((a, b) => a.used - b.used)) {
+        if (held + size <= budget)
+            break;
+        if (await removeCopy(folder, copy.name))
+            held -= copy.size;
+    }
+    return held + size <= budget;
+}
+async function copyInto(handle, file, options) {
+    handle.truncate(0);
+    for (let at = 0; at < file.size; at += CHUNK) {
+        options.signal.throwIfAborted();
+        const bytes = new Uint8Array(await file.slice(at, Math.min(file.size, at + CHUNK)).arrayBuffer());
+        handle.write(bytes, { at });
+        options.onProgress?.(Math.min(file.size, at + CHUNK), file.size);
+    }
+    handle.flush();
+}
+//# sourceMappingURL=opfs.js.map

package/dist/source/opfs.js.map

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

package/dist/thumbnails/strip.d.ts

@@ -0,0 +1,37 @@
+import type { PageInfo } from "@laminapdf/sdk";
+import type { ViewerClient } from "../client.js";
+import { type OpenedDocument } from "../protocol.js";
+import type { Viewer } from "../view/viewer.js";
+/** How a strip looks and how much it keeps. */
+export interface ThumbnailStripOptions {
+    /** The widest page's thumbnail width in CSS px (default 120). */
+    readonly width?: number;
+    /** Thumbnails mounted past each end of the view (default 4). */
+    readonly margin?: number;
+    /** The bitmap cache's budget in bytes (default 32 MB). */
+    readonly cacheBytes?: number;
+    /**
+     * A thumbnail's accessible name and visible caption: by default its page label, and the
+     * name adds "Page … of …".
+     */
+    readonly label?: (page: PageInfo, count: number) => {
+        readonly caption: string;
+        readonly name: string;
+    };
+    /** The list's own accessible name (default "Pages"). */
+    readonly name?: string;
+}
+/** The pages as thumbnails. Make one with `new ThumbnailStrip(client, viewer)`, then `mount` and `open`. */
+export declare class ThumbnailStrip {
+    #private;
+    /** The scrolling list (`role=listbox`); size it with CSS. */
+    readonly element: HTMLElement;
+    constructor(client: ViewerClient, viewer: Viewer, options?: ThumbnailStripOptions);
+    /** Puts the strip in `container`. */
+    mount(container: HTMLElement): void;
+    /** Shows `document`'s pages (the one the viewer opened). */
+    open(document: OpenedDocument): void;
+    /** Takes the strip down: renders aborted, canvases and bitmaps freed, listeners removed. */
+    destroy(): void;
+}
+//# sourceMappingURL=strip.d.ts.map

package/dist/thumbnails/strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strip.d.ts","sourceRoot":"","sources":["../../src/thumbnails/strip.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,+CAA+C;AAC/C,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK;QAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxG,wDAAwD;IACxD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAyBD,4GAA4G;AAC5G,qBAAa,cAAc;;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAqB9B,YAAY,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,qBAA0B,EA4BpF;IAED,qCAAqC;IACrC,KAAK,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAGlC;IAED,4DAA4D;IAC5D,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CASnC;IAED,4FAA4F;IAC5F,OAAO,IAAI,IAAI,CAMd;CA2NF"}

package/dist/thumbnails/strip.js

@@ -0,0 +1,324 @@
+// The thumbnails strip: one small picture per page in a scrolling list, the
+// current page marked, a click or Enter going there. Like the viewer it mounts only the
+// thumbnails in view and a few either side (the same `PageLayout` at thumbnail scale), each with
+// a canvas from its own small pool, rendered at `background` priority so the main view's pages
+// always come first; a thumbnail scrolled away aborts its render. Bitmaps stay in a cache of their
+// own (32 MB by default), so scrolling back costs nothing. Framework-free; styles are set through
+// the CSSOM, which a `style-src 'self'` policy allows.
+import { BitmapCache } from "../canvas/cache.js";
+import { CanvasPool } from "../canvas/pool.js";
+import { PageLayout, rotated } from "../layout/page-layout.js";
+import { appearanceField, appearanceKey } from "../protocol.js";
+/** Space for the caption under each thumbnail, and between thumbnails, in CSS px. */
+const CAPTION = 20;
+const GAP = 12;
+/** The default caption (the page label, else the number) and name. */
+function defaultLabel(page, count) {
+    const number = String(page.index + 1);
+    const caption = page.label ?? number;
+    const name = caption === number ? `Page ${number} of ${count}` : `Page ${caption} (${number} of ${count})`;
+    return { caption, name };
+}
+/** The pages as thumbnails. Make one with `new ThumbnailStrip(client, viewer)`, then `mount` and `open`. */
+export class ThumbnailStrip {
+    /** The scrolling list (`role=listbox`); size it with CSS. */
+    element;
+    #client;
+    #viewer;
+    #width;
+    #margin;
+    #label;
+    #spacer;
+    #pool = new CanvasPool({ max: 32, maxPixels: 8 * 1024 * 1024 });
+    #cache;
+    #items = new Map();
+    #cleanup = [];
+    #document;
+    #layout;
+    #rotation = 0;
+    #appearance = "original";
+    /** The page the viewer shows, marked selected. */
+    #current = 0;
+    /** The page that takes Tab (roving focus). */
+    #focus = 0;
+    #frame;
+    constructor(client, viewer, options = {}) {
+        this.#client = client;
+        this.#viewer = viewer;
+        this.#width = options.width ?? 120;
+        this.#margin = options.margin ?? 4;
+        this.#label = options.label ?? defaultLabel;
+        this.#cache = new BitmapCache(options.cacheBytes ?? 32 * 1024 * 1024);
+        const root = document.createElement("div");
+        root.className = "lamina-thumbnails";
+        root.setAttribute("role", "listbox");
+        root.setAttribute("aria-label", options.name ?? "Pages");
+        Object.assign(root.style, { position: "relative", overflowY: "auto", overflowX: "hidden" });
+        this.#spacer = document.createElement("div");
+        this.#spacer.style.position = "relative";
+        root.append(this.#spacer);
+        this.element = root;
+        const on = (type, f) => {
+            root.addEventListener(type, f);
+            this.#cleanup.push(() => root.removeEventListener(type, f));
+        };
+        on("scroll", () => this.#schedule());
+        on("click", (e) => this.#clicked(e));
+        on("keydown", (e) => this.#key(e));
+        this.#cleanup.push(viewer.subscribe(() => this.#viewChanged()));
+        // A strip shown later (its tab opened, its sheet raised) mounts what it now shows.
+        const resized = new ResizeObserver(() => this.#schedule());
+        resized.observe(root);
+        this.#cleanup.push(() => resized.disconnect());
+    }
+    /** Puts the strip in `container`. */
+    mount(container) {
+        container.append(this.element);
+        this.#schedule();
+    }
+    /** Shows `document`'s pages (the one the viewer opened). */
+    open(document) {
+        this.#unmountAll();
+        this.#cache.clear();
+        this.#document = document;
+        this.#current = 0;
+        this.#focus = 0;
+        this.#rotation = this.#viewer.getState().rotation;
+        this.element.scrollTop = 0;
+        this.#relayout();
+    }
+    /** Takes the strip down: renders aborted, canvases and bitmaps freed, listeners removed. */
+    destroy() {
+        if (this.#frame !== undefined)
+            cancelAnimationFrame(this.#frame);
+        this.#unmountAll();
+        this.#cache.clear();
+        for (const f of this.#cleanup.splice(0))
+            f();
+        this.element.remove();
+    }
+    // --- internals ---
+    #relayout() {
+        const pages = this.#document?.pages ?? [];
+        const widest = Math.max(1, ...pages.map((p) => rotated(p, this.#rotation).width));
+        this.#layout = new PageLayout(pages, { scale: this.#width / widest, rotation: this.#rotation, gap: GAP + CAPTION });
+        this.#spacer.style.height = `${this.#layout.height}px`;
+        this.#unmountAll();
+        this.#schedule();
+    }
+    #viewChanged() {
+        const state = this.#viewer.getState();
+        if (state.rotation !== this.#rotation) {
+            this.#rotation = state.rotation;
+            this.#relayout();
+        }
+        // The thumbnails follow the page appearance: drawn again in it.
+        if (appearanceKey(state.appearance) !== appearanceKey(this.#appearance)) {
+            this.#appearance = state.appearance;
+            this.#unmountAll();
+            this.#schedule();
+        }
+        if (state.currentPage === this.#current || this.#document === undefined)
+            return;
+        this.#current = state.currentPage;
+        // Tab lands on the current page, unless focus is already in the list.
+        if (!this.element.contains(document.activeElement))
+            this.#focus = this.#current;
+        this.#reveal(this.#current);
+        this.#schedule();
+    }
+    /** Scrolls the strip just enough to show page `index`'s thumbnail. */
+    #reveal(index) {
+        const layout = this.#layout;
+        if (layout === undefined || index >= layout.pageCount)
+            return;
+        const top = layout.offsetOf(index) - GAP;
+        const bottom = top + layout.heights[index] + CAPTION + 2 * GAP;
+        const view = this.element;
+        if (top < view.scrollTop)
+            view.scrollTop = top;
+        else if (bottom > view.scrollTop + view.clientHeight)
+            view.scrollTop = bottom - view.clientHeight;
+    }
+    #schedule() {
+        if (this.#frame !== undefined)
+            return;
+        this.#frame = requestAnimationFrame(() => {
+            this.#frame = undefined;
+            this.#update();
+        });
+    }
+    #update() {
+        const layout = this.#layout;
+        if (layout === undefined || layout.pageCount === 0)
+            return;
+        // Nothing renders while the strip is out of the page or hidden (its tab not shown).
+        if (!this.element.isConnected || this.element.clientHeight === 0)
+            return;
+        const top = this.element.scrollTop;
+        const view = layout.rangeIn(top, top + Math.max(1, this.element.clientHeight));
+        const first = Math.max(0, view.first - this.#margin);
+        const last = Math.min(layout.pageCount - 1, view.last + this.#margin);
+        for (const [index, item] of this.#items)
+            if (index < first || index > last)
+                this.#unmount(item);
+        for (let index = first; index <= last; index++) {
+            const item = this.#items.get(index) ?? this.#mount(index, layout);
+            this.#mark(item);
+            if (!item.done && item.abort === undefined)
+                void this.#draw(item, layout);
+        }
+    }
+    #mount(index, layout) {
+        const page = this.#document?.pages[index];
+        const { caption, name } = this.#label(page, layout.pageCount);
+        const root = document.createElement("div");
+        root.className = "lamina-thumbnail";
+        root.setAttribute("role", "option");
+        root.setAttribute("aria-label", name);
+        root.setAttribute("aria-posinset", String(index + 1));
+        root.setAttribute("aria-setsize", String(layout.pageCount));
+        root.dataset.pageIndex = String(index);
+        const width = layout.widths[index];
+        const height = layout.heights[index];
+        Object.assign(root.style, {
+            position: "absolute",
+            top: `${layout.offsetOf(index) - GAP / 2}px`,
+            left: "0",
+            right: "0",
+            height: `${height + CAPTION + GAP}px`,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            paddingTop: `${GAP / 2}px`,
+        });
+        const frame = document.createElement("div");
+        frame.className = "lamina-thumbnail-page";
+        Object.assign(frame.style, { width: `${width}px`, height: `${height}px`, flex: "none" });
+        const label = document.createElement("div");
+        label.className = "lamina-thumbnail-label";
+        label.textContent = caption;
+        label.setAttribute("aria-hidden", "true");
+        root.append(frame, label);
+        this.#spacer.append(root);
+        const item = { index, root, frame, canvas: undefined, abort: undefined, done: false };
+        this.#items.set(index, item);
+        return item;
+    }
+    /** Sets `item`'s selected state and whether Tab reaches it. */
+    #mark(item) {
+        item.root.setAttribute("aria-selected", String(item.index === this.#current));
+        item.root.tabIndex = item.index === this.#focus ? 0 : -1;
+    }
+    async #draw(item, layout) {
+        const ratio = globalThis.devicePixelRatio || 1;
+        const scale = layout.scale * ratio;
+        const appearance = this.#appearance;
+        const id = this.#client.document?.id ?? 0;
+        const key = `${id}:${item.index}:${layout.rotation}:${scale.toFixed(4)}:${appearanceKey(appearance)}`;
+        let bitmap = this.#cache.get(key);
+        let owned = false;
+        if (bitmap === undefined) {
+            const abort = new AbortController();
+            item.abort = abort;
+            try {
+                const rendered = await this.#client.render({ page: item.index, scale, rotation: layout.rotation, ...appearanceField(appearance) }, { priority: "background", signal: abort.signal });
+                bitmap = rendered.bitmap;
+            }
+            catch (error) {
+                // Scrolled away or a new document: drawn again if it comes back into view.
+                if (abort.signal.aborted)
+                    return;
+                // A failed render keeps its placeholder, and isn't asked for again while mounted.
+                item.done = true;
+                reportError(error);
+                return;
+            }
+            finally {
+                if (item.abort === abort)
+                    item.abort = undefined;
+            }
+            if (abort.signal.aborted || this.#items.get(item.index) !== item || this.#layout !== layout) {
+                bitmap.close();
+                return;
+            }
+            owned = !this.#cache.set(key, item.index, bitmap, this.#current);
+        }
+        this.#paint(item, bitmap, layout);
+        if (owned)
+            bitmap.close();
+    }
+    #paint(item, bitmap, layout) {
+        const canvas = item.canvas ?? this.#pool.acquire();
+        if (canvas === undefined)
+            return;
+        item.canvas = canvas;
+        const size = this.#pool.fit(canvas, bitmap.width, bitmap.height);
+        canvas.width = size.width;
+        canvas.height = size.height;
+        Object.assign(canvas.style, {
+            display: "block",
+            width: `${layout.widths[item.index]}px`,
+            height: `${layout.heights[item.index]}px`,
+        });
+        canvas.getContext("2d")?.drawImage(bitmap, 0, 0, size.width, size.height);
+        if (canvas.parentElement !== item.frame)
+            item.frame.append(canvas);
+        item.done = true;
+    }
+    #unmount(item) {
+        item.abort?.abort();
+        if (item.canvas !== undefined)
+            this.#pool.release(item.canvas);
+        item.root.remove();
+        this.#items.delete(item.index);
+    }
+    #unmountAll() {
+        for (const item of [...this.#items.values()])
+            this.#unmount(item);
+    }
+    #clicked(e) {
+        const target = e.target?.closest(".lamina-thumbnail");
+        const index = Number(target?.dataset.pageIndex);
+        if (target === null || target === undefined || !Number.isInteger(index))
+            return;
+        this.#go(index);
+    }
+    /** Arrow keys, Home and End move focus; Enter and Space go to the focused page. */
+    #key(e) {
+        const count = this.#layout?.pageCount ?? 0;
+        if (count === 0)
+            return;
+        const moves = {
+            ArrowDown: this.#focus + 1,
+            ArrowUp: this.#focus - 1,
+            Home: 0,
+            End: count - 1,
+        };
+        const next = moves[e.key];
+        if (next !== undefined) {
+            e.preventDefault();
+            this.#moveFocus(Math.min(count - 1, Math.max(0, next)));
+        }
+        else if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            this.#go(this.#focus);
+        }
+    }
+    #moveFocus(index) {
+        this.#focus = index;
+        this.#reveal(index);
+        // The item may not be mounted yet: mount the range now, then focus it.
+        this.#update();
+        const item = this.#items.get(index);
+        for (const other of this.#items.values())
+            this.#mark(other);
+        item?.root.focus();
+    }
+    #go(index) {
+        this.#focus = index;
+        // A jump: Back returns to where the view was (R06).
+        this.#viewer.jumpToPage(index);
+    }
+}
+//# sourceMappingURL=strip.js.map

package/dist/thumbnails/strip.js.map

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

package/dist/view/budgets.d.ts

@@ -0,0 +1,29 @@
+import type { CanvasPoolOptions } from "../canvas/pool.js";
+/** What the budgets depend on: whether the main pointer is coarse, and the device's memory in GB, if known. */
+export interface DeviceHints {
+    readonly coarse: boolean;
+    readonly memoryGb?: number | undefined;
+}
+/** The viewer's pixel and byte budgets. */
+export interface ViewerBudgets {
+    /** The most device pixels one page canvas holds. */
+    readonly backdropMaxPixels: number;
+    /** The most device pixels any one canvas holds, a detail canvas too. */
+    readonly canvasMaxPixels: number;
+    readonly pool: CanvasPoolOptions;
+    readonly detailPool: CanvasPoolOptions;
+    readonly cacheBytes: number;
+}
+/** The desktop budgets: the viewer's defaults before touch devices had their own. */
+export declare const DESKTOP_BUDGETS: ViewerBudgets;
+/** The decoded bytes `budgets` allow at most: 4 a pixel across both pools, and the bitmap cache. */
+export declare function budgetBytes(budgets: ViewerBudgets): number;
+/**
+ * The budgets for a device. On a coarse pointer the canvases and cache total at most 4 bytes per
+ * pixel × (pool + detail pool) + cache: 184 MB when the memory is unknown (iOS Safari reports none),
+ * 116 MB at 2 GB or less, 304 MB at 4 GB or more.
+ */
+export declare function viewerBudgets(hints: DeviceHints): ViewerBudgets;
+/** This device's hints: a coarse main pointer, and `navigator.deviceMemory` (Chromium only). */
+export declare function deviceHints(): DeviceHints;
+//# sourceMappingURL=budgets.d.ts.map

package/dist/view/budgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"budgets.d.ts","sourceRoot":"","sources":["../../src/view/budgets.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,+GAA+G;AAC/G,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,2CAA2C;AAC3C,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,wEAAwE;IACxE,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IACvC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAOD,qFAAqF;AACrF,eAAO,MAAM,eAAe,EAAE,aAM7B,CAAC;AAIF,oGAAoG;AACpG,wBAAgB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAE1D;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAyB/D;AAED,gGAAgG;AAChG,wBAAgB,WAAW,IAAI,WAAW,CAIzC"}