werewolf(pwa): 离线 PWA — 自定义 SW 预缓存 + 全屏进度条，牌图 21M→2.8M

Browse Source

- vite-plugin-pwa(injectManifest)自定义 SW：install 逐个抓取并向页面广播进度，
  cache-first 服务，导航离线回退 index.html，缓存版本随清单哈希自动淘汰旧缓存
- 全屏 modal 进度条（src/pwa.ts），反映首屏预缓存真实下载进度
- 牌图 mozjpeg 压缩 + 限长边 900px，每张 ≤200K（21.2MB→2.8MB）
- 生成 PWA 图标 + manifest + apple-touch meta，index.html 接入
- 新增脚本：npm run gen:icons / compress:images

...

This commit is contained in:

Fam Zheng

2026-05-25 18:44:46 +01:00

parent 1a62ec6658

commit bcf99ec454

47 changed files with 5755 additions and 21 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

apps/werewolf/frontend/public/pwa-512x512.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 558 KiB