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.
55 lines
1.9 KiB
TypeScript
55 lines
1.9 KiB
TypeScript
import { MAX_SHARE_BYTES, putShare, takeShare, type SharedFile } from "@/lib/share-inbox";
|
|
|
|
export const runtime = "nodejs";
|
|
export const dynamic = "force-dynamic";
|
|
|
|
function asString(value: FormDataEntryValue | null): string | undefined {
|
|
return typeof value === "string" && value.trim() ? value.trim().slice(0, 20_000) : undefined;
|
|
}
|
|
|
|
/** GET /share?id=… — read (and consume) a payload that was POSTed in. */
|
|
export async function GET(request: Request) {
|
|
const id = new URL(request.url).searchParams.get("id");
|
|
if (!id) return Response.json({ error: "missing id" }, { status: 400 });
|
|
const payload = takeShare(id);
|
|
if (!payload) return Response.json({ error: "expired" }, { status: 404 });
|
|
return Response.json(payload);
|
|
}
|
|
|
|
/**
|
|
* POST /share — the Web Share Target. Text/URL arrive as form fields, files
|
|
* as multipart uploads; both are stashed briefly and the browser is redirected
|
|
* to the chooser page with an opaque id.
|
|
*/
|
|
export async function POST(request: Request) {
|
|
let form: FormData;
|
|
try {
|
|
form = await request.formData();
|
|
} catch {
|
|
return Response.redirect(new URL("/share?error=bad", request.url), 303);
|
|
}
|
|
|
|
const uploads = form.getAll("files").filter((entry): entry is File => entry instanceof File);
|
|
const total = uploads.reduce((sum, file) => sum + file.size, 0);
|
|
if (total > MAX_SHARE_BYTES) {
|
|
return Response.redirect(new URL("/share?error=large", request.url), 303);
|
|
}
|
|
const files: SharedFile[] = [];
|
|
for (const file of uploads.slice(0, 6)) {
|
|
files.push({
|
|
name: file.name || "shared",
|
|
type: file.type || "application/octet-stream",
|
|
data: Buffer.from(await file.arrayBuffer()).toString("base64"),
|
|
});
|
|
}
|
|
|
|
const id = crypto.randomUUID();
|
|
putShare(id, {
|
|
title: asString(form.get("title")),
|
|
text: asString(form.get("text")),
|
|
url: asString(form.get("url")),
|
|
files,
|
|
});
|
|
|
|
return Response.redirect(new URL(`/share?id=${id}`, request.url), 303);
|
|
}
|