feat: persist imported resource packs in IndexedDB with selection storage

[Copilot]

Resource packs were lost on page reload, requiring re-import and re-selection every session. Audio in resource packs is already FFmpeg-converted to WAV during import, so storing the post-conversion form eliminates re-processing on reload entirely.

Changes

• New src/lib/services/respackStorage.ts — IndexedDB service (phizone_player database, resource_packs store) with saveRespack/loadAllRespacks/deleteRespack. Files are stored as {data: Blob, name, type} tuples and reconstructed as File objects on load. Selected pack ID persisted via localStorage.

• src/routes/(app)/+page.svelte

  • Load stored packs from IndexedDB and restore selection before init()
  • addOrReplaceRespack() helper handles upsert + reactivity + async persistence
  • Select/delete handlers sync to localStorage/IndexedDB
  • Replaced commented-out _respackDB skeleton

• i18n — Added saving_respack / loading_stored_respacks messages (en, zh)

Storage format

// File → StoredFile for IndexedDB structured clone compatibility
function fileToStored(file: File): StoredFile {
  return { data: file.slice(), name: file.name, type: file.type };
}

// StoredFile → File on reload
function storedToFile(stored: StoredFile): File {
  return new File([stored.data], stored.name, { type: stored.type });
}

Since audio is already WAV (48kHz stereo) post-import, canPlayType('audio/wav') passes on all browsers — no FFmpeg load or progress bar on reload.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdn.jsdelivr.net
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/player/player/node_modules/.bin/../@inlang/paraglide-js/bin/run.js compile --project ./project.inlang (dns block)
• eu.posthog.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/player/player/node_modules/.bin/../@inlang/paraglide-js/bin/run.js compile --project ./project.inlang (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
player	Ready	Preview, Comment	Mar 21, 2026 0:17am