Steffen Becker
6a313e5692
A handful of photos is the whole ~5 MB quota, and past it the document stopped saving. The autosaved JSON now keeps an `idb:<key>` per picture and the bytes live in their own store; the key is a sampled content hash, so a picture used twice is stored once and each save sweeps what the document no longer names. loadDocument is async as a result and Editor.svelte awaits it. Where IndexedDB is unavailable the data-URIs stay inline exactly as before.
43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
import type { EmbeddedFont } from '../fonts/embeddedFonts';
|
|
import { openDb, idbRequest } from './idb';
|
|
|
|
// The current document's embedded fonts, persisted in IndexedDB (not localStorage, whose
|
|
// ~5 MB quota is already tight for images). One record, replaced on each open, so storage
|
|
// stays bounded to the open document; on app start it is re-registered via FontFace.
|
|
const DB_NAME = 'edentext-fonts';
|
|
const STORE = 'fonts';
|
|
const KEY = 'current';
|
|
|
|
const db_ = () => openDb(DB_NAME, STORE);
|
|
const request = <T>(db: IDBDatabase, mode: IDBTransactionMode, run: (s: IDBObjectStore) => IDBRequest) =>
|
|
idbRequest<T>(db, STORE, mode, run);
|
|
|
|
export async function saveEmbeddedFonts(fonts: EmbeddedFont[]): Promise<void> {
|
|
if (typeof indexedDB === 'undefined') return;
|
|
try {
|
|
const db = await db_();
|
|
if (fonts.length) await request(db, 'readwrite', (s) => s.put(fonts, KEY));
|
|
else await request(db, 'readwrite', (s) => s.delete(KEY));
|
|
db.close();
|
|
} catch { /* storage disabled/full — fidelity just won't persist across reloads */ }
|
|
}
|
|
|
|
export async function loadEmbeddedFonts(): Promise<EmbeddedFont[]> {
|
|
if (typeof indexedDB === 'undefined') return [];
|
|
try {
|
|
const db = await db_();
|
|
const fonts = await request<EmbeddedFont[] | undefined>(db, 'readonly', (s) => s.get(KEY));
|
|
db.close();
|
|
return fonts ?? [];
|
|
} catch { return []; }
|
|
}
|
|
|
|
export async function clearEmbeddedFontStore(): Promise<void> {
|
|
if (typeof indexedDB === 'undefined') return;
|
|
try {
|
|
const db = await db_();
|
|
await request(db, 'readwrite', (s) => s.delete(KEY));
|
|
db.close();
|
|
} catch { /* nothing to clear */ }
|
|
}
|