apps/music/frontend/package.json

{
  "name": "music",
  "private": true,
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "pinia": "^2.1.7",
    "vue": "^3.4.21",
    "vue-router": "^4.3.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.4",
    "vite": "^5.4.0",
    "vite-plugin-pwa": "^0.20.5",
    "workbox-build": "^7.1.0",
    "workbox-window": "^7.1.0"
  }
}
app #2 piano-sheet: 钢琴谱管理 / 阅读，piano.famzheng.me 后端 axum + sqlite，图片直接 BLOB 存进 pages 表（单张 ≤ 10MB / 单谱 ≤ 64 页），5 个 endpoint：multipart upload、列表、详情、单页图片（带 immutable cache header）+ healthz。前端 vue3 + pinia + vue-router，3 个视图：列表（卡片网格 + 首页缩略）、上传（拖拽 + 顺序预览）、阅读（全屏，左右点按 / 键盘 / 拖拽进度条翻页，2.5s 自动隐藏 chrome）。视图状态走 URL（reader 的当前页是 ?page=N）。部署：cube-piano-sheet ns + 10Gi PVC + traefik ingress + 一条 buffering middleware 把 body 上限抬到 700MB。镜像 < 20MB（scratch + musl 静态）。 2026-05-05 09:29:02 +01:00			`{`
music: 新建 music app，替换 piano-sheet 听歌 + 练琴曲目管理： - 数据：piece (title/artist/category/lyrics/play_count/notes) + attachments (audio/video/pdf/image; image 带 role=chord/numbered/staff) - 后端 axum + sqlite，附件流式落 PVC，ServeFile 支持 Range（视频拖动） - 前端 guitar 风格 player：左 sidebar + tabs(歌词/吉他谱/简谱/五线谱/PDF/视频)，LRC 同步、快捷键、笔记自动保存 - ns cube-music + music.famzheng.me + bodylimit 5GiB - scripts/import_guitar.py 用于把 oci /data/guitar/ 旧曲库导入 2026-05-09 22:36:14 +01:00			`"name": "music",`
app #2 piano-sheet: 钢琴谱管理 / 阅读，piano.famzheng.me 后端 axum + sqlite，图片直接 BLOB 存进 pages 表（单张 ≤ 10MB / 单谱 ≤ 64 页），5 个 endpoint：multipart upload、列表、详情、单页图片（带 immutable cache header）+ healthz。前端 vue3 + pinia + vue-router，3 个视图：列表（卡片网格 + 首页缩略）、上传（拖拽 + 顺序预览）、阅读（全屏，左右点按 / 键盘 / 拖拽进度条翻页，2.5s 自动隐藏 chrome）。视图状态走 URL（reader 的当前页是 ?page=N）。部署：cube-piano-sheet ns + 10Gi PVC + traefik ingress + 一条 buffering middleware 把 body 上限抬到 700MB。镜像 < 20MB（scratch + musl 静态）。 2026-05-05 09:29:02 +01:00			`"private": true,`
			`"version": "1.0.0",`
			`"scripts": {`
			`"dev": "vite",`
			`"build": "vite build",`
			`"preview": "vite preview"`
			`},`
			`"dependencies": {`
			`"pinia": "^2.1.7",`
			`"vue": "^3.4.21",`
			`"vue-router": "^4.3.0"`
			`},`
			`"devDependencies": {`
			`"@vitejs/plugin-vue": "^5.0.4",`
music(pwa): PWA + 可选离线缓存全库（IndexedDB），默认关 - vite-plugin-pwa injectManifest 模式，自定义 sw.js precache app shell - manifest 支持加桌面 + standalone（icon 暂借 werewolf 紫色调，后续换） - src/lib/cache.js IDB 缓存层：audio + 谱面 PNG 单 attachment id 存放，blob URL 复用 - 启动 initCache 按 localStorage 'music.cache.enabled' 决定是否后台开始下载 - 后台 worker：串行 concurrency=2 + 80ms 间隔，仅 WiFi 时跑（默认） - audio src 优先走 IDB blob URL，没缓存才走网络 - /settings 配置页：开关 + 仅 WiFi 切换 + 进度条 + 用量/quota + 清空缓存 - topbar 加 ⚙ 按钮默认关，首次明确 prompt-by-checkbox 才开。整库 ~1.5GB。 2026-05-25 22:09:54 +01:00			`"vite": "^5.4.0",`
			`"vite-plugin-pwa": "^0.20.5",`
			`"workbox-build": "^7.1.0",`
			`"workbox-window": "^7.1.0"`
app #2 piano-sheet: 钢琴谱管理 / 阅读，piano.famzheng.me 后端 axum + sqlite，图片直接 BLOB 存进 pages 表（单张 ≤ 10MB / 单谱 ≤ 64 页），5 个 endpoint：multipart upload、列表、详情、单页图片（带 immutable cache header）+ healthz。前端 vue3 + pinia + vue-router，3 个视图：列表（卡片网格 + 首页缩略）、上传（拖拽 + 顺序预览）、阅读（全屏，左右点按 / 键盘 / 拖拽进度条翻页，2.5s 自动隐藏 chrome）。视图状态走 URL（reader 的当前页是 ?page=N）。部署：cube-piano-sheet ns + 10Gi PVC + traefik ingress + 一条 buffering middleware 把 body 上限抬到 700MB。镜像 < 20MB（scratch + musl 静态）。 2026-05-05 09:29:02 +01:00			`}`
			`}`