freezmo/lib/history.ts
Martin Dvorak 982391ca45 Codebase audit: fix bugs, performance issues, dead code, and edge cases
1. Bugs fixed:
- Backup schema now accepts theme: "aero" so backups exported under
  Frutiger Aero pass parseBackup on import, and applyImport in "replace"
  mode replaces SRS schedules, answer history, and chats instead of
  merging into existing SRS or skipping empty arrays.
- Typed FillBlank cards bind the input value to chosen ?? value instead
  of chosen ?? "", and normalise() preserves Unicode letters (\p{L}\p{N})
  when grading non-ASCII answers.
- OpenAI-compatible vision calls (contentFor in lib/openai-compat.ts)
  prefix data:image/jpeg;base64, when routes pass stripped base64.
- Streaming calls (ollamaChatStream, providerChatStream) keep their
  AbortController active across the entire body stream and API routes
  forward request.signal so stopping a chat or cancelling a run aborts
  the upstream request immediately.
- HomeworkCard uses homeworkModeLabelKey so "check" records display the
  Checked label instead of Step-by-step guide.
- Desktop dropzones on /create and /homework accept dropped documents as
  well as images.
- LibraryScreen filters reported questions out of its due and mistake
  counts to match ReviewClient.
- Clearing a provider key resets generation if it pointed at that
  provider; chat conversations persist and restore provider; ModelPicker
  keys items by provider:name.
- RouteTransition no longer mutates module-level lastPath during render.
- Service worker asset handler falls back to Response.error() when an
  uncached asset fetch fails offline.
- Confetti and .ice-orb / .ice-bubble respect the in-app reduce-motion
  toggle.

2. Performance & cleanup:
- Deduplicate window storage listeners across all six localStorage
  stores (one listener while subscribed instead of N^2 notifications).
- Use todayAnswerCount in LibraryScreen and pass sorted folders to
  DeckCard.
- Memoize MessageRow with stable callbacks in ChatScreen and compute
  last message IDs in a single pass.
- Close ImageBitmap after drawing in lib/image.ts and destroy pdf.js
  documents in finally in lib/documents.ts.
- Avoid re-parsing serialized sync payloads in POST /api/sync.
- Deduplicate copyText (lib/share.ts -> lib/clipboard.ts), chatMessageId,
  describeExtraction, ALL_FOLDERS, useIsPhone, and remove unused helpers
  and boilerplate public/*.svg files.

Version 0.5.8, SW -> freezmo-v80.
2026-10-14 19:00:17 +00:00

252 lines
8.1 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use client";
/**
* Answer history and the spaced-repetition schedule, kept in IndexedDB
* (unbounded event log — localStorage would fill up). The in-memory mirror
* makes reads synchronous for React (`useSyncExternalStore`); writes update
* the mirror immediately and persist asynchronously.
*
* Versioned DB `freezmo-learning` v1 with stores:
* answers keyPath id (indexes: at, deckId)
* srs keyPath key (index: dueAt) key = `${deckId}:${activityId}`
*/
import { type AnswerRecord, type SrsRecord } from "./schemas";
import { markSyncDirty } from "./sync-state";
export type { AnswerRecord, SrsRecord };
const DB_NAME = "freezmo-learning";
const DB_VERSION = 1;
const ANSWERS = "answers";
const SRS = "srs";
/** The log is pruned beyond this many answers (oldest first). */
export const MAX_ANSWERS = 20_000;
/** A wrong answer comes back after this long, even inside a session. */
export const WRONG_RETRY_MS = 10 * 60_000;
const EMPTY_ANSWERS: AnswerRecord[] = [];
const EMPTY_SRS: SrsRecord[] = [];
type Listener = () => void;
let answers: AnswerRecord[] = [];
let schedules = new Map<string, SrsRecord>();
let cachedAnswers: AnswerRecord[] = EMPTY_ANSWERS;
let cachedSrs: SrsRecord[] = EMPTY_SRS;
const listeners = new Set<Listener>();
let hydrated = false;
let hydration: Promise<void> | null = null;
function notify(): void {
cachedAnswers = answers;
cachedSrs = [...schedules.values()];
listeners.forEach((listener) => listener());
}
function openDb(): Promise<IDBDatabase> {
return new Promise((resolve, reject) => {
const request = indexedDB.open(DB_NAME, DB_VERSION);
request.onupgradeneeded = () => {
const db = request.result;
if (!db.objectStoreNames.contains(ANSWERS)) {
const store = db.createObjectStore(ANSWERS, { keyPath: "id" });
store.createIndex("at", "at");
store.createIndex("deckId", "deckId");
}
if (!db.objectStoreNames.contains(SRS)) {
const store = db.createObjectStore(SRS, { keyPath: "key" });
store.createIndex("dueAt", "dueAt");
}
};
request.onsuccess = () => resolve(request.result);
request.onerror = () => reject(request.error);
});
}
async function withDb<T>(_mode: IDBTransactionMode, run: (db: IDBDatabase) => T | Promise<T>): Promise<T> {
const db = await openDb();
try {
return await run(db);
} finally {
// Transactions keep the connection alive until they settle; close on the
// next task so pending requests finish first.
window.setTimeout(() => db.close(), 1000);
}
}
function requestToPromise<T>(request: IDBRequest<T>): Promise<T> {
return new Promise((resolve, reject) => {
request.onsuccess = () => resolve(request.result);
request.onerror = () => reject(request.error);
});
}
/** Loads IndexedDB into the mirror exactly once. Safe to call repeatedly. */
export function ensureLearningHydrated(): Promise<void> {
if (hydrated) return Promise.resolve();
if (hydration) return hydration;
hydration = (async () => {
if (typeof indexedDB === "undefined") {
hydrated = true;
return;
}
try {
await withDb("readonly", async (db) => {
const transaction = db.transaction([ANSWERS, SRS], "readonly");
const [loadedAnswers, loadedSrs] = await Promise.all([
requestToPromise(transaction.objectStore(ANSWERS).getAll() as IDBRequest<AnswerRecord[]>),
requestToPromise(transaction.objectStore(SRS).getAll() as IDBRequest<SrsRecord[]>),
]);
// Writes that happened before hydration win (dedupe by id/key).
const known = new Set(answers.map((entry) => entry.id));
const merged = [...answers, ...loadedAnswers.filter((entry) => !known.has(entry.id))];
merged.sort((a, b) => b.at - a.at);
answers = merged.slice(0, MAX_ANSWERS);
for (const entry of loadedSrs) {
const current = schedules.get(entry.key);
if (!current || current.lastAt < entry.lastAt) schedules.set(entry.key, entry);
}
});
} catch (error) {
console.warn("[freezmo] could not read the learning history", error);
} finally {
hydrated = true;
notify();
}
})();
return hydration;
}
export const learningStore = {
subscribe(listener: Listener): () => void {
listeners.add(listener);
void ensureLearningHydrated();
return () => listeners.delete(listener);
},
getAnswersSnapshot(): AnswerRecord[] {
return cachedAnswers;
},
getSrsSnapshot(): SrsRecord[] {
return cachedSrs;
},
getServerAnswers(): AnswerRecord[] {
return EMPTY_ANSWERS;
},
getServerSrs(): SrsRecord[] {
return EMPTY_SRS;
},
};
export type AnswerInput = {
deckId: string;
deckTitle: string;
activityId: string;
type: string;
topic?: string;
correct: boolean;
};
/**
* Records one answer and updates its schedule. The schedule is a light SM-2:
* correct → 1 day, then 3 days, then interval × ease; wrong → back in ten
* minutes with the ease nudged down.
*/
export function recordAnswer(input: AnswerInput, at = Date.now()): void {
const record: AnswerRecord = {
id: `${at.toString(36)}-${Math.random().toString(36).slice(2, 8)}`,
deckId: input.deckId,
deckTitle: input.deckTitle,
activityId: input.activityId,
type: input.type,
topic: input.topic,
correct: input.correct,
at,
};
answers = [record, ...answers].slice(0, MAX_ANSWERS);
const key = `${input.deckId}:${input.activityId}`;
const previous = schedules.get(key);
let ease = previous?.ease ?? 2.5;
let reps = previous?.reps ?? 0;
let intervalDays = previous?.intervalDays ?? 0;
let lapses = previous?.lapses ?? 0;
if (input.correct) {
ease = Math.min(3, ease + 0.1);
reps += 1;
intervalDays = reps === 1 ? 1 : reps === 2 ? 3 : Math.min(365, Math.round(Math.max(1, intervalDays) * ease));
} else {
ease = Math.max(1.3, ease - 0.2);
reps = 0;
intervalDays = 0;
lapses += 1;
}
const schedule: SrsRecord = {
key,
deckId: input.deckId,
activityId: input.activityId,
ease,
reps,
intervalDays,
lapses,
dueAt: at + (input.correct ? intervalDays * 86_400_000 : WRONG_RETRY_MS),
lastAt: at,
lastCorrect: input.correct,
};
schedules = new Map(schedules);
schedules.set(key, schedule);
notify();
markSyncDirty();
void (async () => {
try {
await ensureLearningHydrated();
await withDb("readwrite", (db) => {
const transaction = db.transaction([ANSWERS, SRS], "readwrite");
transaction.objectStore(ANSWERS).put(record);
transaction.objectStore(SRS).put(schedule);
});
// Prune the log beyond the cap (oldest first) in a separate pass.
const overflow = answers.length - MAX_ANSWERS;
if (overflow > 0) {
const oldest = answers.slice(MAX_ANSWERS).map((entry) => entry.id);
await withDb("readwrite", (db) => {
const transaction = db.transaction(ANSWERS, "readwrite");
const store = transaction.objectStore(ANSWERS);
for (const id of oldest) store.delete(id);
});
}
} catch (error) {
console.warn("[freezmo] could not save the answer history", error);
}
})();
}
/** Used by backup import and sync pulls. */
export async function replaceLearning(nextAnswers: AnswerRecord[], nextSrs: SrsRecord[]): Promise<void> {
const sorted = [...nextAnswers].sort((a, b) => b.at - a.at).slice(0, MAX_ANSWERS);
answers = sorted;
schedules = new Map(nextSrs.map((entry) => [entry.key, entry]));
notify();
try {
await withDb("readwrite", (db) => {
const transaction = db.transaction([ANSWERS, SRS], "readwrite");
const answersStore = transaction.objectStore(ANSWERS);
const srsStore = transaction.objectStore(SRS);
answersStore.clear();
srsStore.clear();
for (const entry of sorted) answersStore.put(entry);
for (const entry of nextSrs) srsStore.put(entry);
});
} catch (error) {
console.warn("[freezmo] could not replace the learning history", error);
}
}
/** Wipes the log and every schedule (used by the stats screen). */
export async function clearLearning(): Promise<void> {
await replaceLearning([], []);
}