2 commits

Author	SHA1	Message	Date
Till JS	4d5a96e21b	perf(invoices): lazy-load pdf-lib + swissqrbill, -516 KB on route ... /(app)/invoices/[id] route bundle drops from **534 KB → 18.6 KB** by moving PDF rendering behind dynamic imports. Changes: - views/DetailView.svelte: `await import('../pdf/renderer')` inside renderPdf() + downloadPdf(), cached in a module-local ref. - components/SendModal.svelte: same for openAndDownload(). - pdf/scor.ts (new): generateSCORReference extracted so the invoices store can derive a reference string without pulling swissqrbill/svg + pdf-lib into the list-view bundle. - pdf/qr-bill.ts: re-exports generateSCORReference from scor.ts for backward compatibility. - stores/invoices.svelte.ts: imports from ../pdf/scor (light) instead of ../pdf/qr-bill (heavy). - index.ts: drop re-export of the PDF renderer from the module barrel so `import ... from '$lib/modules/invoices'` never drags pdf-lib in. The heavy chunk (pdf-lib + swissqrbill, ~576 KB) now only loads when a user actually opens an invoice detail — list views, create flow, and all other routes stay lean. 20/20 qr-bill tests pass; svelte-check clean. Bonus: scripts/audit-icon-usage.mjs (+ pnpm run audit:icon-usage) audits @mana/shared-icons imports. Reveals 204 distinct icons across the codebase, 199 of them at default weight but paying for all 6 Phosphor weights. Biggest offender: app-registry/apps.ts with 69 static icon imports accounting for ~290 KB of the shared 466 KB icon chunk. Migration path for that is documented in docs/optimizable/bundle-analysis.md §2 — next session's work. docs/optimizable/bundle-analysis.md also updated with the root (app) layout (260 KB) investigation notes (start/stop lifecycle hooks to defer via idleCallback). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-22 18:03:53 +02:00
Till JS	3b85d7d3d2	chore(bundle): add bundle-size audit + snapshot inventory ... scripts/audit-bundle.mjs reads `.svelte-kit/output/client/_app/immutable` after a prod build and reports: - Total size + category breakdown (entry / nodes / chunks / workers / assets). - Top N JS files with content heuristics (transformers.js, zxcvbn, tiptap, pdf-lib, swissqrbill, rrule, suncalc, Phosphor icon paths, Vite __vite__mapDeps metadata, etc). - Route mapping for `nodes/*.js` by parsing the server manifest's `leaf:` entries, so node 118 is identified as /(app)/invoices/[id]. - ⚠ flag on chunks/ ≥ 200 KB (shared, potentially eager). Current snapshot (docs/optimizable/bundle-analysis.md): entry 92 KB | nodes 2.77 MB | chunks 5.59 MB workers 22.3 MB (ONNX WASM, lazy) | total 31.8 MB Already healthy: - 92 KB entry (no critical-path bloat). - 22 MB transformers.js WASM is worker-scoped — only fetched on first /llm-test or memoro voice use. - zxcvbn (1.25 MB combined dict + keyboard graphs) correctly behind a dynamic import in PasswordStrength.svelte. Follow-up opportunities logged: 1. /invoices/[id] = 534 KB — split swissqrbill + pdf-lib via dynamic import. 2. @mana/shared-icons = 317 + 149 KB SVG path chunks — migrate to tree-shakable per-icon imports or lazy-load. 3. Root (app) layout = 260 KB — check for module bleed into shared shell. Report-only. Run with `pnpm run audit:bundle`. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-22 17:52:08 +02:00