Mobile only (<=639px / coarse pointers); desktop keeps its behaviour. System integration - Manifest: id, display_override, monochrome icon, Make my homework shortcut and a share target (text/URL via GET, files via POST). iOS startup images for the common iPhone sizes. Pinch-zoom is allowed again (double-tap zoom is disabled via touch-action instead). - Share target: /share chooser with New deck / Make my homework; POSTed files wait in a 10-minute in-memory store, reach the wizard through sessionStorage and never touch disk. - Web Share: Share rows for decks (JSON file where supported) and the homework result, with a clipboard fallback and a toast. - Offline: a quiet pill appears and Freeze / mode cards are disabled with a clear reason; input is never lost (error cards keep Retry). - State: wizard drafts (text, options, photos up to a size budget) survive reloads and OS kills and are cleared on success; re-tapping the active tab scrolls to the top; the deck page shows a skeleton instead of a spinner. Navigation and gestures - System Back closes the topmost layer first: a small history-entry stack (lib/use-back-close.ts) covers the drawer, Settings sheet, install sheet, deck actions panel and one wizard step; navigations are never rewound and stale entries are skipped. - Destructive-but-reversible actions use Undo toasts: deleting a deck (no confirm) and removing a file in the wizard. Irreversible ones keep their confirm. Input and feedback - Every phone input got inputmode / enterkeyhint / autocomplete / autocapitalize / spellcheck; Enter on the last field advances the wizard; a clipboard-paste button appears where the API exists. - Haptics behind a Settings toggle (on by default): tab switches, toggles, correct/wrong, completion; Vibration API + the iOS hidden switch tick, throttled and silent everywhere else. - Wake lock during the study feed and homework guide, released on leave and re-acquired when the tab returns. Verified: new native suite 35/35 (manifest/head/viewport, offline, share target GET + POST, back-gesture layers, undo, share fallback, tab re-tap, haptics persistence, draft restore), regression 74/74, mobile 52/52, wizard 80/80, declutter 116/116, animation 8/8, i18n 25/25. Lint + build clean. SW freezmo-v23. Needs a real device (documented in the README): iOS haptic tick, system share sheet entry, wake-lock grant, iPhone startup images, iOS edge-swipe back, install prompts. Pull-to-refresh and the app badge were skipped on purpose.
66 lines
1.9 KiB
TypeScript
66 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
/**
|
|
* Draft persistence for the wizards, so an OS kill (or an accidental reload)
|
|
* doesn't lose the user's photos, pasted text or options. Best-effort: photo
|
|
* data URLs can be large, so every write is guarded and skipped on quota
|
|
* errors instead of breaking the flow.
|
|
*/
|
|
|
|
export type WizardDraft = {
|
|
v: 1;
|
|
savedAt: number;
|
|
text?: string;
|
|
focus?: string;
|
|
difficulty?: string;
|
|
count?: number;
|
|
folderId?: string;
|
|
images?: Array<{ id: string; name: string; dataUrl: string; bytes: number; width: number; height: number }>;
|
|
};
|
|
|
|
const TTL_MS = 24 * 60 * 60 * 1000;
|
|
const MAX_BYTES = 3_000_000;
|
|
|
|
function keyFor(scope: "deck" | "homework"): string {
|
|
return `freezmo.draft.${scope}.v1`;
|
|
}
|
|
|
|
export function saveWizardDraft(scope: "deck" | "homework", draft: Omit<WizardDraft, "v" | "savedAt">): void {
|
|
try {
|
|
const images = (draft.images ?? []).filter(() => true);
|
|
const size = images.reduce((sum, image) => sum + image.dataUrl.length, 0);
|
|
const payload: WizardDraft = {
|
|
v: 1,
|
|
savedAt: Date.now(),
|
|
...draft,
|
|
// Photos over the budget are dropped rather than failing the whole save.
|
|
images: size > MAX_BYTES ? [] : images,
|
|
};
|
|
window.localStorage.setItem(keyFor(scope), JSON.stringify(payload));
|
|
} catch {
|
|
/* quota or private mode — drafts are a nice-to-have */
|
|
}
|
|
}
|
|
|
|
export function loadWizardDraft(scope: "deck" | "homework"): WizardDraft | null {
|
|
try {
|
|
const raw = window.localStorage.getItem(keyFor(scope));
|
|
if (!raw) return null;
|
|
const parsed = JSON.parse(raw) as WizardDraft;
|
|
if (parsed.v !== 1 || Date.now() - parsed.savedAt > TTL_MS) {
|
|
window.localStorage.removeItem(keyFor(scope));
|
|
return null;
|
|
}
|
|
return parsed;
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export function clearWizardDraft(scope: "deck" | "homework"): void {
|
|
try {
|
|
window.localStorage.removeItem(keyFor(scope));
|
|
} catch {
|
|
/* ignore */
|
|
}
|
|
}
|