fix: 修复打包后白屏问题（createDiscreteApi 循环依赖）

playlist.ts 被 Vite 拆分为独立 chunk 后与主 chunk 形成循环依赖，
顶层调用 createDiscreteApi 导致 NMessageProvider 组件 TDZ 错误。
改为延迟初始化解决。同时移除调试代码。

.env.development

@@ -1,4 +1,4 @@
-VITE_API = /api
+# 你的接口地址 (必填)
-VITE_API_MT = /mt
+VITE_API = http://127.0.0.1:30488
-VITE_API_MUSIC = /music
+# 音乐破解接口地址 web端
-VITE_API_PROXY = http://110.42.251.190:9856
+VITE_API_MUSIC = ***

.env.production

@@ -1,4 +0,0 @@
-VITE_API = http://110.42.251.190:9898
-VITE_API_MT = http://mt.myalger.top
-VITE_API_MUSIC = http://110.42.251.190:4100
-VITE_API_PROXY = http://110.42.251.190:9856

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @algerkong

.github/ISSUE_TEMPLATE/bug-report.zh-CN.yml

@@ -0,0 +1,70 @@
+name: 反馈 Bug
+description: 通过 github 模板进行 Bug 反馈。
+title: '描述问题的标题'
+body:
+  - type: markdown
+    attributes:
+      value: |
+        # 欢迎你的参与
+        Issue 列表接受 bug 报告或是新功能请求。
+
+        在发布一个 Issue 前，请确保：
+        - 在Issue中搜索过你的问题。（你的问题可能已有人提出，也可能已在最新版本中被修正）
+        - 如果你发现一个已经关闭的旧 Issue 在最新版本中仍然存在，不要在旧 Issue 下面留言，请建一个新的 issue。
+
+  - type: input
+    id: reproduce
+    attributes:
+      label: 重现链接
+      description: 请提供尽可能精简的 CodePen、CodeSandbox 或 GitHub 仓库的链接。请不要填无关链接，否则你的 Issue 将被关闭。
+      placeholder: 请填写
+
+  - type: textarea
+    id: reproduceSteps
+    attributes:
+      label: 重现步骤
+      description: 请清晰的描述重现该 Issue 的步骤，这能帮助我们快速定位问题。没有清晰重现步骤将不会被修复，标有 'need reproduction' 的 Issue 在 7 天内不提供相关步骤，将被关闭。
+      placeholder: 请填写
+
+  - type: textarea
+    id: expect
+    attributes:
+      label: 期望结果
+      placeholder: 请填写
+
+  - type: textarea
+    id: actual
+    attributes:
+      label: 实际结果
+      placeholder: 请填写
+
+  - type: input
+    id: frameworkVersion
+    attributes:
+      label: 框架版本
+      placeholder: Vue(3.3.0)
+
+  - type: input
+    id: browsersVersion
+    attributes:
+      label: 浏览器版本
+      placeholder: Chrome(8.213.231.123)
+
+  - type: input
+    id: systemVersion
+    attributes:
+      label: 系统版本
+      placeholder: MacOS(11.2.3)
+
+  - type: input
+    id: nodeVersion
+    attributes:
+      label: Node版本
+      placeholder: 请填写
+
+  - type: textarea
+    id: remarks
+    attributes:
+      label: 补充说明
+      description: 可以是遇到这个 bug 的业务场景、上下文等信息。
+      placeholder: 请填写

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: true
+contact_links:
+  - name:
+    url:
+    about:

.github/ISSUE_TEMPLATE/feature-report.zh-CN.yml

@@ -0,0 +1,29 @@
+name: 反馈新功能
+description: 通过 github 模板进行新功能反馈。
+title: '描述问题的标题'
+body:
+  - type: markdown
+    attributes:
+      value: |
+        # 欢迎你的参与
+
+        在发布一个 Issue 前，请确保：
+        - 在 Issue 中搜索过你的问题。（你的问题可能已有人提出，也可能已在最新版本中被修正）
+        - 如果你发现一个已经关闭的旧 Issue 在最新版本中仍然存在，不要在旧 Issue 下面留言，请建一个新的 issue。
+
+  - type: textarea
+    id: functionContent
+    attributes:
+      label: 这个功能解决了什么问题
+      description: 请详尽说明这个需求的用例和场景。最重要的是：解释清楚是怎样的用户体验需求催生了这个功能上的需求。我们将考虑添加在现有 API 无法轻松实现的功能。新功能的用例也应当足够常见。
+      placeholder: 请填写
+    validations:
+      required: true
+
+  - type: textarea
+    id: functionalExpectations
+    attributes:
+      label: 你建议的方案是什么
+      placeholder: 请填写
+    validations:
+      required: true

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,51 @@
+<!--
+首先，感谢你的贡献！😄
+PR 在维护者审核通过后会合并，谢谢！
+-->
+
+### 🤔 这个 PR 的性质是？
+
+- [ ] 日常 bug 修复
+- [ ] 新特性提交
+- [ ] 文档改进
+- [ ] 演示代码改进
+- [ ] 组件样式/交互改进
+- [ ] CI/CD 改进
+- [ ] 重构
+- [ ] 代码风格优化
+- [ ] 测试用例
+- [ ] 分支合并
+- [ ] 其他
+
+### 🔗 相关 Issue
+
+<!--
+1. 描述相关需求的来源，如相关的 issue 讨论链接。
+-->
+
+### 💡 需求背景和解决方案
+
+<!--
+1. 要解决的具体问题。
+2. 列出最终的 API 实现和用法。
+3. 涉及UI/交互变动需要有截图或 GIF。
+-->
+
+### 📝 更新日志
+
+<!--
+从用户角度描述具体变化，以及可能的 breaking change 和其他风险。
+-->
+
+- fix(组件名称): 处理问题或特性描述 ...
+
+- [ ] 本条 PR 不需要纳入 Changelog
+
+### ☑️ 请求合并前的自查清单
+
+⚠️ 请自检并全部**勾选全部选项**。⚠️
+
+- [ ] 文档已补充或无须补充
+- [ ] 代码演示已提供或无须提供
+- [ ] TypeScript 定义已补充或无须补充
+- [ ] Changelog 已提供或无须提供

.github/dependabot.yml

@@ -0,0 +1,20 @@
+# Basic dependabot.yml file with
+# minimum configuration for two package managers
+
+version: 2
+updates:
+  # Enable version updates for npm
+  - package-ecosystem: 'npm'
+    # Look for `package.json` and `lock` files in the `root` directory
+    directory: '/'
+    # Check the npm registry for updates every day (weekdays)
+    schedule:
+      interval: 'monthly'
+
+  # Enable version updates for Docker
+  - package-ecosystem: 'docker'
+    # Look for a `Dockerfile` in the `root` directory
+    directory: '/'
+    # Check for updates once a week
+    schedule:
+      interval: 'monthly'

.github/issue-shoot.md

@@ -0,0 +1,9 @@
+## IssueShoot
+
+- 预估时长: {{ .duration }}
+- 期望完成时间: {{ .deadline }}
+- 开发难度: {{ .level }}
+- 参与人数: 1
+- 需求对接人: ivringpeng
+- 验收标准: 实现期望改造效果，提 PR 并通过验收无误
+- 备注: 最终激励以实际提交 `pull request` 并合并为准

.github/workflows/build.yml

@@ -0,0 +1,114 @@
+name: Build and Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  build:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - id: mac-x64
+            os: macos-latest
+            build_command: npm run build:mac:x64
+          - id: mac-arm64
+            os: macos-latest
+            build_command: npm run build:mac:arm64
+          - id: windows
+            os: windows-latest
+            build_command: npm run build:win
+          - id: linux
+            os: ubuntu-latest
+            build_command: npm run build:linux
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Install Linux build dependencies
+        if: matrix.os == 'ubuntu-latest'
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf
+
+      - name: Build artifacts
+        run: ${{ matrix.build_command }}
+        env:
+          CSC_IDENTITY_AUTO_DISCOVERY: false
+
+      - name: Prepare mac update metadata
+        if: startsWith(matrix.id, 'mac-')
+        run: rm -f dist/latest-mac.yml
+
+      - name: Upload release bundle
+        uses: actions/upload-artifact@v4
+        with:
+          name: ${{ matrix.id }}
+          if-no-files-found: error
+          path: |
+            dist/*.dmg
+            dist/*.zip
+            dist/*.exe
+            dist/*.deb
+            dist/*.rpm
+            dist/*.AppImage
+            dist/latest*.yml
+            dist/*.blockmap
+
+  release:
+    needs: build
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v4
+
+      - name: Get version from tag
+        run: echo "VERSION=${GITHUB_REF#refs/tags/v}" >> $GITHUB_ENV
+
+      - name: Read release notes
+        run: |
+          NOTES=$(awk "/## \[v${{ env.VERSION }}\]/{p=1;print;next} /## \[v/{p=0}p" CHANGELOG.md)
+          echo "NOTES<<EOF" >> $GITHUB_ENV
+          echo "$NOTES" >> $GITHUB_ENV
+          echo "EOF" >> $GITHUB_ENV
+
+      - name: Download build artifacts
+        uses: actions/download-artifact@v4
+        with:
+          path: release-artifacts
+
+      - name: Prepare release files
+        run: |
+          mkdir -p release-upload
+          find release-artifacts -type f \
+            ! -name 'latest-mac-x64.yml' \
+            ! -name 'latest-mac-arm64.yml' \
+            -exec cp {} release-upload/ \;
+          node scripts/merge_latest_mac_yml.mjs \
+            release-artifacts/mac-x64/latest-mac-x64.yml \
+            release-artifacts/mac-arm64/latest-mac-arm64.yml \
+            release-upload/latest-mac.yml
+
+      - name: Publish GitHub Release
+        uses: softprops/action-gh-release@v2
+        with:
+          body: ${{ env.NOTES }}
+          draft: false
+          prerelease: false
+          files: release-upload/*
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy.yml

@@ -0,0 +1,51 @@
+name: Deploy Web
+
+on:
+  push:
+    branches:
+      - main # 或者您的主分支名称
+  workflow_dispatch: # 允许手动触发
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+
+      - name: 创建环境变量文件
+        run: |
+          echo "VITE_API=${{ secrets.VITE_API }}" > .env.production.local
+          echo "VITE_API_MUSIC=${{ secrets.VITE_API_MUSIC }}" >> .env.production.local
+          # 添加其他需要的环境变量
+          cat .env.production.local # 查看创建的文件内容，调试用
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy to Server
+        uses: appleboy/scp-action@master
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USERNAME }}
+          key: ${{ secrets.DEPLOY_KEY }}
+          source: 'out/renderer/*'
+          target: ${{ secrets.DEPLOY_PATH }}
+          strip_components: 2
+
+      - name: Execute Remote Commands
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USERNAME }}
+          key: ${{ secrets.DEPLOY_KEY }}
+          script: |
+            cd ${{ secrets.DEPLOY_PATH }}
+            echo "部署完成于 $(date)"

.gitignore

@@ -1,11 +1,50 @@
 node_modules
 .DS_Store
+
 dist
 dist-ssr
 *.local
 dist_electron
 .idea
 
+# lock
+yarn.lock
 pnpm-lock.yaml
 package-lock.json
-dist.zip
+dist.zip
+
+.vscode
+
+bun.lockb
+bun.lock
+
+.env.*.local
+
+out
+
+.cursorrules
+
+.github/deploy_keys
+
+resources/android/**/*
+android/app/release
+
+.cursor
+.windsurf
+.agent
+.agents
+.claude
+.kiro
+CLAUDE.md
+AGENTS.md
+.sisyphus
+
+.worktrees
+
+
+
+.auto-imports.d.ts
+.components.d.ts
+
+src/renderer/auto-imports.d.ts
+src/renderer/components.d.ts

.husky/pre-commit

@@ -0,0 +1,10 @@
+echo "对已暂存文件运行 lint-staged..."
+npx lint-staged
+
+echo "运行类型检查..."
+npm run typecheck
+
+echo "运行国际化检查..."
+npm run lint:i18n
+
+echo "所有检查通过，准备提交..."

.husky/pre-push

@@ -0,0 +1,7 @@
+echo "对已暂存文件运行 lint-staged..."
+npx lint-staged
+
+echo "运行类型检查..."
+npm run typecheck
+
+echo "所有检查通过，准备提交..."

.prettierignore

@@ -0,0 +1,6 @@
+out
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "compile-hero.disable-compile-files-on-did-save-code": true
-}

CHANGELOG.md

@@ -0,0 +1,122 @@
+# 更新日志
+
+## v5.1.0
+
+### ✨ 新功能
+
+- 新增本地音乐扫描播放功能
+- 新增播客页面与组件
+- 新增专辑页面
+- 桌面歌词新增 单行/双行/滚动 三种显示模式，支持翻译开关和双行分组淡出动画
+- 重构自动更新系统，使用 electron-updater 替代手动下载
+- 设置页新增音频设备配置
+- 快捷键整体重构优化
+- 重构 SearchBar，集成标题滚动显示功能
+- 优化音源解析策略与播放逻辑
+- 优化移动端适配与 UI 布局
+
+### 🐛 Bug 修复
+
+- 修复自动播放循环与暂停失效问题
+- 修复桌面歌词窗口首次打开无歌词问题
+- 修复播放并发控制死代码、shallowRef 响应式丢失、歌词 IPC 高频调用
+- 修复 AppMenu 错误主题色
+- 修复播放列表抽屉关闭动画使用 setTimeout 不可靠问题
+- 修复搜索结果滚动加载触发距离过大
+- 修复本地音乐元数据解析并发限流与封面体积限制
+- 修复本地音乐扫描增量判断逻辑
+- 修复 preload 层 ipc.on 解绑监听器失效
+- 修复歌词缓存 IPC 通道未接入初始化
+- 修复歌词组件卸载时 groupFadeTimer 未清理导致内存泄漏
+- 补全 MV/排行榜/歌单/搜索/专辑页面缺失的国际化
+- 修复 NeteaseCloudMusicApi anonymous_token 文件不存在导致启动崩溃
+- 修复移动端全屏歌词前奏阶段第一句歌词不可见
+- 修复移动端音乐列表页按钮尺寸过大
+- 登录页扫码登录改为默认首选
+- 设置桌面端最小窗口尺寸为 900×640 防止内容截断
+- 移除首页顶部多余 padding
+- HomeHero 快捷导航仅移动端显示
+
+### 🔒 安全
+
+- 本地音乐 API 仅监听回环地址，防止外部访问
+- LX Music 脚本执行隔离到 Worker 沙箱
+
+### 🎨 优化
+
+- 全面重构 UI：播放器、播放条、通用组件、列表项、布局、标题栏、搜索页等
+- 重构首页 UI
+- 设置页拆分为 7 个独立 Tab 组件，优化捐赠列表性能
+- 重构音乐和歌词缓存逻辑，支持可配置缓存目录
+- 统一进度追踪机制，移除重复的 rAF 更新循环
+- 优化播放列表持久化，精简序列化字段并添加防抖写入
+- 优化骨架屏加载效果，修复用户页左侧黑色背景
+- 统一 SongItem 圆角与 hover 背景色
+- 重构历史记录模块
+- 调整主题主色
+- 扩展数据层与播放能力
+- 增加 i18n 检查脚本与提交钩子
+- 重构 i18n 键值检查并增加引用告警模式
+
+## v5.0.0
+
+### ✨ 新功能
+
+- LX Music 音源脚本导入
+- 逐字歌词，支持全屏歌词和桌面歌词同步显示
+- 心动模式播放
+- 移动设备整体页面风格和效果优化
+- 移动端添加平板模式设置
+- 歌词页面样式控制优化 支持背景、宽度、字体粗细等个性化设置
+- 历史日推查看
+- 播放记录热力图
+- 历史记录支持本地和云端记录
+- 用户页面收藏专辑展示
+- 添加 GPU 硬件加速设置
+- 菜单展开状态保存 - 感谢 [harenchi](https://github.com/souvenp) 的贡献
+- 搜索建议 - 感谢 [harenchi](https://github.com/souvenp) 的贡献
+- 歌词繁体中文翻译模块，集成 OpenCC 引擎 - 感谢 [Leko](https://github.com/lekoOwO) 的贡献
+- 自定义 API源 支持 [自定义源文档](https://github.com/algerkong/AlgerMusicPlayer/blob/main/docs/custom-api-readme.md) - 感谢 [harenchi](https://github.com/souvenp) 的贡献
+
+### 🐛 Bug 修复
+
+- 修复随机播放顺序异常
+- 修复音源解析错误处理
+- 修复 Mini 播放栏主题颜色问题
+- 修复桌面歌词透明模式标题栏显示
+- 修复逐字歌词字间距
+- 修复远程控制设置无法保存
+- 修复下载无损格式返回 HiRes 音质 - 感谢 [harenchi](https://github.com/souvenp) 的贡献
+- 兼容 pnpm 包管理器 - 感谢 [Leko](https://github.com/lekoOwO) 的贡献
+
+### 🎨 优化
+
+- 音源解析缓存
+- 完善多语言国际化
+- 优化播放检测和错误处理
+- FLAC 元数据和封面图片处理 - 感谢 [harenchi](https://github.com/souvenp) 的贡献
+- 日推不感兴趣调用官方接口 - 感谢 [harenchi](https://github.com/souvenp) 的贡献
+- 代码提交流程优化，添加 lint-staged
+
+## 赞赏支持☕️
+
+[赞赏列表](https://donate.alger.fun/donate)
+
+<table>
+  <tr>
+    <th style="text-align:center">微信赞赏</th>
+    <th style="width:100px"></th>
+    <th style="text-align:center">支付宝赞赏</th>
+  </tr>
+  <tr>
+    <td align="center">
+      <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width="200"><br>
+      <h6>☕️喝点咖啡继续干</h6>
+    </td>
+    <td></td>
+    <td align="center">
+      <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Alipay QRcode" width="200"><br>
+      <h6>🍔来个汉堡</h6>
+    </td>
+  </tr>
+</table>

DEV.md

@@ -0,0 +1,198 @@
+# Alger Music Player 开发文档
+
+## 项目结构
+
+### 技术栈
+
+- **前端框架**：Vue 3 + TypeScript
+- **UI 组件库**：naive-ui
+- **样式框架**：Tailwind CSS
+- **图标库**：remixicon
+- **状态管理**：Pinia
+- **工具库**：VueUse
+- **构建工具**：Vite, electron-vite
+- **打包工具**：electron-builder
+- **国际化**：vue-i18n
+- **HTTP 客户端**：axios
+- **本地存储**：electron-store localstorage
+- **音乐 API**：netease-cloud-music-api
+- **音乐解锁**：@unblockneteasemusic/server
+
+### 项目结构
+
+```
+AlgerMusicPlayer/
+├── build/                  # 构建相关文件
+├── docs/                   # 项目文档
+├── node_modules/           # 依赖包
+├── out/                    # 构建输出目录
+├── resources/              # 资源文件
+├── src/                    # 源代码
+│   ├── i18n/               # 国际化配置
+│   │   ├── lang/           # 语言包
+│   │   ├── main.ts         # 主进程国际化入口
+│   │   └── renderer.ts     # 渲染进程国际化入口
+│   ├── main/               # Electron 主进程
+│   │   ├── modules/        # 主进程模块
+│   │   ├── index.ts        # 主进程入口
+│   │   ├── lyric.ts        # 歌词处理
+│   │   ├── server.ts       # 服务器
+│   │   ├── set.json        # 设置
+│   │   └── unblockMusic.ts # 音乐解锁
+│   ├── preload/            # 预加载脚本
+│   │   ├── index.ts        # 预加载脚本入口
+│   │   └── index.d.ts      # 预加载脚本类型声明
+│   └── renderer/           # Vue 渲染进程
+│       ├── api/            # API 请求
+│       ├── assets/         # 静态资源
+│       ├── components/     # 组件
+│       │   ├── common/     # 通用组件
+│       │   ├── home/       # 首页组件
+│       │   ├── lyric/      # 歌词组件
+│       │   ├── settings/   # 设置组件
+│       │   └── ...         # 其他组件
+│       ├── const/          # 常量定义
+│       ├── directive/      # 自定义指令
+│       ├── hooks/          # 自定义 Hooks
+│       ├── layout/         # 布局组件
+│       ├── router/         # 路由配置
+│       ├── services/       # 服务
+│       ├── store/          # Pinia 状态管理
+│       │   ├── modules/    # Pinia 模块
+│       │   └── index.ts    # Pinia 入口
+│       ├── type/           # 类型定义
+│       ├── types/          # 更多类型定义
+│       ├── utils/          # 工具函数
+│       ├── views/          # 页面视图
+│       ├── App.vue         # 根组件
+│       ├── index.css       # 全局样式
+│       ├── index.html      # HTML 模板
+│       ├── main.ts         # 渲染进程入口
+│       └── ...             # 其他文件
+├── .env.development        # 开发环境变量
+├── .env.development.local  # 本地开发环境变量
+├── .env.production.local   # 本地生产环境变量
+├── .eslintrc.cjs           # ESLint 配置
+├── .gitignore              # Git 忽略文件
+├── .prettierrc.yaml        # Prettier 配置
+├── electron-builder.yml    # electron-builder 配置
+├── electron.vite.config.ts # electron-vite 配置
+├── package.json            # 项目配置
+├── postcss.config.js       # PostCSS 配置
+├── tailwind.config.js      # Tailwind 配置
+├── tsconfig.json           # TypeScript 配置
+├── tsconfig.node.json      # 节点 TypeScript 配置
+└── tsconfig.web.json       # Web TypeScript 配置
+```
+
+### 主要组件说明
+
+#### 主进程 (src/main)
+
+主进程负责创建窗口、处理系统层面的交互以及与渲染进程的通信。
+
+- **index.ts**: 应用主入口，负责创建窗口和应用生命周期管理
+- **lyric.ts**: 歌词解析和处理
+- **unblockMusic.ts**: 音乐解锁功能
+- **server.ts**: 本地服务器
+
+#### 预加载脚本 (src/preload)
+
+预加载脚本在渲染进程加载前执行，提供了渲染进程和主进程之间的桥接功能。
+
+#### 渲染进程 (src/renderer)
+
+渲染进程是基于 Vue 3 的前端应用，负责 UI 渲染和用户交互。
+
+- **components/**: 包含各种 UI 组件
+    - **common/**: 通用组件
+    - **home/**: 首页相关组件
+    - **lyric/**: 歌词显示组件
+    - **settings/**: 设置界面组件
+    - **MusicList.vue**: 音乐列表组件
+    - **MvPlayer.vue**: MV 播放器
+    - **EQControl.vue**: 均衡器控制
+    - **...**: 其他组件
+
+- **store/**: Pinia 状态管理
+    - **modules/**: 各功能模块的状态管理
+    - **index.ts**: 状态管理入口
+
+- **views/**: 页面视图组件
+
+- **router/**: 路由配置
+
+- **api/**: API 请求封装
+
+- **utils/**: 工具函数
+
+### 开发指南
+
+#### 命名约定
+
+- 目录使用 kebab-case (如: components/auth-wizard)
+- 组件文件名使用 PascalCase (如: AuthWizard.vue)
+- 可组合式函数使用 camelCase (如: useAuthState.ts)
+
+#### 代码风格
+
+- 使用 Composition API 和 `<script setup>` 语法
+- 使用 TypeScript 类型系统
+- 优先使用类型而非接口
+- 避免使用枚举，使用 const 对象代替
+- 使用 tailwind 实现响应式设计
+
+### 如何启动？
+
+安装依赖（最好使用node18+）：
+
+```
+npm install
+```
+
+#### 桌面端开发
+
+启动桌面端开发：
+
+```
+npm run dev
+```
+
+#### 网页端开发
+
+如果只启动网页端开发，需要自己部署服务 netease-cloud-music-api
+
+需要复制一份 `.env.development.local` 到 `src/renderer` 下
+
+```
+# .env.development.local
+
+# 你的接口地址 (必填)
+VITE_API = ***
+# 音乐破解接口地址
+VITE_API_MUSIC = ***
+```
+
+启动web端开发：
+
+```
+npm run dev:web
+```
+
+### 打包
+
+打包桌面端：
+
+```
+npm run build:win
+```
+
+打包后的文件在 /dist 下
+
+打包网页端：
+
+```
+npm run build
+```
+
+打包后的文件在 /out/renderer 下

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Alger
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,5 +1,101 @@
-# Vue 3 + Typescript + Vite
+<h2 align="center">🎵 Alger Music Player</h2>
+<div align="center">
+<div align="center">
+  <a href="https://github.com/algerkong/AlgerMusicPlayer/stargazers">
+    <img src="https://img.shields.io/github/stars/algerkong/AlgerMusicPlayer?style=for-the-badge&logo=github&label=Stars&logoColor=white&color=22c55e" alt="GitHub stars">
+  </a>
+  <a href="https://github.com/algerkong/AlgerMusicPlayer/releases">
+    <img src="https://img.shields.io/github/v/release/algerkong/AlgerMusicPlayer?style=for-the-badge&logo=github&label=Release&logoColor=white&color=1a67af" alt="GitHub release">
+  </a>
+  <a href="https://pd.qq.com/s/cs056n33q?b=5">
+    <img src="https://img.shields.io/badge/QQ频道-algermusic-blue?style=for-the-badge&color=yellow" alt="加入频道">
+  </a>
+  <a href="https://t.me/+9efsKRuvKBk2NWVl">
+    <img src="https://img.shields.io/badge/AlgerMusic-blue?style=for-the-badge&logo=telegram&logoColor=white&label=Telegram" alt="Telegram">
+  </a>
+   <a href="https://donate.alger.fun/">
+    <img src="https://img.shields.io/badge/%E9%A1%B9%E7%9B%AE%E6%8D%90%E8%B5%A0-blue?style=for-the-badge&logo=telegram&logoColor=pink&color=pink&label=%E8%B5%9E%E5%8A%A9" alt="赞助">
+  </a>
+</div>
+</div>
+<div align="center">
+  <a href="https://hellogithub.com/repository/607b849c598d48e08fe38789d156ebdc" target="_blank"><img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=607b849c598d48e08fe38789d156ebdc&claim_uid=ObuMXUfeHBmk9TI&theme=neutral" alt="Featured｜HelloGitHub" width="160" height="32" /></a>
+</div>
 
-vue3 + TypeScript + NaiveUI + animateCss + Vuex + VueRouter + Axios等实现音乐桌面web端
+[项目下安装以及常用问题文档](https://www.yuque.com/alger-pfg5q/ip4f1a/bmgmfmghnhgwghkm?singleDoc#)
-实现各项功能
+
-网站地址：http://mc.myalger.top/
+主要功能如下
+
+- 🎵 音乐推荐
+- 🔐 账号登录与同步
+- 📝 功能
+  - 播放历史记录
+  - 歌曲收藏管理
+  - 歌单 MV 排行榜 每日推荐
+  - 自定义快捷键配置（全局或应用内）
+- 🎨 界面与交互
+  - 沉浸式歌词显示（点击左下角封面进入）
+  - 独立桌面歌词窗口
+  - 明暗主题切换
+  - 迷你模式
+  - 状态栏控制
+  - 多语言支持
+- 🎼 音乐功能
+  - 支持歌单、MV、专辑等完整音乐服务
+  - 音乐资源解析（基于 @unblockneteasemusic/server）
+  - EQ均衡器
+  - 定时播放 远程控制播放 倍速播放
+  - 高品质音乐
+  - 音乐文件下载
+  - 搜索 MV 音乐 专辑 歌单 bilibili
+  - 音乐单独选择音源解析
+- 🚀 技术特性
+  - 本地化服务，无需依赖在线API (基于 netease-cloud-music-api)
+  - 全平台适配（Desktop & Web & Mobile Web & Android<测试> & ios<后续>）
+
+## 项目简介
+
+一个第三方音乐播放器、本地服务、桌面歌词、音乐下载、最高音质
+
+## 预览地址
+
+[http://music.alger.fun/](http://music.alger.fun/)
+
+## 软件截图
+
+![首页白](./docs/image.png)
+![首页黑](./docs/image3.png)
+![歌词](./docs/image6.png)
+![桌面歌词](./docs/image2.png)
+![设置页面](./docs/image4.png)
+![音乐远程控制](./docs/image5.png)
+
+## 项目启动
+
+```bash
+npm install
+npm run dev
+```
+
+## 开发文档
+
+点击这里[开发文档](./DEV.md)
+
+## 赞赏☕️
+
+[赞赏列表](http://donate.alger.fun/)
+| 微信赞赏 | 支付宝赞赏 |
+| :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
+| <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width=200> <br><small>喝点咖啡继续干</small> | <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Wechat QRcode" width=200> <br><small>来包辣条吧~</small> |
+
+## 项目统计
+
+[![Stargazers over time](https://starchart.cc/algerkong/AlgerMusicPlayer.svg?variant=adaptive)](https://starchart.cc/algerkong/AlgerMusicPlayer)
+![Alt](https://repobeats.axiom.co/api/embed/c4d01b3632e241c90cdec9508dfde86a7f54c9f5.svg 'Repobeats analytics image')
+
+## 欢迎提Issues
+
+## 声明
+
+本软件仅用于学习交流，禁止用于商业用途，否则后果自负。
+希望大家还是要多多支持官方正版，此软件仅用作开发教学。

android/.gitignore

@@ -0,0 +1,101 @@
+# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore
+
+# Built application files
+*.apk
+*.aar
+*.ap_
+*.aab
+
+# Files for the ART/Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+#  Uncomment the following line in case you need and you don't have the release build type files in your app
+# release/
+
+# Gradle files
+.gradle/
+build/
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# IntelliJ
+*.iml
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/gradle.xml
+.idea/assetWizardSettings.xml
+.idea/dictionaries
+.idea/libraries
+# Android Studio 3 in .gitignore file.
+.idea/caches
+.idea/modules.xml
+# Comment next line if keeping position of elements in Navigation Editor is relevant for you
+.idea/navEditor.xml
+
+# Keystore files
+# Uncomment the following lines if you do not want to check your keystore files in.
+#*.jks
+#*.keystore
+
+# External native build folder generated in Android Studio 2.2 and later
+.externalNativeBuild
+.cxx/
+
+# Google Services (e.g. APIs or Firebase)
+# google-services.json
+
+# Freeline
+freeline.py
+freeline/
+freeline_project_description.json
+
+# fastlane
+fastlane/report.xml
+fastlane/Preview.html
+fastlane/screenshots
+fastlane/test_output
+fastlane/readme.md
+
+# Version control
+vcs.xml
+
+# lint
+lint/intermediates/
+lint/generated/
+lint/outputs/
+lint/tmp/
+# lint/reports/
+
+# Android Profiling
+*.hprof
+
+# Cordova plugins for Capacitor
+capacitor-cordova-android-plugins
+
+# Copied web assets
+app/src/main/assets/public
+
+# Generated Config files
+app/src/main/assets/capacitor.config.json
+app/src/main/assets/capacitor.plugins.json
+app/src/main/res/xml/config.xml

app.js

@@ -1,139 +0,0 @@
-const { app, BrowserWindow, ipcMain, Tray, Menu, globalShortcut, nativeImage } = require('electron')
-const path = require('path')
-const Store = require('electron-store');
-const setJson = require('./electron/set.json')
-
-let mainWin = null
-function createWindow() {
-  mainWin = new BrowserWindow({
-    width: 1200,
-    height: 780,
-    frame: false,
-    webPreferences: {
-      nodeIntegration: true,
-      preload: path.join(__dirname, '/electron/preload.js'),
-    },
-  })
-  const win = mainWin
-  win.setMinimumSize(1200, 780)
-  if (process.env.NODE_ENV === 'development') {
-    win.webContents.openDevTools({ mode: 'detach' })
-    win.loadURL('http://localhost:4678/')
-  } else {
-    win.loadURL(`file://${__dirname}/dist/index.html`)
-  }
-  const image = nativeImage.createFromPath(path.join(__dirname, 'public/icon.png'))
-  const tray = new Tray(image)
-
-  // 创建一个上下文菜单
-  const contextMenu = Menu.buildFromTemplate([
-    {
-      label: '显示',
-      click: () => {
-        win.show()
-      },
-    },
-    {
-      label: '退出',
-      click: () => {
-        win.destroy()
-      },
-    },
-  ])
-
-  // 设置系统托盘图标的上下文菜单
-  tray.setContextMenu(contextMenu)
-
-  // 当系统托盘图标被点击时，切换窗口的显示/隐藏
-  tray.on('click', () => {
-    if (win.isVisible()) {
-      win.hide()
-    } else {
-      win.show()
-    }
-  })
-
-  const set = store.get('set')
-  // store.set('set', setJson)
-
-  if (!set) {
-    store.set('set', setJson)
-  }
-}
-
-// 限制只能启动一个应用
-const gotTheLock = app.requestSingleInstanceLock()
-if (!gotTheLock) {
-  app.quit()
-}
-
-app.whenReady().then(createWindow)
-
-app.on('ready',()=>{
-  globalShortcut.register('CommandOrControl+Alt+Shift+M', () => {
-    if (mainWin.isVisible()) {
-      mainWin.hide()
-    } else {
-      mainWin.show()
-    }
-  })
-})
-
-app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') {
-    app.quit()
-  }
-})
-
-app.on('will-quit', () => {
-  globalShortcut.unregisterAll()
-})
-
-ipcMain.on('minimize-window', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender)
-  win.minimize()
-})
-
-ipcMain.on('maximize-window', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender)
-  if (win.isMaximized()) {
-    win.unmaximize()
-  } else {
-    win.maximize()
-  }
-})
-
-ipcMain.on('close-window', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender)
-  win.destroy()
-})
-
-ipcMain.on('drag-start', (event, data) => {
-  const win = BrowserWindow.fromWebContents(event.sender)
-  win.webContents.beginFrameSubscription((frameBuffer) => {
-    event.reply('frame-buffer', frameBuffer)
-  })
-})
-
-ipcMain.on('mini-tray', (event) => {
-  const win = BrowserWindow.fromWebContents(event.sender)
-  win.hide()
-})
-
-// 重启
-ipcMain.on('restart', () => {
-  app.relaunch()
-  app.exit(0)
-})
-
-const store = new Store();
-
-// 定义ipcRenderer监听事件
-ipcMain.on('setStore', (_, key, value) => {
-  store.set(key, value)
-})
-
-ipcMain.on('getStore', (_, key) => {
-  let value = store.get(key)
-  _.returnValue = value || ""
-})

auto-imports.d.ts

@@ -1,70 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
-export {}
-declare global {
-  const EffectScope: typeof import('vue')['EffectScope']
-  const computed: typeof import('vue')['computed']
-  const createApp: typeof import('vue')['createApp']
-  const customRef: typeof import('vue')['customRef']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const effectScope: typeof import('vue')['effectScope']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const inject: typeof import('vue')['inject']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const provide: typeof import('vue')['provide']
-  const reactive: typeof import('vue')['reactive']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const toRaw: typeof import('vue')['toRaw']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const toValue: typeof import('vue')['toValue']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const unref: typeof import('vue')['unref']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useDialog: typeof import('naive-ui')['useDialog']
-  const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
-  const useMessage: typeof import('naive-ui')['useMessage']
-  const useNotification: typeof import('naive-ui')['useNotification']
-  const useSlots: typeof import('vue')['useSlots']
-  const watch: typeof import('vue')['watch']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-}
-// for type re-export
-declare global {
-  // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
-  import('vue')
-}

build/entitlements.mac.plist

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+    <key>com.apple.security.network.client</key>
+    <true/>
+    <key>com.apple.security.network.server</key>
+    <true/>
+    <key>com.apple.security.files.user-selected.read-write</key>
+    <true/>
+    <key>com.apple.security.files.downloads.read-write</key>
+    <true/>
+    <key>com.apple.security.device.microphone</key>
+    <true/>
+  </dict>
+</plist>

build/installer.nsh

@@ -0,0 +1,13 @@
+# 设置 Windows 7 兼容性
+ManifestDPIAware true
+ManifestSupportedOS all
+
+!macro customInit
+  # 检查系统版本
+  ${If} ${AtLeastWin7}
+    # Windows 7 或更高版本
+  ${Else}
+    MessageBox MB_OK|MB_ICONSTOP "此应用程序需要 Windows 7 或更高版本。"
+    Abort
+  ${EndIf}
+!macroend 

components.d.ts

@@ -1,39 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    MPop: typeof import('./src/components/common/MPop.vue')['default']
-    MusicList: typeof import('./src/components/MusicList.vue')['default']
-    NAvatar: typeof import('naive-ui')['NAvatar']
-    NButton: typeof import('naive-ui')['NButton']
-    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
-    NDialogProvider: typeof import('naive-ui')['NDialogProvider']
-    NDrawer: typeof import('naive-ui')['NDrawer']
-    NDropdown: typeof import('naive-ui')['NDropdown']
-    NEllipsis: typeof import('naive-ui')['NEllipsis']
-    NImage: typeof import('naive-ui')['NImage']
-    NInput: typeof import('naive-ui')['NInput']
-    NLayout: typeof import('naive-ui')['NLayout']
-    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
-    NPopover: typeof import('naive-ui')['NPopover']
-    NScrollbar: typeof import('naive-ui')['NScrollbar']
-    NSlider: typeof import('naive-ui')['NSlider']
-    NSwitch: typeof import('naive-ui')['NSwitch']
-    NTooltip: typeof import('naive-ui')['NTooltip']
-    PlayBottom: typeof import('./src/components/common/PlayBottom.vue')['default']
-    PlayListsItem: typeof import('./src/components/common/PlayListsItem.vue')['default']
-    PlaylistType: typeof import('./src/components/PlaylistType.vue')['default']
-    RecommendAlbum: typeof import('./src/components/RecommendAlbum.vue')['default']
-    RecommendSinger: typeof import('./src/components/RecommendSinger.vue')['default']
-    RecommendSonglist: typeof import('./src/components/RecommendSonglist.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SearchItem: typeof import('./src/components/common/SearchItem.vue')['default']
-    SongItem: typeof import('./src/components/common/SongItem.vue')['default']
-  }
-}

dev-app-update.yml

@@ -0,0 +1,3 @@
+provider: generic
+url: https://example.com/auto-updates
+updaterCacheDirName: electron-lan-file-updater

docs/custom-api-readme.md

@@ -0,0 +1,62 @@
+## 🎵 自定义音源API配置
+
+现在支持通过导入一个简单的 JSON 配置文件来对接第三方的音乐解析 API。这将提供极大的灵活性，可以接入任意第三方音源。
+
+### 如何使用
+
+1.  前往 **设置 -> 播放设置 -> 音源设置**。
+2.  在 **自定义 API 设置** 区域，点击 **“导入 JSON 配置”** 按钮。
+3.  选择你已经编写好的 `xxx.json` 配置文件。
+4.  导入成功后，程序将优先使用你的自定义 API 进行解析。
+
+### JSON 配置文件格式说明
+
+导入的配置文件必须是一个合法的 JSON 文件，并包含以下字段：
+
+| 字段名            | 类型     | 是否必须 | 描述                                                                                                                        |
+| ----------------- | -------- | -------- | --------------------------------------------------------------------------------------------------------------------------- |
+| `name`            | `string` | 是       | API 名称，将显示在应用的 UI 界面上。                                                                                        |
+| `apiUrl`          | `string` | 是       | API 的基础请求地址。                                                                                                        |
+| `method`          | `string` | 否       | HTTP 请求方法。可以是 `"GET"` 或 `"POST"`。**如果省略，默认为 "GET"**。                                                     |
+| `params`          | `object` | 是       | 请求时需要发送的参数。对于 `GET` 请求，它们会作为查询字符串；对于 `POST` 请求，它们会作为请求体。                           |
+| `qualityMapping`  | `object` | 否       | **音质映射表**。用于将应用内部的音质值（如 `"lossless"`）翻译成你的 API 需要的特定值。如果省略，则直接使用应用内部值。      |
+| `responseUrlPath` | `string` | 是       | **URL提取路径**。用于从 API 返回的 JSON 响应中找到最终可播放的音乐链接。支持点 `.` 和方括号 `[]` 语法来访问嵌套对象和数组。 |
+
+#### 占位符
+
+在 `params` 对象的值中，你可以使用以下占位符，程序在请求时会自动替换它们：
+
+- `{songId}`: 将被替换为当前歌曲的 ID。
+- `{quality}`: 将被替换为当前用户设置的音质字符串 (例如, `"higher"`, `"lossless"`)。
+
+#### 音质值列表
+
+应用内部使用的音质值如下，你可以在 `qualityMapping` 中使用它们作为**键**：
+`standard`, `higher`, `exhigh`, `lossless`, `hires`, `jyeffect`, `sky`, `dolby`, `jymaster`
+
+### 示例
+
+假设有一个 API 如下：
+`https://api.example.com/music?song_id=12345&bitrate=320000`
+它返回的 JSON 是：
+`{ "code": 200, "data": { "play_url": "http://..." } }`
+
+那么对应的 JSON 配置文件应该是：
+
+```json
+{
+  "name": "Example API",
+  "apiUrl": "https://api.example.com/music",
+  "method": "GET",
+  "params": {
+    "song_id": "{songId}",
+    "bitrate": "{quality}"
+  },
+  "qualityMapping": {
+    "higher": "128000",
+    "exhigh": "320000",
+    "lossless": "999000"
+  },
+  "responseUrlPath": "data.play_url"
+}
+```

electron.config.json

@@ -1,18 +0,0 @@
-{
-  "appId": "com.alger.music",
-  "productName": "AlgerMusic",
-  "directories": {
-    "output": "dist_electron"
-  },
-  "files": ["dist/**/*", "package.json", "app.js", "electron/**/*"],
-  "win": {
-    "icon": "public/icon.png",
-    "target": "nsis",
-    "extraFiles": [
-      {
-        "from": "installer/installer.nsh",
-        "to": "$INSTDIR"
-      }
-    ]
-  }
-}

electron.vite.config.ts

@@ -0,0 +1,43 @@
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'electron-vite';
+import { resolve } from 'path';
+import AutoImport from 'unplugin-auto-import/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+import Components from 'unplugin-vue-components/vite';
+import viteCompression from 'vite-plugin-compression';
+import VueDevTools from 'vite-plugin-vue-devtools';
+
+export default defineConfig({
+  main: {},
+  preload: {},
+  renderer: {
+    resolve: {
+      alias: {
+        '@': resolve('src/renderer'),
+        '@renderer': resolve('src/renderer'),
+        '@i18n': resolve('src/i18n')
+      }
+    },
+    plugins: [
+      vue(),
+      viteCompression(),
+      VueDevTools(),
+      AutoImport({
+        imports: [
+          'vue',
+          {
+            'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar']
+          }
+        ]
+      }),
+      Components({
+        resolvers: [NaiveUiResolver()]
+      })
+    ],
+    publicDir: resolve('resources'),
+    server: {
+      host: '0.0.0.0',
+      port: 2389
+    }
+  }
+});

electron/preload.js

@@ -1,25 +0,0 @@
-const { contextBridge, ipcRenderer } = require('electron')
-
-contextBridge.exposeInMainWorld('electronAPI', {
-  minimize: () => ipcRenderer.send('minimize-window'),
-  maximize: () => ipcRenderer.send('maximize-window'),
-  close: () => ipcRenderer.send('close-window'),
-  dragStart: (data) => ipcRenderer.send('drag-start', data),
-  miniTray: () => ipcRenderer.send('mini-tray'),
-  restart: () => ipcRenderer.send('restart'),
-})
-
-const electronHandler = {
-  ipcRenderer: {
-    setStoreValue: (key, value) => {
-      ipcRenderer.send("setStore", key, value)
-    },
-
-    getStoreValue(key) {
-      const resp = ipcRenderer.sendSync("getStore", key)
-      return resp
-    },
-  }
-}
-
-contextBridge.exposeInMainWorld('electron', electronHandler)

electron/set.json

@@ -1,5 +0,0 @@
-{
-  "version": "1.3.0",
-  "isProxy": false,
-  "author": "alger"
-}

eslint.config.mjs

@@ -0,0 +1,237 @@
+import js from '@eslint/js';
+import typescript from '@typescript-eslint/eslint-plugin';
+import typescriptParser from '@typescript-eslint/parser';
+import vue from 'eslint-plugin-vue';
+import vueParser from 'vue-eslint-parser';
+import prettier from 'eslint-plugin-prettier';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import vueScopedCss from 'eslint-plugin-vue-scoped-css';
+import globals from 'globals';
+
+export default [
+  // 忽略文件配置
+  {
+    ignores: ['node_modules/**', 'dist/**', 'out/**', '.gitignore']
+  },
+
+  // 基础 JavaScript 配置
+  js.configs.recommended,
+
+  // JavaScript 文件配置
+  {
+    files: ['**/*.js', '**/*.cjs', '**/*.mjs'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: {
+        ...globals.node,
+        ...globals.browser
+      }
+    },
+    rules: {
+      'no-console': 'off',
+      'no-undef': 'error'
+    }
+  },
+
+  // TypeScript 文件配置
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        allowImportExportEverywhere: true,
+        ecmaFeatures: {
+          jsx: true
+        }
+      },
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+        // Vue 3 特定全局变量
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        // TypeScript 全局类型
+        NodeJS: 'readonly',
+        ScrollBehavior: 'readonly'
+      }
+    },
+    plugins: {
+      '@typescript-eslint': typescript,
+      'simple-import-sort': simpleImportSort
+    },
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        // we are only using this rule to check for unused arguments since TS
+        // catches unused variables but not args.
+        { varsIgnorePattern: '.*', args: 'none' }
+      ],
+      '@typescript-eslint/no-use-before-define': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/ban-types': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error',
+      'no-console': 'off',
+      'no-unused-vars': [
+        'error',
+        // we are only using this rule to check for unused arguments since TS
+        // catches unused variables but not args.
+        { varsIgnorePattern: '.*', args: 'none' }
+      ],
+      'no-use-before-define': 'off',
+      'max-classes-per-file': 'off',
+      'no-await-in-loop': 'off',
+      'dot-notation': 'off',
+      'constructor-super': 'off',
+      'getter-return': 'off',
+      'no-const-assign': 'off',
+      'no-dupe-args': 'off',
+      'no-dupe-class-members': 'off',
+      'no-dupe-keys': 'off',
+      'no-func-assign': 'off',
+      'no-import-assign': 'off',
+      'no-new-symbol': 'off',
+      'no-obj-calls': 'off',
+      'no-redeclare': 'off',
+      'no-setter-return': 'off',
+      'no-this-before-super': 'off',
+      'no-undef': 'off',
+      'no-unreachable': 'off',
+      'no-unsafe-negation': 'off',
+      'no-var': 'error',
+      'prefer-const': 'error',
+      'prefer-rest-params': 'error',
+      'prefer-spread': 'error',
+      'valid-typeof': 'off',
+      'consistent-return': 'off',
+      'no-promise-executor-return': 'off',
+      'prefer-promise-reject-errors': 'off'
+    }
+  },
+
+  // Vue 文件配置
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        parser: typescriptParser,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        allowImportExportEverywhere: true
+      },
+      globals: {
+        ...globals.browser,
+        // Vue 3 特定全局变量
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        // Vue 3 Composition API (如果使用了 unplugin-auto-import)
+        ref: 'readonly',
+        reactive: 'readonly',
+        computed: 'readonly',
+        watch: 'readonly',
+        watchEffect: 'readonly',
+        onMounted: 'readonly',
+        onUnmounted: 'readonly',
+        onBeforeUnmount: 'readonly',
+        nextTick: 'readonly',
+        inject: 'readonly',
+        provide: 'readonly',
+        // Naive UI (如果使用了 unplugin-auto-import)
+        useDialog: 'readonly',
+        useMessage: 'readonly',
+        // TypeScript 全局类型
+        NodeJS: 'readonly',
+        ScrollBehavior: 'readonly'
+      }
+    },
+    plugins: {
+      vue,
+      '@typescript-eslint': typescript,
+      prettier,
+      'simple-import-sort': simpleImportSort,
+      'vue-scoped-css': vueScopedCss
+    },
+    rules: {
+      // Vue 3 推荐规则
+      'vue/no-unused-vars': 'error',
+      'vue/no-unused-components': 'error',
+      'vue/no-multiple-template-root': 'off',
+      'vue/no-v-model-argument': 'off',
+      'vue/require-default-prop': 'off',
+      'vue/multi-word-component-names': 'off',
+      'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+      'vue/no-reserved-props': 'off',
+      'vue/no-v-html': 'off',
+      'vue/first-attribute-linebreak': 'off',
+      'vue-scoped-css/enforce-style-type': [
+        'error',
+        {
+          allows: ['scoped']
+        }
+      ],
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      'prettier/prettier': 'error',
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error'
+    }
+  },
+
+  // TypeScript 类型定义文件配置
+  {
+    files: ['**/*.d.ts'],
+    rules: {
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-empty-interface': 'off'
+    }
+  },
+
+  // JavaScript 第三方库文件配置
+  {
+    files: ['**/assets/**/*.js', '**/vendor/**/*.js', '**/lib/**/*.js'],
+    rules: {
+      'no-unused-vars': 'off',
+      'no-redeclare': 'off',
+      'no-self-assign': 'off',
+      'no-undef': 'off'
+    }
+  },
+
+  // 通用规则
+  {
+    files: ['**/*.js', '**/*.ts', '**/*.vue'],
+    rules: {
+      'no-console': 'off',
+      'no-underscore-dangle': 'off',
+      'no-nested-ternary': 'off',
+      'no-await-in-loop': 'off',
+      'no-continue': 'off',
+      'no-restricted-syntax': 'off',
+      'no-return-assign': 'off',
+      'no-unused-expressions': 'off',
+      'no-return-await': 'off',
+      'no-plusplus': 'off',
+      'no-param-reassign': 'off',
+      'no-shadow': 'off',
+      'guard-for-in': 'off',
+      'class-methods-use-this': 'off',
+      'no-case-declarations': 'off',
+      'no-unused-vars': [
+        'error',
+        // we are only using this rule to check for unused arguments since TS
+        // catches unused variables but not args.
+        { varsIgnorePattern: '.*', args: 'none' }
+      ]
+    }
+  }
+];

index.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>网抑云 |　algerkong</title>
-    <link
-      rel="stylesheet"
-      href="./public/icon/iconfont.css"
-    />
-    <link rel="stylesheet" href="./public/css/animate.css" />
-    <link rel="stylesheet" href="./public/css/base.css" />
-    <style>
-      :root {
-        --animate-delay: 0.5s;
-      }
-    </style>
-  </head>
-
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package.json

@@ -1,47 +1,226 @@
 {
-  "name": "alger-music",
+  "name": "AlgerMusicPlayer",
-  "version": "1.3.0",
+  "version": "5.1.0",
-  "description": "这是一个用于音乐播放的应用程序。",
+  "description": "Alger Music Player",
   "author": "Alger <algerkc@qq.com>",
-  "main": "app.js",
+  "main": "./out/main/index.js",
+  "homepage": "https://github.com/algerkong/AlgerMusicPlayer",
   "scripts": {
-    "dev": "vite",
+    "prepare": "husky",
-    "build": "vite build",
+    "format": "prettier --write ./src",
-    "serve": "vite preview",
+    "lint": "eslint ./src --fix && npm run lint:i18n",
-    "es": "vite && electron .",
+    "lint:i18n": "bun scripts/check_i18n.ts",
-    "start": "set NODE_ENV=development&&electron .",
+    "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
-    "e:b": "electron-builder --config ./electron.config.json",
+    "typecheck:web": "vue-tsc --noEmit -p tsconfig.web.json --composite false",
-    "eb": "vite build && e:b"
+    "typecheck": "npm run typecheck:node && npm run typecheck:web",
+    "start": "electron-vite preview",
+    "dev": "electron-vite dev",
+    "dev:web": "vite dev",
+    "build": "electron-vite build",
+    "postinstall": "electron-builder install-app-deps",
+    "build:unpack": "npm run build && electron-builder --dir",
+    "build:win": "npm run build && electron-builder --win --publish never",
+    "build:mac": "npm run build && electron-builder --mac --x64 --publish never && cp dist/latest-mac.yml dist/latest-mac-x64.yml && electron-builder --mac --arm64 --publish never && cp dist/latest-mac.yml dist/latest-mac-arm64.yml && node scripts/merge_latest_mac_yml.mjs dist/latest-mac-x64.yml dist/latest-mac-arm64.yml dist/latest-mac.yml",
+    "build:mac:x64": "npm run build && electron-builder --mac --x64 --publish never && cp dist/latest-mac.yml dist/latest-mac-x64.yml",
+    "build:mac:arm64": "npm run build && electron-builder --mac --arm64 --publish never && cp dist/latest-mac.yml dist/latest-mac-arm64.yml",
+    "build:linux": "npm run build && electron-builder --linux --publish never"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,vue,js}": [
+      "eslint --fix"
+    ],
+    "*.{ts,tsx,vue,js,css,scss,md,json}": [
+      "prettier --write"
+    ]
   },
   "dependencies": {
-    "@tailwindcss/postcss7-compat": "^2.2.4",
+    "@electron-toolkit/preload": "^3.0.2",
-    "@vue/runtime-core": "^3.3.4",
+    "@electron-toolkit/utils": "^4.0.0",
-    "@vueuse/core": "^10.7.1",
+    "@unblockneteasemusic/server": "^0.27.10",
-    "autoprefixer": "^9.8.6",
+    "cors": "^2.8.5",
-    "axios": "^0.21.1",
+    "crypto-js": "^4.2.0",
-    "electron-store": "^8.1.0",
+    "electron-store": "^8.2.0",
-    "lodash": "^4.17.21",
+    "electron-updater": "^6.6.2",
-    "naive-ui": "^2.34.4",
+    "electron-window-state": "^5.0.3",
-    "postcss": "^7.0.36",
+    "express": "^4.22.1",
-    "sass": "^1.35.2",
+    "file-type": "^21.1.1",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.4",
+    "flac-tagger": "^1.0.7",
-    "vue": "^3.3.4",
+    "font-list": "^1.6.0",
-    "vue-router": "^4.2.4",
+    "form-data": "^4.0.5",
-    "vuex": "^4.1.0"
+    "husky": "^9.1.7",
+    "jsencrypt": "^3.5.4",
+    "music-metadata": "^11.10.3",
+    "netease-cloud-music-api-alger": "^4.30.0",
+    "node-fetch": "^2.7.0",
+    "node-id3": "^0.2.9",
+    "node-machine-id": "^1.1.12",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "vue-i18n": "^11.2.2"
   },
   "devDependencies": {
-    "@sicons/antd": "^0.10.0",
+    "@electron-toolkit/eslint-config": "^2.1.0",
-    "@vicons/antd": "^0.10.0",
+    "@electron-toolkit/eslint-config-ts": "^3.1.0",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@electron-toolkit/tsconfig": "^1.0.1",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@eslint/js": "^9.39.2",
-    "electron": "^28.0.0",
+    "@rushstack/eslint-patch": "^1.15.0",
-    "electron-builder": "^24.9.1",
+    "@types/howler": "^2.2.12",
-    "typescript": "^4.3.2",
+    "@types/node": "^20.19.26",
-    "unplugin-auto-import": "^0.17.2",
+    "@types/node-fetch": "^2.6.13",
-    "unplugin-vue-components": "^0.26.0",
+    "@types/tinycolor2": "^1.4.6",
-    "vfonts": "^0.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
-    "vite": "^4.4.7",
+    "@typescript-eslint/parser": "^8.49.0",
-    "vite-plugin-vue-devtools": "1.0.0-beta.5",
+    "@vitejs/plugin-vue": "^5.2.4",
-    "vue-tsc": "^0.0.24"
+    "@vue/compiler-sfc": "^3.5.25",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/runtime-core": "^3.5.25",
+    "@vueuse/core": "^11.3.0",
+    "@vueuse/electron": "^13.9.0",
+    "animate.css": "^4.1.1",
+    "autoprefixer": "^10.4.22",
+    "axios": "^1.13.2",
+    "cross-env": "^7.0.3",
+    "electron": "^40.1.0",
+    "electron-builder": "^26.0.12",
+    "electron-vite": "^5.0.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-vue": "^10.6.2",
+    "eslint-plugin-vue-scoped-css": "^2.12.0",
+    "globals": "^16.5.0",
+    "howler": "^2.2.4",
+    "lint-staged": "^15.5.2",
+    "lodash": "^4.17.21",
+    "marked": "^15.0.12",
+    "naive-ui": "^2.43.2",
+    "pinia": "^3.0.4",
+    "pinyin-match": "^1.2.10",
+    "postcss": "^8.5.6",
+    "prettier": "^3.7.4",
+    "remixicon": "^4.7.0",
+    "sass": "^1.96.0",
+    "tailwindcss": "^3.4.19",
+    "tinycolor2": "^1.6.0",
+    "tunajs": "^1.0.15",
+    "typescript": "^5.9.3",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "^6.4.1",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-vue-devtools": "7.7.2",
+    "vue": "^3.5.25",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-router": "^4.6.4",
+    "vue-tsc": "^2.2.12"
+  },
+  "build": {
+    "appId": "com.alger.music",
+    "productName": "AlgerMusicPlayer",
+    "publish": [
+      {
+        "provider": "github",
+        "owner": "algerkong",
+        "repo": "AlgerMusicPlayer"
+      }
+    ],
+    "extraResources": [
+      {
+        "from": "resources/html",
+        "to": "html",
+        "filter": [
+          "**/*"
+        ]
+      }
+    ],
+    "mac": {
+      "icon": "resources/icon.icns",
+      "target": [
+        "dmg",
+        "zip"
+      ],
+      "artifactName": "${productName}-${version}-mac-${arch}.${ext}",
+      "darkModeSupport": true,
+      "hardenedRuntime": false,
+      "gatekeeperAssess": false,
+      "entitlements": "build/entitlements.mac.plist",
+      "entitlementsInherit": "build/entitlements.mac.plist",
+      "extendInfo": {
+        "NSMicrophoneUsageDescription": "AlgerMusicPlayer needs access to the microphone for audio visualization.",
+        "NSCameraUsageDescription": "Application requests access to the device's camera.",
+        "NSDocumentsFolderUsageDescription": "Application requests access to the user's Documents folder.",
+        "NSDownloadsFolderUsageDescription": "Application requests access to the user's Downloads folder."
+      },
+      "notarize": false,
+      "identity": null,
+      "type": "distribution",
+      "binaries": [
+        "Contents/MacOS/AlgerMusicPlayer"
+      ]
+    },
+    "win": {
+      "icon": "resources/icon.ico",
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64",
+            "ia32",
+            "arm64"
+          ]
+        }
+      ],
+      "artifactName": "${productName}-${version}-win-${arch}.${ext}",
+      "requestedExecutionLevel": "asInvoker"
+    },
+    "linux": {
+      "icon": "resources/icon.png",
+      "target": [
+        {
+          "target": "AppImage",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        },
+        {
+          "target": "deb",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        },
+        {
+          "target": "rpm",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        }
+      ],
+      "artifactName": "${productName}-${version}-linux-${arch}.${ext}",
+      "category": "Audio",
+      "maintainer": "Alger <algerkc@qq.com>"
+    },
+    "nsis": {
+      "oneClick": false,
+      "allowToChangeInstallationDirectory": true,
+      "installerIcon": "resources/icon.ico",
+      "uninstallerIcon": "resources/icon.ico",
+      "createDesktopShortcut": true,
+      "createStartMenuShortcut": true,
+      "shortcutName": "AlgerMusicPlayer",
+      "include": "build/installer.nsh",
+      "deleteAppDataOnUninstall": true,
+      "uninstallDisplayName": "AlgerMusicPlayer"
+    }
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "electron",
+      "esbuild"
+    ]
   }
 }

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {},
+    autoprefixer: {}
-  },
+  }
-}
+};

prettier.config.js

@@ -0,0 +1,10 @@
+/**
+ * @type {import('prettier').Config}
+ */
+module.exports = {
+  singleQuote: true,
+  semi: true,
+  printWidth: 100,
+  trailingComma: 'none',
+  endOfLine: 'auto'
+};

public/css/base.css

@@ -1,3 +0,0 @@
-body{
-  background-color: #000;
-}

resources/html/remote-control.html

@@ -0,0 +1,505 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <title>AlgerMusicPlayer 远程控制</title>
+    <style>
+      :root {
+        --primary-color: #007aff;
+        --secondary-color: #5ac8fa;
+        --success-color: #4cd964;
+        --danger-color: #ff3b30;
+        --warning-color: #ff9500;
+        --light-gray: #f2f2f7;
+        --medium-gray: #e5e5ea;
+        --dark-gray: #8e8e93;
+        --text-color: #000000;
+        --text-secondary: #6c6c6c;
+        --background-color: #ffffff;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --primary-color: #0a84ff;
+          --secondary-color: #64d2ff;
+          --success-color: #30d158;
+          --danger-color: #ff453a;
+          --warning-color: #ff9f0a;
+          --light-gray: #1c1c1e;
+          --medium-gray: #2c2c2e;
+          --dark-gray: #8e8e93;
+          --text-color: #ffffff;
+          --text-secondary: #aeaeb2;
+          --background-color: #000000;
+        }
+      }
+
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      body {
+        font-family:
+          -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
+        line-height: 1.6;
+        color: var(--text-color);
+        background-color: var(--light-gray);
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+        padding: 0;
+        margin: 0;
+      }
+
+      .header {
+        position: sticky;
+        top: 0;
+        z-index: 100;
+        background-color: var(--background-color);
+        padding: 12px 16px;
+        text-align: center;
+        border-bottom: 1px solid var(--medium-gray);
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+      }
+
+      .header h1 {
+        font-size: 18px;
+        font-weight: 600;
+        margin: 0;
+      }
+
+      .container {
+        max-width: 540px;
+        margin: 0 auto;
+        padding: 16px;
+        width: 100%;
+        flex: 1;
+      }
+
+      .card {
+        background-color: var(--background-color);
+        border-radius: 12px;
+        padding: 16px;
+        margin-bottom: 16px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      }
+
+      .song-info {
+        display: flex;
+        align-items: center;
+        padding-bottom: 16px;
+      }
+
+      .song-cover {
+        width: 72px;
+        height: 72px;
+        border-radius: 8px;
+        object-fit: cover;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        background-color: var(--medium-gray);
+      }
+
+      .song-details {
+        margin-left: 16px;
+        flex: 1;
+      }
+
+      .song-details h2 {
+        margin: 0;
+        font-size: 18px;
+        font-weight: 600;
+        color: var(--text-color);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .song-details p {
+        margin: 4px 0 0;
+        font-size: 15px;
+        color: var(--text-secondary);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .play-state {
+        font-size: 14px;
+        color: var(--primary-color);
+        margin-top: 4px;
+        display: flex;
+        align-items: center;
+      }
+
+      .play-state::before {
+        content: '';
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        margin-right: 6px;
+      }
+
+      .playing .play-state::before {
+        background-color: var(--success-color);
+      }
+
+      .paused .play-state::before {
+        background-color: var(--warning-color);
+      }
+
+      .controls {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 12px;
+        margin-bottom: 16px;
+      }
+
+      .extra-controls {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 12px;
+      }
+
+      .btn {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background-color: var(--background-color);
+        color: var(--primary-color);
+        border: 1px solid var(--medium-gray);
+        padding: 16px 0;
+        border-radius: 12px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 500;
+        transition: all 0.2s ease;
+        user-select: none;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .btn:active {
+        transform: scale(0.97);
+        opacity: 0.7;
+      }
+
+      .btn::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: var(--primary-color);
+        opacity: 0;
+        transition: opacity 0.2s ease;
+        z-index: -1;
+      }
+
+      .btn:active::before {
+        opacity: 0.1;
+      }
+
+      .btn svg {
+        margin-bottom: 8px;
+        width: 24px;
+        height: 24px;
+        fill: var(--primary-color);
+      }
+
+      .btn-play svg {
+        width: 28px;
+        height: 28px;
+        margin-bottom: 6px;
+      }
+
+      .status-bar {
+        text-align: center;
+        padding: 8px 16px;
+        font-size: 14px;
+        color: var(--text-secondary);
+        background-color: var(--background-color);
+        border-top: 1px solid var(--medium-gray);
+        position: sticky;
+        bottom: 0;
+      }
+
+      .status-message {
+        display: inline-block;
+        transition: opacity 0.3s ease;
+      }
+
+      .status-message.fade {
+        opacity: 0;
+      }
+
+      .refresh-button {
+        color: var(--primary-color);
+        background: none;
+        border: none;
+        font-size: 14px;
+        cursor: pointer;
+        padding: 0;
+        margin-left: 8px;
+      }
+
+      @media (max-width: 350px) {
+        .controls,
+        .extra-controls {
+          gap: 8px;
+        }
+
+        .btn {
+          padding: 12px 0;
+          font-size: 12px;
+        }
+
+        .btn svg {
+          width: 20px;
+          height: 20px;
+          margin-bottom: 6px;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="header">
+      <h1>AlgerMusicPlayer 远程控制</h1>
+    </div>
+
+    <div class="container">
+      <div class="card" id="songInfoCard">
+        <div class="song-info">
+          <img
+            id="songCover"
+            class="song-cover"
+            src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238E8E93'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z'/%3E%3C/svg%3E"
+            alt="封面"
+          />
+          <div class="song-details">
+            <h2 id="songTitle">未在播放</h2>
+            <p id="songArtist">--</p>
+            <div class="play-state" id="playState">未播放</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="card">
+        <div class="controls">
+          <button id="prevBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M6 6h2v12H6zm3.5 6l8.5 6V6z" />
+            </svg>
+            上一首
+          </button>
+          <button id="playBtn" class="btn btn-play">
+            <svg id="playIcon" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M8 5v14l11-7z" />
+            </svg>
+            播放/暂停
+          </button>
+          <button id="nextBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z" />
+            </svg>
+            下一首
+          </button>
+        </div>
+
+        <div class="extra-controls">
+          <button id="volumeDownBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"
+              />
+            </svg>
+            音量-
+          </button>
+          <button id="volumeUpBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
+              />
+            </svg>
+            音量+
+          </button>
+        </div>
+      </div>
+
+      <div class="card">
+        <div class="extra-controls">
+          <button id="favoriteBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
+              />
+            </svg>
+            收藏
+          </button>
+          <button id="refreshBtn" class="btn">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path
+                d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
+              />
+            </svg>
+            刷新
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <div class="status-bar">
+      <span id="status" class="status-message">准备就绪</span>
+    </div>
+
+    <script>
+      // 页面加载完成后执行
+      document.addEventListener('DOMContentLoaded', () => {
+        // 获取DOM元素
+        const songInfoCard = document.getElementById('songInfoCard');
+        const songTitle = document.getElementById('songTitle');
+        const songArtist = document.getElementById('songArtist');
+        const songCover = document.getElementById('songCover');
+        const playState = document.getElementById('playState');
+        const playBtn = document.getElementById('playBtn');
+        const playIcon = document.getElementById('playIcon');
+        const prevBtn = document.getElementById('prevBtn');
+        const nextBtn = document.getElementById('nextBtn');
+        const favoriteBtn = document.getElementById('favoriteBtn');
+        const volumeUpBtn = document.getElementById('volumeUpBtn');
+        const volumeDownBtn = document.getElementById('volumeDownBtn');
+        const refreshBtn = document.getElementById('refreshBtn');
+        const status = document.getElementById('status');
+
+        let isPlaying = false;
+
+        // 显示状态消息并淡出
+        function showStatus(message, autoClear = true) {
+          status.textContent = message;
+          status.classList.remove('fade');
+
+          if (autoClear) {
+            setTimeout(() => {
+              status.classList.add('fade');
+            }, 2000);
+          }
+        }
+
+        // 更新播放/暂停图标
+        function updatePlayIcon() {
+          if (isPlaying) {
+            playIcon.innerHTML = '<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>';
+          } else {
+            playIcon.innerHTML = '<path d="M8 5v14l11-7z"/>';
+          }
+        }
+
+        // 更新状态的函数
+        async function updateStatus() {
+          try {
+            showStatus('获取播放状态...', false);
+
+            const response = await fetch('/api/status');
+            const data = await response.json();
+
+            // 更新播放状态
+            isPlaying = data.isPlaying;
+            updatePlayIcon();
+
+            // 更新UI
+            if (data.currentSong) {
+              songTitle.textContent = data.currentSong.name || '未知歌曲';
+
+              if (data.currentSong.ar && data.currentSong.ar.length) {
+                songArtist.textContent = data.currentSong.ar.map((a) => a.name).join(', ');
+              } else if (data.currentSong.artists && data.currentSong.artists.length) {
+                songArtist.textContent = data.currentSong.artists.map((a) => a.name).join(', ');
+              } else {
+                songArtist.textContent = '未知艺术家';
+              }
+
+              if (data.currentSong.picUrl) {
+                songCover.src = data.currentSong.picUrl;
+              }
+            } else {
+              songTitle.textContent = '未在播放';
+              songArtist.textContent = '--';
+              songCover.src =
+                "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238E8E93'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z'/%3E%3C/svg%3E";
+            }
+
+            // 更新播放状态
+            playState.textContent = isPlaying ? '正在播放' : '已暂停';
+            songInfoCard.className = isPlaying ? 'card playing' : 'card paused';
+
+            showStatus('已更新', true);
+          } catch (error) {
+            console.error('获取状态失败:', error);
+            showStatus('获取状态失败');
+          }
+        }
+
+        // 发送命令的函数
+        async function sendCommand(endpoint) {
+          try {
+            showStatus('发送命令中...', false);
+            const response = await fetch('/api/' + endpoint, { method: 'POST' });
+            const data = await response.json();
+
+            showStatus(data.message || '命令已发送');
+
+            // 稍等后更新状态
+            setTimeout(updateStatus, 500);
+          } catch (error) {
+            console.error('发送命令失败:', error);
+            showStatus('发送命令失败');
+          }
+        }
+
+        // 绑定按钮事件
+        playBtn.addEventListener('click', () => sendCommand('toggle-play'));
+        prevBtn.addEventListener('click', () => sendCommand('prev'));
+        nextBtn.addEventListener('click', () => sendCommand('next'));
+        favoriteBtn.addEventListener('click', () => sendCommand('toggle-favorite'));
+        volumeUpBtn.addEventListener('click', () => sendCommand('volume-up'));
+        volumeDownBtn.addEventListener('click', () => sendCommand('volume-down'));
+        refreshBtn.addEventListener('click', updateStatus);
+
+        // 初始加载状态
+        updateStatus();
+
+        // 每1秒更新一次状态
+        setInterval(updateStatus, 1000);
+
+        // 添加触摸反馈
+        const buttons = document.querySelectorAll('.btn');
+        buttons.forEach((btn) => {
+          btn.addEventListener('touchstart', function () {
+            this.style.transform = 'scale(0.97)';
+            this.style.opacity = '0.7';
+          });
+
+          btn.addEventListener('touchend', function () {
+            this.style.transform = 'scale(1)';
+            this.style.opacity = '1';
+          });
+        });
+
+        // 检测深色模式变化
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+          updateStatus();
+        });
+      });
+    </script>
+  </body>
+</html>

resources/manifest.json

@@ -0,0 +1,10 @@
+{
+  "name": "Alger Music PWA",
+  "icons": [
+    {
+      "src": "./icon.png",
+      "type": "image/png",
+      "sizes": "256x256"
+    }
+  ]
+}

scripts/check_i18n.ts

@@ -0,0 +1,251 @@
+import fs from 'fs';
+import path from 'path';
+import { pathToFileURL } from 'url';
+
+type TranslationObject = Record<string, unknown>;
+type KeyValueMap = Map<string, string>;
+type KeyReference = {
+  file: string;
+  line: number;
+  key: string;
+};
+
+const SOURCE_LANG = 'zh-CN';
+const TARGET_LANGS = ['en-US', 'ja-JP', 'ko-KR', 'zh-Hant'] as const;
+const CHECK_EXTENSIONS = new Set(['.ts', '.vue']);
+
+function isPlainObject(value: unknown): value is TranslationObject {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
+function flattenTranslations(
+  input: TranslationObject,
+  prefix = '',
+  output: KeyValueMap = new Map()
+): KeyValueMap {
+  Object.entries(input).forEach(([key, value]) => {
+    const fullKey = prefix ? `${prefix}.${key}` : key;
+    if (isPlainObject(value)) {
+      flattenTranslations(value, fullKey, output);
+      return;
+    }
+    output.set(fullKey, String(value ?? ''));
+  });
+  return output;
+}
+
+async function loadTranslationFile(filePath: string): Promise<TranslationObject | null> {
+  if (!fs.existsSync(filePath)) {
+    return null;
+  }
+
+  const moduleUrl = pathToFileURL(filePath).href;
+  const loaded = await import(moduleUrl);
+  const payload = loaded.default;
+
+  if (!isPlainObject(payload)) {
+    throw new Error(`翻译文件默认导出必须是对象: ${filePath}`);
+  }
+
+  return payload;
+}
+
+function walkFiles(dirPath: string): string[] {
+  const results: string[] = [];
+
+  if (!fs.existsSync(dirPath)) {
+    return results;
+  }
+
+  for (const entry of fs.readdirSync(dirPath, { withFileTypes: true })) {
+    const fullPath = path.join(dirPath, entry.name);
+    if (entry.isDirectory()) {
+      results.push(...walkFiles(fullPath));
+      continue;
+    }
+
+    if (entry.isFile() && CHECK_EXTENSIONS.has(path.extname(entry.name))) {
+      results.push(fullPath);
+    }
+  }
+
+  return results;
+}
+
+function getLineNumber(content: string, index: number): number {
+  let line = 1;
+  for (let i = 0; i < index; i += 1) {
+    if (content[i] === '\n') {
+      line += 1;
+    }
+  }
+  return line;
+}
+
+function collectReferencesFromContent(content: string, file: string): KeyReference[] {
+  const references: KeyReference[] = [];
+  const patterns = [
+    /\bt\(\s*['"`]([^'"`$]+)['"`]\s*[,)]/g,
+    /\bi18n\.global\.t\(\s*['"`]([^'"`$]+)['"`]\s*[,)]/g,
+    /\$t\(\s*['"`]([^'"`$]+)['"`]\s*[,)]/g
+  ];
+
+  for (const pattern of patterns) {
+    let match: RegExpExecArray | null = pattern.exec(content);
+    while (match) {
+      references.push({
+        file,
+        line: getLineNumber(content, match.index),
+        key: match[1]
+      });
+      match = pattern.exec(content);
+    }
+  }
+
+  return references;
+}
+
+function collectTranslationReferences(projectRoot: string): KeyReference[] {
+  const scanDirs = ['src/renderer', 'src/main', 'src/preload'];
+  const references: KeyReference[] = [];
+
+  for (const scanDir of scanDirs) {
+    const absoluteDir = path.join(projectRoot, scanDir);
+    const files = walkFiles(absoluteDir);
+
+    for (const file of files) {
+      const content = fs.readFileSync(file, 'utf-8');
+      references.push(...collectReferencesFromContent(content, path.relative(projectRoot, file)));
+    }
+  }
+
+  return references;
+}
+
+async function main() {
+  const projectRoot = process.cwd();
+  const langDir = path.join(projectRoot, 'src/i18n/lang');
+  const sourceDir = path.join(langDir, SOURCE_LANG);
+  const fileNames = fs
+    .readdirSync(sourceDir)
+    .filter((file) => file.endsWith('.ts'))
+    .sort();
+
+  const missingByLang: Record<string, Record<string, string[]>> = {};
+  const extraByLang: Record<string, Record<string, string[]>> = {};
+  const sourceKeys = new Set<string>();
+  const sourceValues = new Map<string, string>();
+  let hasBlockingIssue = false;
+  const strictMode = process.env.I18N_STRICT === '1';
+
+  for (const fileName of fileNames) {
+    const moduleName = fileName.replace(/\.ts$/, '');
+    const sourcePath = path.join(sourceDir, fileName);
+    const sourceObject = await loadTranslationFile(sourcePath);
+    if (!sourceObject) {
+      continue;
+    }
+
+    const sourceMap = flattenTranslations(sourceObject, moduleName);
+    const sourceMapKeys = new Set(sourceMap.keys());
+
+    sourceMap.forEach((value, key) => {
+      sourceKeys.add(key);
+      sourceValues.set(key, value);
+    });
+
+    for (const lang of TARGET_LANGS) {
+      if (!missingByLang[lang]) {
+        missingByLang[lang] = {};
+      }
+      if (!extraByLang[lang]) {
+        extraByLang[lang] = {};
+      }
+
+      const targetPath = path.join(langDir, lang, fileName);
+      const targetObject = await loadTranslationFile(targetPath);
+      const targetMap = targetObject
+        ? flattenTranslations(targetObject, moduleName)
+        : new Map<string, string>();
+      const targetMapKeys = new Set(targetMap.keys());
+
+      const missing = Array.from(sourceMapKeys).filter((key) => !targetMapKeys.has(key));
+      const extra = Array.from(targetMapKeys).filter((key) => !sourceMapKeys.has(key));
+
+      if (missing.length > 0) {
+        missingByLang[lang][fileName] = missing;
+        hasBlockingIssue = true;
+      }
+
+      if (extra.length > 0) {
+        extraByLang[lang][fileName] = extra;
+      }
+    }
+  }
+
+  const allReferences = collectTranslationReferences(projectRoot);
+  const invalidReferences = allReferences.filter((item) => !sourceKeys.has(item.key));
+
+  const hasWarningIssue =
+    invalidReferences.length > 0 ||
+    Object.values(extraByLang).some((item) => Object.keys(item).length > 0);
+  const shouldFail = hasBlockingIssue || (strictMode && hasWarningIssue);
+
+  if (hasBlockingIssue || hasWarningIssue) {
+    console.error('发现国际化问题:');
+
+    for (const lang of TARGET_LANGS) {
+      const missingFiles = missingByLang[lang];
+      const extraFiles = extraByLang[lang];
+      const hasLangIssue =
+        Object.keys(missingFiles).length > 0 || Object.keys(extraFiles).length > 0;
+
+      if (!hasLangIssue) {
+        continue;
+      }
+
+      console.error(`\n语言: ${lang}`);
+      for (const fileName of Object.keys(missingFiles)) {
+        console.error(`  文件: ${fileName}`);
+        for (const key of missingFiles[fileName]) {
+          const sourceValue = sourceValues.get(key) ?? '';
+          console.error(`    - 缺失键 [${key}]：${sourceValue}`);
+        }
+      }
+
+      for (const fileName of Object.keys(extraFiles)) {
+        console.error(`  文件: ${fileName}`);
+        for (const key of extraFiles[fileName]) {
+          console.error(`    - 多余键 [${key}]`);
+        }
+      }
+    }
+
+    if (invalidReferences.length > 0) {
+      console.error('\n代码中引用了不存在的 i18n key:');
+      for (const item of invalidReferences) {
+        console.error(`  - ${item.file}:${item.line} -> ${item.key}`);
+      }
+    }
+
+    if (strictMode && hasWarningIssue && !hasBlockingIssue) {
+      console.error('\n当前为严格模式，告警将导致失败（I18N_STRICT=1）。');
+    }
+  }
+
+  if (shouldFail) {
+    process.exit(1);
+  }
+
+  if (!hasBlockingIssue && !hasWarningIssue) {
+    console.log('所有国际化键值检查通过！');
+    return;
+  }
+
+  console.log('国际化检查通过（含告警，建议尽快修复）');
+}
+
+main().catch((error) => {
+  console.error('国际化检查执行失败:', error);
+  process.exit(1);
+});

scripts/export_i18n_report.ts

@@ -0,0 +1,130 @@
+import fs from 'fs';
+import path from 'path';
+
+async function main() {
+  const rootDir = process.cwd();
+  const langDir = path.join(rootDir, 'src/i18n/lang/zh-CN');
+
+  const definedKeys = new Set<string>();
+  const langFiles = fs.readdirSync(langDir).filter((f) => f.endsWith('.ts'));
+
+  function getKeys(obj: any, prefix = '') {
+    for (const key in obj) {
+      const fullKey = prefix ? `${prefix}.${key}` : key;
+      if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {
+        getKeys(obj[key], fullKey);
+      } else {
+        definedKeys.add(fullKey);
+      }
+    }
+  }
+
+  for (const file of langFiles) {
+    const content = fs.readFileSync(path.join(langDir, file), 'utf-8');
+    const match = content.match(/export\s+default\s+([\s\S]+);/);
+    if (match) {
+      try {
+        const obj = eval(`(${match[1]})`);
+        getKeys(obj, file.replace('.ts', ''));
+      } catch (error) {
+        console.warn('Failed to parse i18n file:', file, error);
+      }
+    }
+  }
+
+  // @ts-ignore
+  const glob = new Bun.Glob('src/renderer/**/*.{vue,ts,js}');
+  // @ts-ignore
+  const files = Array.from(
+    glob.scanSync({
+      cwd: rootDir,
+      onlyFiles: true
+    })
+  );
+
+  const report = {
+    hardcodedChinese: [] as any[],
+    missingKeys: [] as any[]
+  };
+
+  const chineseMatchRegex = /[\u4e00-\u9fa5]+/g;
+  const i18nRegex = /\bt\(['"]([^'"]+)['"]\)/g;
+
+  for (const relativeFile of files) {
+    const rel = relativeFile as string;
+    if (
+      rel.includes('node_modules') ||
+      rel.includes('android/') ||
+      rel.includes('resources/') ||
+      rel.includes('scripts/') ||
+      rel.endsWith('.d.ts')
+    )
+      continue;
+
+    const file = path.join(rootDir, rel);
+    let content = fs.readFileSync(file, 'utf-8');
+
+    content = content.replace(/\/\*[\s\S]*?\*\//g, (match) => {
+      const lines = match.split('\n').length - 1;
+      return '\n'.repeat(lines);
+    });
+
+    content = content.replace(/<!--[\s\S]*?-->/g, (match) => {
+      const lines = match.split('\n').length - 1;
+      return '\n'.repeat(lines);
+    });
+
+    const lines = content.split('\n');
+    let isInConsole = false;
+
+    lines.forEach((line, index) => {
+      const lineNumber = index + 1;
+      const cleanLine = line.split('//')[0];
+
+      if (cleanLine.includes('console.')) {
+        isInConsole = true;
+      }
+
+      if (!isInConsole && !cleanLine.includes('import')) {
+        const chineseMatches = cleanLine.match(chineseMatchRegex);
+        if (chineseMatches) {
+          chineseMatches.forEach((text) => {
+            report.hardcodedChinese.push({
+              file: rel,
+              line: lineNumber,
+              text: text.trim(),
+              context: line.trim()
+            });
+          });
+        }
+      }
+
+      if (isInConsole && cleanLine.includes(');')) {
+        isInConsole = false;
+      }
+
+      let i18nMatch;
+      while ((i18nMatch = i18nRegex.exec(cleanLine)) !== null) {
+        const key = i18nMatch[1];
+        if (!definedKeys.has(key)) {
+          report.missingKeys.push({
+            file: rel,
+            line: lineNumber,
+            key: key,
+            context: line.trim()
+          });
+        }
+      }
+    });
+  }
+
+  const outputPath = path.join(rootDir, 'i18n_report.json');
+  fs.writeFileSync(outputPath, JSON.stringify(report, null, 2));
+
+  console.log(`\n报告生成成功！`);
+  console.log(`- 硬编码中文: ${report.hardcodedChinese.length} 处`);
+  console.log(`- 缺失的 Key: ${report.missingKeys.length} 处`);
+  console.log(`- 报告路径: ${outputPath}\n`);
+}
+
+main();

scripts/merge_latest_mac_yml.mjs

@@ -0,0 +1,119 @@
+import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { dirname } from 'node:path';
+
+function readScalar(line, prefix) {
+  return line.slice(prefix.length).trim().replace(/^'/, '').replace(/'$/, '');
+}
+
+function parseLatestMacYml(filePath) {
+  const content = readFileSync(filePath, 'utf8');
+  const lines = content.split(/\r?\n/);
+  const result = {
+    version: '',
+    files: [],
+    path: '',
+    sha512: '',
+    releaseDate: ''
+  };
+
+  let currentFile = null;
+
+  for (const line of lines) {
+    if (!line.trim()) {
+      continue;
+    }
+
+    if (line.startsWith('version: ')) {
+      result.version = readScalar(line, 'version: ');
+      continue;
+    }
+
+    if (line.startsWith('path: ')) {
+      result.path = readScalar(line, 'path: ');
+      continue;
+    }
+
+    if (line.startsWith('sha512: ')) {
+      result.sha512 = readScalar(line, 'sha512: ');
+      continue;
+    }
+
+    if (line.startsWith('releaseDate: ')) {
+      result.releaseDate = readScalar(line, 'releaseDate: ');
+      continue;
+    }
+
+    if (line.startsWith('  - url: ')) {
+      currentFile = {
+        url: readScalar(line, '  - url: ')
+      };
+      result.files.push(currentFile);
+      continue;
+    }
+
+    if (line.startsWith('    sha512: ') && currentFile) {
+      currentFile.sha512 = readScalar(line, '    sha512: ');
+      continue;
+    }
+
+    if (line.startsWith('    size: ') && currentFile) {
+      currentFile.size = Number.parseInt(readScalar(line, '    size: '), 10);
+    }
+  }
+
+  return result;
+}
+
+function uniqueFiles(files) {
+  const fileMap = new Map();
+
+  for (const file of files) {
+    fileMap.set(file.url, file);
+  }
+
+  return Array.from(fileMap.values());
+}
+
+function stringifyLatestMacYml(data) {
+  const lines = [`version: ${data.version}`, 'files:'];
+
+  for (const file of data.files) {
+    lines.push(`  - url: ${file.url}`);
+    lines.push(`    sha512: ${file.sha512}`);
+    lines.push(`    size: ${file.size}`);
+  }
+
+  lines.push(`path: ${data.path}`);
+  lines.push(`sha512: ${data.sha512}`);
+  lines.push(`releaseDate: '${data.releaseDate}'`);
+
+  return `${lines.join('\n')}\n`;
+}
+
+const [x64Path, arm64Path, outputPath] = process.argv.slice(2);
+
+if (!x64Path || !arm64Path || !outputPath) {
+  console.error(
+    'Usage: node scripts/merge_latest_mac_yml.mjs <latest-mac-x64.yml> <latest-mac-arm64.yml> <output.yml>'
+  );
+  process.exit(1);
+}
+
+const x64Data = parseLatestMacYml(x64Path);
+const arm64Data = parseLatestMacYml(arm64Path);
+
+if (x64Data.version !== arm64Data.version) {
+  console.error(
+    `Version mismatch between mac update files: ${x64Data.version} !== ${arm64Data.version}`
+  );
+  process.exit(1);
+}
+
+const mergedData = {
+  ...x64Data,
+  files: uniqueFiles([...x64Data.files, ...arm64Data.files]),
+  releaseDate: arm64Data.releaseDate || x64Data.releaseDate
+};
+
+mkdirSync(dirname(outputPath), { recursive: true });
+writeFileSync(outputPath, stringifyLatestMacYml(mergedData), 'utf8');

src/App.vue

@@ -1,37 +0,0 @@
-<template>
-  <div class="app">
-    <audio id="MusicAudio" ref="audioRef" :src="playMusicUrl" :autoplay="play"></audio>
-    <n-config-provider :theme="darkTheme">
-      <n-dialog-provider>
-        <router-view></router-view>
-      </n-dialog-provider>
-    </n-config-provider>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { darkTheme } from 'naive-ui'
-import store from '@/store'
-
-const audio = ref<HTMLAudioElement | null>(null)
-
-const playMusicUrl = computed(() => store.state.playMusicUrl as string)
-// 是否播放
-const play = computed(() => store.state.play as boolean)
-const windowData = window as any
-onMounted(()=>{
-  if(windowData.electron){
-    const setData = windowData.electron.ipcRenderer.getStoreValue('set');
-    store.commit('setSetData', setData)
-  }
-})
-</script>
-
-<style lang="scss" scoped >
-div {
-  box-sizing: border-box;
-}
-.app {
-  user-select: none;
-}
-</style>

src/api/home.ts

@@ -1,45 +0,0 @@
-import request from "@/utils/request";
-import { IHotSinger } from "@/type/singer";
-import { ISearchKeyword, IHotSearch } from "@/type/search";
-import { IPlayListSort } from "@/type/playlist";
-import { IRecommendMusic } from "@/type/music";
-import { IAlbumNew } from "@/type/album";
-
-interface IHotSingerParams {
-  offset: number;
-  limit: number;
-}
-
-interface IRecommendMusicParams {
-  limit: number;
-}
-
-// 获取热门歌手
-export const getHotSinger = (params: IHotSingerParams) => {
-  return request.get<IHotSinger>("/top/artists", { params });
-};
-
-// 获取搜索推荐词
-export const getSearchKeyword = () => {
-  return request.get<ISearchKeyword>("/search/default");
-};
-
-// 获取热门搜索
-export const getHotSearch = () => {
-  return request.get<IHotSearch>("/search/hot/detail");
-};
-
-// 获取歌单分类
-export const getPlaylistCategory = () => {
-  return request.get<IPlayListSort>("/playlist/catlist");
-};
-
-// 获取推荐音乐
-export const getRecommendMusic = (params: IRecommendMusicParams) => {
-  return request.get<IRecommendMusic>("/personalized/newsong", { params });
-};
-
-// 获取最新专辑推荐
-export const getNewAlbum = () => {
-  return request.get<IAlbumNew>("/album/newest");
-};

src/api/login.ts

@@ -1,46 +0,0 @@
-import request from "@/utils/request";
-
-// 创建二维码key
-//  /login/qr/key
-export function getQrKey() {
-  return request.get("/login/qr/key");
-}
-
-// 创建二维码
-// /login/qr/create
-export function createQr(key: any) {
-  return request.get("/login/qr/create", { params: { key: key, qrimg: true } });
-}
-
-// 获取二维码状态
-//  /login/qr/check
-export function checkQr(key: any) {
-  return request.get("/login/qr/check", { params: { key: key } });
-}
-
-// 获取登录状态
-// /login/status
-export function getLoginStatus() {
-  return request.get("/login/status");
-}
-
-// 获取用户信息
-// /user/account
-export function getUserDetail() {
-  return request.get("/user/account");
-}
-
-// 退出登录
-// /logout
-export function logout() {
-  return request.get("/logout");
-}
-
-// 手机号登录
-// /login/cellphone
-export function loginByCellphone(phone: any, password: any) {
-  return request.post("/login/cellphone", {
-    phone: phone,
-    password: password,
-  });
-}

src/api/music.ts

@@ -1,22 +0,0 @@
-import { IPlayMusicUrl } from "@/type/music"
-import { ILyric } from "@/type/lyric"
-import request from "@/utils/request"
-import requestMusic from "@/utils/request_music"
-// 根据音乐Id获取音乐播放URl
-export const getMusicUrl = (id: number) => {
-  return request.get<IPlayMusicUrl>("/song/url", { params: { id: id } })
-}
-
-// 获取歌曲详情
-export const getMusicDetail = (ids: Array<number>) => {
-  return request.get("/song/detail", { params: { ids: ids.join(",")}})
-}
-
-// 根据音乐Id获取音乐歌词
-export const getMusicLrc = (id: number) => {
-  return request.get<ILyric>("/lyric", { params: { id: id } })
-}
-
-export const getParsingMusicUrl = (id: number) => {
-  return requestMusic.get<any>("/music", { params: { id: id } })
-}

src/api/mv.ts

@@ -1,30 +0,0 @@
-import { IData } from '@/type'
-import { IMvItem, IMvUrlData } from '@/type/mv'
-import request from '@/utils/request'
-
-// 获取 mv 排行
-export const getTopMv = (limit: number) => {
-  return request.get<IData<Array<IMvItem>>>('/top/mv', {
-    params: {
-      limit,
-    },
-  })
-}
-
-// 获取 mv 数据
-export const getMvDetail = (mvid: string) => {
-  return request.get('/mv/detail', {
-    params: {
-      mvid,
-    },
-  })
-}
-
-// 获取 mv 地址
-export const getMvUrl = (id: Number) => {
-  return request.get<IData<IMvUrlData>>('/mv/url', {
-    params: {
-      id,
-    },
-  })
-}

src/api/search.ts

@@ -1,13 +0,0 @@
-import request from "@/utils/request"
-import { ISearchDetail } from "@/type/search"
-
-interface IParams {
-  keywords: string
-  type: number
-}
-// 搜索内容
-export const getSearch = (params: IParams) => {
-  return request.get<any>('/cloudsearch', {
-    params,
-  })
-}

src/api/user.ts

@@ -1,17 +0,0 @@
-import request from "@/utils/request";
-
-// /user/detail
-export function getUserDetail(uid: number) {
-  return request.get("/user/detail", { params: { uid } });
-}
-
-// /user/playlist
-export function getUserPlaylist(uid: number) {
-  return request.get("/user/playlist", { params: { uid } });
-}
-
-// 播放历史
-// /user/record?uid=32953014&type=1
-export function getUserRecord(uid: number, type: number = 0) {
-  return request.get("/user/record", { params: { uid, type } });
-}

src/components/MusicList.vue

@@ -1,75 +0,0 @@
-<template>
-  <n-drawer :show="show" height="70vh" placement="bottom" :drawer-style="{ backgroundColor: 'transparent' }">
-    <div class="music-page">
-      <i class="iconfont icon-icon_error music-close" @click="close"></i>
-      <div class="music-title">{{ name }}</div>
-      <!-- 歌单歌曲列表 -->
-      <div class="music-list">
-        <n-scrollbar >
-          <div v-for="(item, index) in songList" :key="item.id" :class="setAnimationClass('animate__bounceInUp')"
-            :style="setAnimationDelay(index, 100)">
-            <SongItem :item="formatDetail(item)" @play="handlePlay" />
-          </div>
-          <PlayBottom/>
-        </n-scrollbar>
-      </div>
-    </div>
-  </n-drawer>
-</template>
-
-<script setup lang="ts">
-import { useStore } from 'vuex'
-import { setAnimationClass, setAnimationDelay } from "@/utils";
-import SongItem from "@/components/common/SongItem.vue";
-import PlayBottom from './common/PlayBottom.vue';
-
-const store = useStore()
-
-const props = defineProps<{
-  show: boolean;
-  name: string;
-  songList: any[]
-}>()
-const emit = defineEmits(['update:show'])
-
-const formatDetail = computed(() => (detail: any) => {
-  let song = {
-    artists: detail.ar,
-    name: detail.al.name,
-    id: detail.al.id,
-  }
-
-  detail.song = song
-  detail.picUrl = detail.al.picUrl
-  return detail
-})
-
-const handlePlay = (item: any) => {
-  const tracks = props.songList || []
-  store.commit('setPlayList', tracks)
-}
-
-const close = () => {
-  emit('update:show', false)
-}
-</script>
-
-<style scoped lang="scss">
-.music {
-  &-page {
-    @apply px-8 w-full h-full bg-black bg-opacity-75 rounded-t-2xl;
-    backdrop-filter: blur(20px);
-  }
-  &-title {
-    @apply text-lg font-bold text-white p-4;
-  }
-
-  &-close {
-    @apply absolute top-4 right-8 cursor-pointer text-white text-3xl;
-  }
-
-  &-list {
-    height: calc(100% - 60px);
-  }
-}
-</style>

src/components/PlaylistType.vue

@@ -1,79 +0,0 @@
-<template>
-    <!-- 歌单分类列表 -->
-    <div class="play-list-type">
-        <div class="title" :class="setAnimationClass('animate__fadeInLeft')">歌单分类</div>
-        <div>
-            <template v-for="(item, index) in playlistCategory?.sub" :key="item.name">
-                <span
-                    class="play-list-type-item"
-                    :class="setAnimationClass('animate__bounceIn')"
-                    :style="setAnimationDelay(index <= 19 ? index : index - 19)"
-                    v-show="isShowAllPlaylistCategory || index <= 19"
-                    @click="handleClickPlaylistType(item.name)"
-                >{{ item.name }}</span>
-            </template>
-            <div
-                class="play-list-type-showall"
-                :class="setAnimationClass('animate__bounceIn')"
-                :style="
-                    setAnimationDelay(
-                        !isShowAllPlaylistCategory
-                            ? 25
-                            : playlistCategory?.sub.length || 100 + 30
-                    )
-                "
-                @click="isShowAllPlaylistCategory = !isShowAllPlaylistCategory"
-            >{{ !isShowAllPlaylistCategory ? "显示全部" : "隐藏一些" }}</div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from "vue";
-import { getPlaylistCategory } from "@/api/home";
-import type { IPlayListSort } from "@/type/playlist";
-import { setAnimationDelay, setAnimationClass } from "@/utils";
-import { useRoute, useRouter } from "vue-router";
-// 歌单分类
-const playlistCategory = ref<IPlayListSort>();
-// 是否显示全部歌单分类
-const isShowAllPlaylistCategory = ref<boolean>(false);
-
-// 加载歌单分类
-const loadPlaylistCategory = async () => {
-    const { data } = await getPlaylistCategory();
-    playlistCategory.value = data;
-};
-
-const router = useRouter();
-const handleClickPlaylistType = (type: any) => {
-    router.push({
-        path: "/list",
-        query: {
-            type: type,
-        }
-    });
-};
-// 页面初始化
-onMounted(() => {
-    loadPlaylistCategory();
-});
-</script>
-
-<style lang="scss" scoped>
-.title {
-    @apply text-lg font-bold mb-4;
-}
-.play-list-type {
-    width: 250px;
-    @apply mx-6;
-    &-item,
-    &-showall {
-        @apply py-2 px-3 mr-3 mb-3 inline-block border border-gray-700 rounded-xl cursor-pointer hover:bg-green-600 transition;
-        background-color: #1a1a1a;
-    }
-    &-showall {
-        @apply block text-center;
-    }
-}
-</style>

src/components/RecommendAlbum.vue

@@ -1,86 +0,0 @@
-<template>
-    <div class="recommend-album">
-        <div class="title" :class="setAnimationClass('animate__fadeInLeft')">最新专辑</div>
-        <div class="recommend-album-list">
-            <template v-for="(item,index) in albumData?.albums" :key="item.id">
-                <div
-                    v-if="index < 6"
-                    class="recommend-album-list-item"
-                    :class="setAnimationClass('animate__backInUp')"
-                    :style="setAnimationDelay(index, 100)"
-                    @click="handleClick(item)"
-                >
-                    <n-image
-                        class="recommend-album-list-item-img"
-                        :src="getImgUrl( item.blurPicUrl, '200y200')"
-                        lazy
-                        preview-disabled
-                    />
-                    <div class="recommend-album-list-item-content">{{ item.name }}</div>
-                </div>
-            </template>
-        </div>
-       <MusicList v-model:show="showMusic" :name="albumName" :song-list="songList" />
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { getNewAlbum } from "@/api/home"
-import { ref, onMounted } from "vue";
-import type { IAlbumNew } from "@/type/album"
-import { setAnimationClass, setAnimationDelay, getImgUrl } from "@/utils";
-import { getAlbum } from "@/api/list";
-
-
-const albumData = ref<IAlbumNew>()
-const loadAlbumList = async () => {
-    const { data } = await getNewAlbum();
-    albumData.value = data
-}
-
-const showMusic = ref(false)
-const songList = ref([])
-const albumName = ref('')
-
-const handleClick = async (item:any) => {
-  albumName.value = item.name
-  showMusic.value = true
-   const res = await getAlbum(item.id)
-    songList.value = res.data.songs.map((song:any)=>{
-      song.al.picUrl = song.al.picUrl || item.picUrl
-      return song
-    })
-}
-
-onMounted(() => {
-    loadAlbumList()
-})
-</script>
-
-<style lang="scss" scoped>
-.recommend-album {
-    @apply flex-1 mx-5;
-    .title {
-        @apply text-lg font-bold mb-4;
-    }
-
-    .recommend-album-list {
-        @apply grid grid-cols-2 grid-rows-3 gap-2;
-        &-item {
-            @apply rounded-xl overflow-hidden relative;
-            &-img {
-                @apply rounded-xl transition w-full h-full;
-            }
-            &:hover img {
-                filter: brightness(50%);
-            }
-            &-content {
-                @apply w-full h-full opacity-0 transition absolute z-10 top-0 left-0 p-4 text-xl bg-opacity-60 bg-black;
-            }
-            &-content:hover {
-                opacity: 1;
-            }
-        }
-    }
-}
-</style>

src/components/RecommendSinger.vue

@@ -1,85 +0,0 @@
-<template>
-    <!-- 推荐歌手 -->
-    <div class="recommend-singer">
-        <div class="recommend-singer-list">
-            <div
-                class="recommend-singer-item relative"
-                :class="setAnimationClass('animate__backInRight')"
-                v-for="(item, index) in hotSingerData?.artists"
-                :style="setAnimationDelay(index, 100)"
-                :key="item.id"
-            >
-                <div
-                    :style="setBackgroundImg(getImgUrl(item.picUrl,'300y300'))"
-                    class="recommend-singer-item-bg"
-                ></div>
-                <div
-                    class="recommend-singer-item-count p-2 text-base text-gray-200 z-10"
-                >{{ item.musicSize }}首</div>
-                <div class="recommend-singer-item-info z-10">
-                    <div class="recommend-singer-item-info-play" @click="toSearchSinger(item.name)">
-                        <i class="iconfont icon-playfill text-xl"></i>
-                    </div>
-                    <div class="ml-4">
-                        <div class="recommend-singer-item-info-name">{{ item.name }}</div>
-                        <div class="recommend-singer-item-info-name">{{ item.name }}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { setBackgroundImg, setAnimationDelay, setAnimationClass,getImgUrl } from "@/utils";
-import { onMounted, ref } from "vue";
-import { getHotSinger } from "@/api/home";
-import type { IHotSinger } from "@/type/singer";
-import router from "@/router";
-
-// 歌手信息
-const hotSingerData = ref<IHotSinger>();
-
-//加载推荐歌手
-const loadSingerList = async () => {
-    const { data } = await getHotSinger({ offset: 0, limit: 5 });
-    hotSingerData.value = data;
-};
-// 页面初始化
-onMounted(() => {
-    loadSingerList();
-});
-
-
-const toSearchSinger = (keyword: string) => {
-    router.push({
-        path: "/search",
-        query: {
-            keyword: keyword,
-        },
-    });
-};
-
-</script>
-
-<style lang="scss" scoped>
-.recommend-singer {
-    &-list {
-        @apply flex;
-        height: 280px;
-    }
-    &-item {
-        @apply flex-1 h-full rounded-3xl p-5 mr-5 flex flex-col justify-between;
-        &-bg {
-            @apply bg-gray-900 bg-no-repeat bg-cover bg-center rounded-3xl absolute w-full h-full top-0 left-0 z-0;
-            filter: brightness(80%);
-        }
-        &-info {
-            @apply flex items-center p-2;
-            &-play {
-                @apply w-12 h-12 bg-green-500 rounded-full flex justify-center items-center hover:bg-green-600 cursor-pointer;
-            }
-        }
-    }
-}
-</style>

src/components/RecommendSonglist.vue

@@ -1,66 +0,0 @@
-<template>
-  <div class="recommend-music">
-    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">
-      本周最热音乐
-    </div>
-    <div
-      class="recommend-music-list"
-      :class="setAnimationClass('animate__bounceInUp')"
-      v-show="recommendMusic?.result"
-    >
-      <!-- 推荐音乐列表 -->
-      <template v-for="(item, index) in recommendMusic?.result" :key="item.id">
-        <div
-          :class="setAnimationClass('animate__bounceInUp')"
-          :style="setAnimationDelay(index, 100)"
-        >
-          <song-item :item="item" @play="handlePlay" />
-        </div>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { getRecommendMusic } from '@/api/home'
-import type { IRecommendMusic } from '@/type/music'
-import { setAnimationClass, setAnimationDelay } from '@/utils'
-import SongItem from './common/SongItem.vue'
-import { useStore } from 'vuex'
-
-const store = useStore();
-// 推荐歌曲
-const recommendMusic = ref<IRecommendMusic>()
-
-// 加载推荐歌曲
-const loadRecommendMusic = async () => {
-  const { data } = await getRecommendMusic({ limit: 10 })
-  recommendMusic.value = data
-}
-
-// 页面初始化
-onMounted(() => {
-  loadRecommendMusic()
-})
-
-const handlePlay = (item: any) => {
-  store.commit('setPlayList', recommendMusic.value?.result)
-}
-</script>
-
-<style lang="scss" scoped>
-.title {
-  @apply text-lg font-bold mb-4;
-}
-.recommend-music {
-  @apply flex-auto;
-  // width: 530px;
-  .text-ellipsis {
-    width: 100%;
-  }
-  &-list {
-    @apply rounded-3xl p-2 w-full border border-gray-700;
-    background-color: #0d0d0d;
-  }
-}
-</style>

src/components/common/MPop.vue

@@ -1,42 +0,0 @@
-<script lang="ts" setup>
-import { setAnimationClass, setAnimationDelay } from "@/utils";
-
-const props = defineProps({
-  showPop: {
-    type: Boolean,
-    default: false
-  },
-  showClose: {
-    type: Boolean,
-    default: true
-  },
-})
-
-const musicFullClass = computed(() => {
-  if (props.showPop) {
-    return setAnimationClass('animate__fadeInUp')
-  } else {
-    return setAnimationClass('animate__fadeOutDown')
-  }
-})
-
-</script>
-
-<template>
-  <div class="pop-page" v-show="props.showPop" :class="musicFullClass">
-    <i class="iconfont icon-icon_error close" v-if="props.showClose"></i>
-    <img src="http://code.myalger.top/2000*2000.jpg,f054f0,0f2255" />
-    <slot></slot>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.pop-page {
-  height: 800px;
-  @apply absolute top-4 left-0 w-full;
-  background-color: #000000f0;
-  .close {
-    @apply absolute top-4 right-4 cursor-pointer text-white text-3xl;
-  }
-}
-</style>

src/components/common/PlayBottom.vue

@@ -1,15 +0,0 @@
-<template>
-  <div class="bottom" v-if="isPlay"></div>
-</template>
-
-<script setup lang="ts">
-import { useStore } from 'vuex';
-const store = useStore()
-const isPlay = computed(() => store.state.isPlay as boolean)
-</script>
-
-<style lang="scss" scoped>
-.bottom{
-  @apply h-28;
-}
-</style>

src/components/common/SearchItem.vue

@@ -1,70 +0,0 @@
-<template>
-  <div class="search-item" @click="handleClick">
-    <div class="search-item-img">
-      <n-image
-        :src="getImgUrl(item.picUrl, 'album')"
-        lazy
-        preview-disabled
-      />
-    </div>
-    <div class="search-item-info">
-      <div class="search-item-name">{{ item.name }}</div>
-      <div class="search-item-artist">{{ item.desc}}</div>
-    </div>
-
-    <MusicList v-model:show="showMusic" :name="item.name" :song-list="songList" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { getImgUrl } from '@/utils'
-import type {Album}  from '@/type/album'
-import { getAlbum } from '@/api/list';
-const props = defineProps<{
-  item: {
-    picUrl: string
-    name: string
-    desc: string
-    type: string
-    [key: string]: any
-  }
-}>()
-
-const songList = ref([])
-
-const showMusic = ref(false)
-
-const handleClick = async () => {
-  showMusic.value = true
-  if(props.item.type === '专辑'){
-   const res = await getAlbum(props.item.id)
-    songList.value = res.data.songs.map((song:any)=>{
-      song.al.picUrl = song.al.picUrl || props.item.picUrl
-      return song
-    })
-  }
-}
-
-</script>
-
-<style scoped lang="scss">
-
-.search-item{
-  @apply rounded-3xl p-3 flex items-center hover:bg-gray-800 transition;
-  margin: 0 10px;
-  .search-item-img{
-    @apply w-12 h-12 mr-4 rounded-2xl overflow-hidden;
-  }
-  .search-item-info{
-    &-name{
-      @apply text-white text-sm text-center;
-    }
-    &-artist{
-      @apply text-gray-400 text-xs text-center;
-    }
-  }
-
-
-}
-
-</style>

src/components/common/SongItem.vue

@@ -1,152 +0,0 @@
-<template>
-  <div class="song-item" :class="{'song-mini': mini}">
-    <n-image
-      v-if="item.picUrl "
-      :src="getImgUrl( item.picUrl, '40y40')"
-      class="song-item-img"
-      lazy
-      preview-disabled
-    />
-    <div class="song-item-content">
-      <div class="song-item-content-title">
-        <n-ellipsis class="text-ellipsis" line-clamp="1">{{
-          item.name
-        }}</n-ellipsis>
-      </div>
-      <div class="song-item-content-name">
-        <n-ellipsis class="text-ellipsis" line-clamp="1">
-          <span
-            v-for="(artists, artistsindex) in item.song.artists"
-            :key="artistsindex"
-            >{{ artists.name
-            }}{{
-              artistsindex < item.song.artists.length - 1 ? ' / ' : ''
-            }}</span
-          >
-        </n-ellipsis>
-      </div>
-    </div>
-    <div class="song-item-operating">
-      <div class="song-item-operating-like">
-        <i class="iconfont icon-likefill"></i>
-      </div>
-      <div
-        class="song-item-operating-play bg-black"
-        :class="isPlaying ? 'bg-green-600' : ''"
-        @click="playMusicEvent(item)"
-      >
-        <i v-if="isPlaying && play" class="iconfont icon-stop"></i>
-        <i v-else class="iconfont icon-playfill"></i>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useStore } from 'vuex'
-import type { SongResult } from '@/type/music'
-import { getImgUrl } from '@/utils'
-
-const props = withDefaults(defineProps<{
-  item: SongResult
-  mini?: boolean
-}>(), {
-  mini: false
-})
-
-const store = useStore()
-
-const play = computed(() => store.state.play as boolean)
-
-const playMusic = computed(() => store.state.playMusic)
-
-// 判断是否为正在播放的音乐
-const isPlaying = computed(() => {
-  return playMusic.value.id == props.item.id
-})
-
-const emits = defineEmits(['play'])
-
-// 播放音乐 设置音乐详情 打开音乐底栏
-const playMusicEvent = (item: any) => {
-  store.commit('setPlay', item)
-  store.commit('setIsPlay', true)
-  emits('play', item)
-}
-</script>
-
-<style lang="scss" scoped>
-
-// 配置文字不可选中
-.text-ellipsis {
-  width: 100%;
-}
-.song-item {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  @apply rounded-3xl p-3 flex items-center hover:bg-gray-800 transition;
-  &-img {
-    @apply w-12 h-12 rounded-2xl mr-4;
-  }
-  &-content {
-    @apply flex-1;
-    &-title {
-      @apply text-base text-white;
-    }
-    &-name {
-      @apply text-xs;
-      @apply text-gray-400;
-    }
-  }
-  &-operating {
-    @apply flex items-center pl-4 rounded-full border border-gray-700 ml-4;
-    background-color: #0d0d0d;
-    .iconfont {
-      @apply text-xl;
-    }
-    .icon-likefill {
-      color: #868686;
-      @apply text-xl hover:text-red-600 transition;
-    }
-    &-like {
-      @apply mr-2 cursor-pointer;
-    }
-    &-play {
-      @apply cursor-pointer border border-gray-500 rounded-full w-10 h-10 flex justify-center items-center hover:bg-green-600 transition;
-    }
-  }
-}
-
-.song-mini{
-  @apply p-2 rounded-2xl;
-  .song-item{
-    @apply p-0;
-    &-img{
-      @apply w-10 h-10 mr-2;
-    }
-    &-content{
-      @apply flex-1;
-      &-title{
-        @apply text-sm;
-      }
-      &-name{
-        @apply text-xs;
-      }
-    }
-    &-operating{
-      @apply pl-2;
-      .iconfont{
-        @apply text-base;
-      }
-      &-like{
-        @apply mr-1;
-      }
-      &-play{
-        @apply w-8 h-8;
-      }
-    }
-  }
-}
-</style>

src/const/bar-const.ts

@@ -1,65 +0,0 @@
-export const USER_SET_OPTIONS = [
-  // {
-  //   label: '打卡',
-  //   key: 'card',
-  // },
-  // {
-  //   label: '听歌升级',
-  //   key: 'card_music',
-  // },
-  // {
-  //   label: '歌曲次数',
-  //   key: 'listen',
-  // },
-  {
-    label: '退出登录',
-    key: 'logout',
-  },
-  {
-    label: '设置',
-    key: 'set',
-  },
-]
-
-export const SEARCH_TYPES = [
-  {
-    label: '单曲',
-    key: 1,
-  },
-  {
-    label: '专辑',
-    key: 10,
-  },
-  {
-    label: '歌手',
-    key: 100,
-  },
-  {
-    label: '歌单',
-    key: 1000,
-  },
-  {
-    label: '用户',
-    key: 1002,
-  },
-  {
-    label: 'MV',
-    key: 1004,
-  },
-  {
-    label: '歌词',
-    key: 1006,
-  },
-  {
-    label: '电台',
-    key: 1009,
-  },
-  {
-    label: '视频',
-    key: 1014,
-  },
-  {
-    label: '综合',
-    key: 1018,
-  },
-]

src/electron.d.ts

@@ -1,10 +0,0 @@
-declare global {
-  interface Window {
-    electronAPI: {
-      minimize: () => void
-      maximize: () => void
-      close: () => void
-      dragStart: () => void
-    }
-  }
-}

src/hooks/MusicHistoryHook.ts

@@ -1,39 +0,0 @@
-// musicHistoryHooks
-import { RemovableRef, useLocalStorage } from '@vueuse/core'
-import type { SongResult } from '@/type/music'
-
-export const useMusicHistory = () => {
-  const musicHistory = useLocalStorage<SongResult[]>('musicHistory', [])
-
-  const addMusic = (music: SongResult) => {
-    const index = musicHistory.value.findIndex((item) => item.id === music.id)
-    if (index !== -1) {
-      musicHistory.value[index].count =
-        (musicHistory.value[index].count || 0) + 1
-      musicHistory.value.unshift(musicHistory.value.splice(index, 1)[0])
-    } else {
-      musicHistory.value.unshift({ ...music, count: 1 })
-    }
-  }
-
-  const delMusic = (music: any) => {
-    const index = musicHistory.value.findIndex((item) => item.id === music.id)
-    if (index !== -1) {
-      musicHistory.value.splice(index, 1)
-    }
-  }
-  const musicList = ref(musicHistory.value)
-  watch(
-    () => musicHistory.value,
-    () => {
-      musicList.value = musicHistory.value
-    }
-  )
-
-  return {
-    musicHistory,
-    musicList,
-    addMusic,
-    delMusic,
-  }
-}

src/hooks/MusicHook.ts

@@ -1,104 +0,0 @@
-import { getMusicLrc } from '@/api/music'
-import { ILyric } from '@/type/lyric'
-import { getIsMc } from '@/utils'
-
-interface ILrcData {
-  text: string
-  trText: string
-}
-
-const lrcData = ref<ILyric>()
-const newLrcIndex = ref<number>(0)
-const lrcArray = ref<Array<ILrcData>>([])
-const lrcTimeArray = ref<Array<Number>>([])
-
-const parseTime = (timeString: string) => {
-  const [minutes, seconds] = timeString.split(':')
-  return parseInt(minutes) * 60 + parseFloat(seconds)
-}
-
-const TIME_REGEX = /(\d{2}:\d{2}(\.\d*)?)/g
-const LRC_REGEX = /(\[(\d{2}):(\d{2})(\.(\d*))?\])/g
-
-function parseLyricLine(lyricLine: string) {
-  // [00:00.00] 作词 : 长友美知惠/
-  const timeText = lyricLine.match(TIME_REGEX)?.[0] || ''
-  const time = parseTime(timeText)
-  const text = lyricLine.replace(LRC_REGEX, '').trim()
-  return { time, text }
-}
-
-interface ILyricText {
-  text: string
-  trText: string
-}
-
-function parseLyrics(lyricsString: string) {
-  const lines = lyricsString.split('\n')
-  const lyrics: Array<ILyricText> = []
-  const times: number[] = []
-  lines.forEach((line) => {
-    const { time, text } = parseLyricLine(line)
-    times.push(time)
-    lyrics.push({ text, trText: '' })
-  })
-  return { lyrics, times }
-}
-
-const loadLrc = async (playMusicId: number): Promise<void> => {
-  try {
-    const { data } = await getMusicLrc(playMusicId)
-    const { lyrics, times } = parseLyrics(data.lrc.lyric)
-    lrcTimeArray.value = times
-    lrcArray.value = lyrics
-  } catch (err) {
-    console.error('err', err)
-  }
-}
-
-// 歌词矫正时间Correction time
-const correctionTime = ref(0.4)
-
-// 增加矫正时间
-const addCorrectionTime = (time: number) => {
-  correctionTime.value += time
-}
-
-// 减少矫正时间
-const reduceCorrectionTime = (time: number) => {
-  correctionTime.value -= time
-}
-
-const isCurrentLrc = (index: any, time: number) => {
-  const currentTime = Number(lrcTimeArray.value[index])
-  const nextTime = Number(lrcTimeArray.value[index + 1])
-  const nowTime = time + correctionTime.value
-  const isTrue = nowTime > currentTime && nowTime < nextTime
-  if (isTrue) {
-    newLrcIndex.value = index
-  }
-  return isTrue
-}
-
-const nowTime = ref(0)
-const allTime = ref(0)
-
-// 设置当前播放时间
-const setAudioTime = (index: any, audio: HTMLAudioElement) => {
-  audio.currentTime = lrcTimeArray.value[index] as number
-  audio.play()
-}
-
-export {
-  lrcData,
-  lrcArray,
-  lrcTimeArray,
-  newLrcIndex,
-  loadLrc,
-  isCurrentLrc,
-  addCorrectionTime,
-  reduceCorrectionTime,
-  setAudioTime,
-  nowTime,
-  allTime,
-}

src/i18n/lang/en-US/artist.ts

@@ -0,0 +1,5 @@
+export default {
+  hotSongs: 'Hot Songs',
+  albums: 'Albums',
+  description: 'Artist Introduction'
+};

src/i18n/lang/en-US/common.ts

@@ -0,0 +1,62 @@
+export default {
+  play: 'Play',
+  next: 'Next',
+  previous: 'Previous',
+  volume: 'Volume',
+  settings: 'Settings',
+  search: 'Search',
+  loading: 'Loading...',
+  loadingMore: 'Loading more...',
+  alipay: 'Alipay',
+  wechat: 'WeChat Pay',
+  on: 'On',
+  off: 'Off',
+  show: 'Show',
+  hide: 'Hide',
+  confirm: 'Confirm',
+  cancel: 'Cancel',
+  clear: 'Clear',
+  configure: 'Configure',
+  open: 'Open',
+  modify: 'Modify',
+  success: 'Operation Successful',
+  error: 'Operation Failed',
+  warning: 'Warning',
+  info: 'Info',
+  save: 'Save',
+  delete: 'Delete',
+  refresh: 'Refresh',
+  retry: 'Retry',
+  reset: 'Reset',
+  loadFailed: 'Load Failed',
+  noData: 'No data',
+  back: 'Back',
+  copySuccess: 'Copied to clipboard',
+  copyFailed: 'Copy failed',
+  validation: {
+    required: 'This field is required',
+    invalidInput: 'Invalid input',
+    selectRequired: 'Please select an option',
+    numberRange: 'Please enter a number between {min} and {max}'
+  },
+  viewMore: 'View More',
+  noMore: 'No more',
+  selectAll: 'Select All',
+  playAll: 'Play All',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  songCount: '{count} songs',
+  language: 'Language',
+  today: 'Today',
+  yesterday: 'Yesterday',
+  tray: {
+    show: 'Show',
+    quit: 'Quit',
+    playPause: 'Play/Pause',
+    prev: 'Previous',
+    next: 'Next',
+    pause: 'Pause',
+    play: 'Play',
+    favorite: 'Favorite'
+  }
+};

src/i18n/lang/en-US/comp.ts

@@ -0,0 +1,337 @@
+export default {
+  more: 'More',
+  homeListItem: {
+    loading: 'Loading...'
+  },
+  installApp: {
+    description: 'Install the application for a better experience',
+    noPrompt: 'Do not prompt again',
+    install: 'Install now',
+    cancel: 'Cancel',
+    download: 'Download',
+    downloadFailed: 'Download failed',
+    downloadComplete: 'Download complete',
+    downloadProblem: 'Download problem? Go to',
+    downloadProblemLinkText: 'Download the latest version'
+  },
+  playlistDrawer: {
+    title: 'Add to playlist',
+    createPlaylist: 'Create new playlist',
+    cancelCreate: 'Cancel create',
+    create: 'Create',
+    playlistName: 'Playlist name',
+    privatePlaylist: 'Private playlist',
+    publicPlaylist: 'Public playlist',
+    createSuccess: 'Playlist created successfully',
+    createFailed: 'Playlist creation failed',
+    addSuccess: 'Song added successfully',
+    addFailed: 'Song addition failed',
+    private: 'Private',
+    public: 'Public',
+    count: 'songs',
+    loginFirst: 'Please login first',
+    getPlaylistFailed: 'Get playlist failed',
+    inputPlaylistName: 'Please enter the playlist name'
+  },
+  update: {
+    title: 'New version found',
+    currentVersion: 'Current version',
+    cancel: 'Do not update',
+    checking: 'Checking for updates...',
+    prepareDownload: 'Preparing to download...',
+    downloading: 'Downloading...',
+    readyToInstall: 'The update package is ready to install',
+    nowUpdate: 'Update now',
+    downloadFailed: 'Download failed, please try again or download manually',
+    startFailed: 'Start download failed, please try again or download manually',
+    autoUpdateFailed: 'Automatic update failed',
+    openOfficialSite: 'Open official download page',
+    manualFallbackHint:
+      'If automatic update fails, you can download the latest version from the official release page.',
+    noDownloadUrl:
+      'No suitable installation package found for the current system, please download manually',
+    installConfirmTitle: 'Install Update',
+    installConfirmContent: 'Do you want to close the application and install the update?',
+    manualInstallTip:
+      'If the installer does not open automatically after closing the application, please find the file in your download folder and open it manually.',
+    yesInstall: 'Install Now',
+    noThanks: 'Later',
+    fileLocation: 'File Location',
+    copy: 'Copy Path',
+    copySuccess: 'Path copied to clipboard',
+    copyFailed: 'Copy failed',
+    backgroundDownload: 'Background Download'
+  },
+  disclaimer: {
+    title: 'Terms of Use',
+    warning:
+      'This application is a development test version. Functions are not yet perfect, and there may be many problems and bugs. It is for learning and exchange only.',
+    item1:
+      'This application is for personal learning, research and technical exchange only. Please do not use it for any commercial purposes.',
+    item2:
+      'Please delete it within 24 hours after downloading. If you need to use it for a long time, please support the genuine music service.',
+    item3:
+      'By using this application, you understand and assume the relevant risks. The developer is not responsible for any loss.',
+    agree: 'I have read and agree',
+    disagree: 'Disagree and Exit'
+  },
+  donate: {
+    title: 'Support Developer',
+    subtitle: 'Your support is my motivation',
+    tip: 'Donation is completely voluntary. All functions can be used normally without donation. Thank you for your understanding and support!',
+    wechat: 'WeChat',
+    alipay: 'Alipay',
+    wechatQR: 'WeChat QR Code',
+    alipayQR: 'Alipay QR Code',
+    scanTip: 'Please use your phone to scan the QR code above to donate',
+    enterApp: 'Enter App',
+    noForce: 'No forced donation, click to enter'
+  },
+  coffee: {
+    title: 'Buy me a coffee',
+    alipay: 'Alipay',
+    wechat: 'Wechat',
+    alipayQR: 'Alipay QR code',
+    wechatQR: 'Wechat QR code',
+    coffeeDesc: 'A cup of coffee, a support',
+    coffeeDescLinkText: 'View more',
+    groupText: 'Wechat Public Account: AlgerMusic',
+    messages: {
+      copySuccess: 'Copied to clipboard'
+    },
+    donateList: 'Buy me a coffee'
+  },
+  playlistType: {
+    title: 'Playlist Category',
+    showAll: 'Show all',
+    hide: 'Hide some'
+  },
+  recommendAlbum: {
+    title: 'Latest Album'
+  },
+  recommendSinger: {
+    title: 'Daily Recommendation',
+    songlist: 'Daily Recommendation List'
+  },
+  recommendSonglist: {
+    title: 'Weekly Hot Music',
+    empty: 'No playlists available'
+  },
+  dailyRecommend: {
+    title: 'Daily Recommendation',
+    badge: 'Recommended',
+    empty: 'No recommended songs',
+    intelligenceHint: 'Turn on Intelligence Mode to discover more music you love'
+  },
+  recommendMV: {
+    title: 'Recommended MVs'
+  },
+  newAlbum: {
+    title: 'Albums',
+    empty: 'No new albums'
+  },
+  recommendNewMusic: {
+    title: 'New Songs'
+  },
+  privateContent: {
+    title: 'Exclusive Content'
+  },
+  djProgram: {
+    title: 'Recommended Radio'
+  },
+  homeHero: {
+    dailyRecommend: 'Daily Recommend',
+    songs: 'Songs',
+    playNow: 'Play Now',
+    intelligenceMode: 'Intelligence Mode',
+    intelligenceModeOn: 'On Air',
+    intelligenceModeDesc: 'Start smart recommendation',
+    intelligenceModeActiveDesc: 'Smart recommendations based on your taste',
+    startIntelligence: 'Start',
+    stopIntelligence: 'Stop',
+    playing: 'Playing',
+    toplistDesc: 'Trending now',
+    mvDesc: 'Music videos',
+    playlistDesc: 'Curated playlists',
+    personalFm: 'Personal FM',
+    discoverMusic: 'Discover Music',
+    personalFmDesc: 'Based on your taste',
+    recentPlays: 'Recent Plays',
+    viewAll: 'View All',
+    followedArtists: 'Followed Artists',
+    newSongs: ' new songs',
+    fromFollowedArtists: 'From artists you follow',
+    recommendNewMusic: 'New Music',
+    newSongExpress: 'New Releases',
+    discoverNewReleases: 'Discover the latest releases',
+    hotPlaylists: 'Hot Playlists',
+    hotArtists: 'Hot Artists',
+    hotArtistsTitle: 'Popular Artists',
+    hotArtistsDesc: 'Most popular artists right now',
+    fmTrash: 'Dislike',
+    fmNext: 'Next',
+    quickNav: {
+      myFavorite: 'My Favorites',
+      playHistory: 'History',
+      myProfile: 'My Profile',
+      toplist: 'Top Charts'
+    }
+  },
+  searchBar: {
+    login: 'Login',
+    toLogin: 'To Login',
+    logout: 'Logout',
+    set: 'Settings',
+    theme: 'Theme',
+    restart: 'Restart',
+    refresh: 'Refresh',
+    currentVersion: 'Current Version',
+    searchPlaceholder: 'Search for something...',
+    zoom: 'Zoom',
+    zoom100: 'Zoom 100%',
+    resetZoom: 'Reset Zoom',
+    zoomDefault: 'Default Zoom',
+    tabPlaylist: 'Playlist',
+    tabMv: 'MV',
+    tabCharts: 'Charts',
+    cancelSearch: 'Cancel',
+    intelligenceMode: 'Intelligence Mode',
+    exitIntelligence: 'Exit Intelligence Mode'
+  },
+  titleBar: {
+    closeTitle: 'Choose how to close',
+    minimizeToTray: 'Minimize to Tray',
+    exitApp: 'Exit App',
+    rememberChoice: 'Remember my choice',
+    closeApp: 'Close App'
+  },
+  userPlayList: {
+    title: "{name}'s Playlist"
+  },
+  musicList: {
+    searchSongs: 'Search Songs',
+    noSearchResults: 'No search results',
+    switchToNormal: 'Switch to normal layout',
+    switchToCompact: 'Switch to compact layout',
+    playAll: 'Play All',
+    collect: 'Collect',
+    collectSuccess: 'Collect Success',
+    cancelCollectSuccess: 'Cancel Collect Success',
+    cancelCollect: 'Cancel Collect',
+    addToPlaylist: 'Add to Playlist',
+    addToPlaylistSuccess: 'Add to Playlist Success',
+    operationFailed: 'Operation Failed',
+    songsAlreadyInPlaylist: 'Songs already in playlist',
+    locateCurrent: 'Locate current song',
+    historyRecommend: 'Daily History',
+    fetchDatesFailed: 'Failed to fetch dates',
+    fetchSongsFailed: 'Failed to fetch songs',
+    noSongs: 'No songs'
+  },
+  playlist: {
+    import: {
+      button: 'Import Playlist',
+      title: 'Import Playlist',
+      description: 'Import playlists via metadata, text, or links',
+      linkTab: 'Import by Link',
+      textTab: 'Import by Text',
+      localTab: 'Import by Metadata',
+      linkPlaceholder: 'Enter playlist links, one per line',
+      textPlaceholder: 'Enter song information in format: Song Name Artist Name',
+      localPlaceholder: 'Enter song metadata in JSON format',
+      linkTips: 'Supported link sources:',
+      linkTip1: 'Copy links after sharing playlists to WeChat/Weibo/QQ',
+      linkTip2: 'Directly copy playlist/profile links',
+      linkTip3: 'Directly copy article links',
+      textTips: 'Enter song information, one song per line',
+      textFormat: 'Format: Song Name Artist Name',
+      localTips: 'Add song metadata',
+      localFormat: 'Format example:',
+      songNamePlaceholder: 'Song Name',
+      artistNamePlaceholder: 'Artist Name',
+      albumNamePlaceholder: 'Album Name',
+      addSongButton: 'Add Song',
+      addLinkButton: 'Add Link',
+      options: 'Options',
+      importToStarPlaylist: 'Import to My Favorite Music',
+      playlistNamePlaceholder: 'Enter playlist name',
+      importButton: 'Start Import',
+      emptyLinkWarning: 'Please enter playlist links',
+      emptyTextWarning: 'Please enter song information',
+      emptyLocalWarning: 'Please enter song metadata',
+      invalidJsonFormat: 'Invalid JSON format',
+      importSuccess: 'Import task created successfully',
+      importFailed: 'Import failed',
+      importStatus: 'Import Status',
+      refresh: 'Refresh',
+      taskId: 'Task ID',
+      status: 'Status',
+      successCount: 'Success Count',
+      failReason: 'Failure Reason',
+      unknownError: 'Unknown error',
+      statusPending: 'Pending',
+      statusProcessing: 'Processing',
+      statusSuccess: 'Success',
+      statusFailed: 'Failed',
+      statusUnknown: 'Unknown',
+      taskList: 'Task List',
+      taskListTitle: 'Import Task List',
+      action: 'Action',
+      select: 'Select',
+      fetchTaskListFailed: 'Failed to fetch task list',
+      noTasks: 'No import tasks',
+      clearTasks: 'Clear Tasks',
+      clearTasksConfirmTitle: 'Confirm Clear',
+      clearTasksConfirmContent:
+        'Are you sure you want to clear all import task records? This action cannot be undone.',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      clearTasksSuccess: 'Task list cleared',
+      clearTasksFailed: 'Failed to clear task list'
+    }
+  },
+  settings: 'Settings',
+  user: 'User',
+  toplist: 'Toplist',
+  history: 'History',
+  list: 'Playlist',
+  mv: 'MV',
+  home: 'Home',
+  search: 'Search',
+  album: 'Album',
+  localMusic: 'Local Music',
+  pages: {
+    toplist: {
+      desc: 'The most authoritative music charts, discover the hottest music'
+    },
+    mv: {
+      desc: 'Explore amazing video content',
+      loadingMore: 'Loading more...',
+      noMore: '— All content loaded —',
+      area: {
+        all: 'All',
+        mainland: 'Mainland',
+        hktw: 'HK/TW',
+        western: 'Western',
+        japan: 'Japan',
+        korea: 'Korea'
+      }
+    },
+    list: {
+      desc: 'Discover more great playlists',
+      dailyRecommend: 'Daily Picks'
+    },
+    search: {
+      desc: 'Explore the hottest search trends'
+    },
+    album: {
+      area: {
+        all: 'All',
+        chinese: 'Chinese',
+        western: 'Western',
+        korea: 'Korea',
+        japan: 'Japan'
+      }
+    }
+  }
+};

src/i18n/lang/en-US/donation.ts

@@ -0,0 +1,9 @@
+export default {
+  description:
+    'Your donation will be used to support development and maintenance work, including but not limited to server maintenance, domain name renewal, etc.',
+  message: 'You can leave your email or github name when leaving a message.',
+  refresh: 'Refresh List',
+  toDonateList: 'Buy me a coffee',
+  title: 'Donation List',
+  noMessage: 'No Message'
+};

src/i18n/lang/en-US/download.ts

@@ -0,0 +1,93 @@
+export default {
+  title: 'Download Manager',
+  localMusic: 'Local Music',
+  count: '{count} songs in total',
+  clearAll: 'Clear All',
+  settings: 'Settings',
+  tabs: {
+    downloading: 'Downloading',
+    downloaded: 'Downloaded'
+  },
+  empty: {
+    noTasks: 'No download tasks',
+    noDownloaded: 'No downloaded songs',
+    noDownloadedHint: 'Download your favorite songs to listen offline'
+  },
+  progress: {
+    total: 'Total Progress: {progress}%'
+  },
+  status: {
+    downloading: 'Downloading',
+    completed: 'Completed',
+    failed: 'Failed',
+    unknown: 'Unknown'
+  },
+  artist: {
+    unknown: 'Unknown Artist'
+  },
+  delete: {
+    title: 'Delete Confirmation',
+    message: 'Are you sure you want to delete "{filename}"? This action cannot be undone.',
+    confirm: 'Delete',
+    cancel: 'Cancel',
+    success: 'Successfully deleted',
+    failed: 'Failed to delete',
+    fileNotFound: 'File not found or moved, removed from records',
+    recordRemoved: 'Failed to delete file, but removed from records'
+  },
+  clear: {
+    title: 'Clear Download Records',
+    message:
+      'Are you sure you want to clear all download records? This will not delete the actual music files, but will clear all records.',
+    confirm: 'Clear',
+    cancel: 'Cancel',
+    success: 'Download records cleared',
+    failed: 'Failed to clear download records'
+  },
+  message: {
+    downloadComplete: '{filename} download completed',
+    downloadFailed: '{filename} download failed: {error}'
+  },
+  loading: 'Loading...',
+  playStarted: 'Play started: {name}',
+  playFailed: 'Play failed: {name}',
+  path: {
+    copy: 'Copy Path',
+    copied: 'Path copied to clipboard',
+    copyFailed: 'Failed to copy path'
+  },
+  settingsPanel: {
+    title: 'Download Settings',
+    path: 'Download Location',
+    pathDesc: 'Set where your music files will be saved',
+    pathPlaceholder: 'Please select download path',
+    noPathSelected: 'Please select download path first',
+    select: 'Select Folder',
+    open: 'Open Folder',
+    saveLyric: 'Save Lyrics File',
+    saveLyricDesc: 'Save a separate .lrc lyrics file alongside the downloaded song',
+    fileFormat: 'Filename Format',
+    fileFormatDesc: 'Set how downloaded music files will be named',
+    customFormat: 'Custom Format',
+    separator: 'Separator',
+    separators: {
+      dash: 'Space-dash-space',
+      underscore: 'Underscore',
+      space: 'Space'
+    },
+    dragToArrange: 'Sort or use arrow buttons to arrange:',
+    formatVariables: 'Available variables',
+    preview: 'Preview:',
+    saveSuccess: 'Download settings saved',
+    presets: {
+      songArtist: 'Song - Artist',
+      artistSong: 'Artist - Song',
+      songOnly: 'Song only'
+    },
+    components: {
+      songName: 'Song name',
+      artistName: 'Artist name',
+      albumName: 'Album name'
+    }
+  }
+};

src/i18n/lang/en-US/favorite.ts

@@ -0,0 +1,13 @@
+export default {
+  title: 'Favorites',
+  count: 'Total {count}',
+  batchDownload: 'Batch Download',
+  download: 'Download ({count})',
+  emptyTip: 'No favorite songs yet',
+  downloadSuccess: 'Download completed',
+  downloadFailed: 'Download failed',
+  downloading: 'Downloading, please wait...',
+  selectSongsFirst: 'Please select songs to download first',
+  descending: 'Descending',
+  ascending: 'Ascending'
+};

src/i18n/lang/en-US/history.ts

@@ -0,0 +1,49 @@
+export default {
+  title: 'Play History',
+  heatmapTitle: 'Heatmap',
+  playCount: '{count}',
+  getHistoryFailed: 'Failed to get play history',
+  categoryTabs: {
+    songs: 'Songs',
+    playlists: 'Playlists',
+    albums: 'Albums',
+    podcasts: 'Podcasts'
+  },
+  podcastTabs: {
+    episodes: 'Episodes',
+    radios: 'Radios'
+  },
+  tabs: {
+    all: 'All Records',
+    local: 'Local Records',
+    cloud: 'Cloud Records'
+  },
+  getCloudRecordFailed: 'Failed to get cloud records',
+  needLogin: 'Please login with cookie to view cloud records',
+  merging: 'Merging records...',
+  noDescription: 'No description',
+  noData: 'No records',
+  heatmap: {
+    title: 'Play Heatmap',
+    loading: 'Loading data...',
+    unit: 'plays',
+    footerText: 'Hover to view details',
+    playCount: 'Played {count} times',
+    topSongs: 'Top songs of the day',
+    times: 'times',
+    totalPlays: 'Total Plays',
+    activeDays: 'Active Days',
+    noData: 'No play records',
+    colorTheme: 'Color Theme',
+    colors: {
+      green: 'Green',
+      blue: 'Blue',
+      orange: 'Orange',
+      purple: 'Purple',
+      red: 'Red'
+    },
+    mostPlayedSong: 'Most Played Song',
+    mostActiveDay: 'Most Active Day',
+    latestNightSong: 'Latest Night Song'
+  }
+};

src/i18n/lang/en-US/localMusic.ts

@@ -0,0 +1,13 @@
+export default {
+  title: 'Local Music',
+  scanFolder: 'Scan Folder',
+  removeFolder: 'Remove Folder',
+  scanning: 'Scanning...',
+  scanComplete: 'Scan Complete',
+  playAll: 'Play All',
+  search: 'Search local music',
+  emptyState: 'No local music found. Please select a folder to scan.',
+  fileNotFound: 'File not found or has been moved',
+  rescan: 'Rescan',
+  songCount: '{count} songs'
+};

src/i18n/lang/en-US/login.ts

@@ -0,0 +1,64 @@
+export default {
+  title: {
+    qr: 'QR Code Login',
+    phone: 'Phone Login',
+    cookie: 'Cookie Login',
+    uid: 'UID Login'
+  },
+  qrTip: 'Scan with NetEase Cloud Music APP',
+  phoneTip: 'Login with NetEase Cloud account',
+  tokenTip: 'Enter a valid NetEase Cloud Music Cookie to login',
+  uidTip: 'Enter User ID for quick login',
+  placeholder: {
+    phone: 'Phone Number',
+    password: 'Password',
+    cookie: 'Please enter NetEase Cloud Music Cookie (token)',
+    uid: 'Please enter User ID (UID)'
+  },
+  button: {
+    login: 'Login',
+    switchToQr: 'QR Code Login',
+    switchToPhone: 'Phone Login',
+    switchToToken: 'Use Cookie Login',
+    switchToUid: 'UID Login',
+    backToQr: 'Back to QR Code Login',
+    cookieLogin: 'Cookie Login',
+    autoGetCookie: 'Auto Get Cookie',
+    refresh: 'Click to Refresh',
+    refreshing: 'Refreshing...',
+    refreshQr: 'Refresh QR Code'
+  },
+  message: {
+    loginSuccess: 'Login successful',
+    loginFailed: 'Login failed',
+    tokenLoginSuccess: 'Cookie login successful',
+    uidLoginSuccess: 'UID login successful',
+    loadError: 'Error loading login information',
+    qrCheckError: 'Error checking QR code status',
+    tokenRequired: 'Please enter Cookie',
+    tokenInvalid: 'Invalid Cookie, please check and try again',
+    uidRequired: 'Please enter User ID',
+    uidInvalid: 'Invalid User ID or user does not exist',
+    uidLoginFailed: 'UID login failed, please check if User ID is correct',
+    phoneRequired: 'Please enter phone number',
+    passwordRequired: 'Please enter password',
+    phoneLoginFailed: 'Phone login failed, please check if phone number and password are correct',
+    autoGetCookieSuccess: 'Auto get Cookie successful',
+    autoGetCookieFailed: 'Auto get Cookie failed',
+    autoGetCookieTip:
+      'Will open NetEase Cloud Music login page, please complete login and close the window',
+    qrCheckFailed: 'Failed to check QR code status, please refresh and try again',
+    qrLoading: 'Loading QR code...',
+    qrExpired: 'QR code has expired, please click to refresh',
+    qrExpiredShort: 'QR code expired',
+    qrExpiredWarning: 'QR code has expired, please click to refresh for a new one',
+    qrScanned: 'QR code scanned, please confirm login on your phone',
+    qrScannedShort: 'Scanned',
+    qrScannedInfo: 'QR code scanned, please confirm login on your phone',
+    qrConfirmed: 'Login successful, redirecting...',
+    qrGenerating: 'Generating QR code...'
+  },
+  qrTitle: 'NetEase Cloud Music QR Code Login',
+  uidWarning:
+    'Note: UID login is only for viewing user public information and cannot access features that require login permissions.'
+};

src/i18n/lang/en-US/player.ts

@@ -0,0 +1,145 @@
+export default {
+  nowPlaying: 'Now Playing',
+  playlist: 'Playlist',
+  lyrics: 'Lyrics',
+  previous: 'Previous',
+  play: 'Play',
+  pause: 'Pause',
+  next: 'Next',
+  volumeUp: 'Volume Up',
+  volumeDown: 'Volume Down',
+  mute: 'Mute',
+  unmute: 'Unmute',
+  songNum: 'Song Number: {num}',
+  addCorrection: 'Add {num} seconds',
+  subtractCorrection: 'Subtract {num} seconds',
+  playFailed: 'Play Failed, Play Next Song',
+  parseFailedPlayNext: 'Song parsing failed, playing next',
+  consecutiveFailsError:
+    'Playback error, possibly due to network issues or invalid source. Please switch playlist or try again later',
+  playMode: {
+    sequence: 'Sequence',
+    loop: 'Loop',
+    random: 'Random'
+  },
+  fullscreen: {
+    enter: 'Enter Fullscreen',
+    exit: 'Exit Fullscreen'
+  },
+  close: 'Close',
+  modeHint: {
+    single: 'Single',
+    list: 'Next'
+  },
+  lrc: {
+    noLrc: 'No lyrics, please enjoy',
+    noAutoScroll: 'This lyrics does not support auto-scroll'
+  },
+  reparse: {
+    title: 'Select Music Source',
+    desc: 'Click a source to directly reparse the current song. This source will be used next time this song plays.',
+    success: 'Reparse successful',
+    failed: 'Reparse failed',
+    warning: 'Please select a music source',
+    bilibiliNotSupported: 'Bilibili videos do not support reparsing',
+    processing: 'Processing...',
+    clear: 'Clear Custom Source',
+    customApiFailed: 'Custom API parsing failed, trying built-in sources...',
+    customApiError: 'Custom API request error, trying built-in sources...'
+  },
+  playBar: {
+    expand: 'Expand Lyrics',
+    collapse: 'Collapse Lyrics',
+    like: 'Like',
+    lyric: 'Lyric',
+    noSongPlaying: 'No song playing',
+    eq: 'Equalizer',
+    playList: 'Play List',
+    reparse: 'Reparse',
+    miniPlayBar: 'Mini Play Bar',
+    playMode: {
+      sequence: 'Sequence',
+      loop: 'Loop',
+      random: 'Random'
+    },
+    play: 'Play',
+    pause: 'Pause',
+    prev: 'Previous',
+    next: 'Next',
+    volume: 'Volume',
+    favorite: 'Favorite {name}',
+    unFavorite: 'Unfavorite {name}',
+    playbackSpeed: 'Playback Speed',
+    advancedControls: 'Advanced Controls',
+    intelligenceMode: {
+      title: 'Intelligence Mode',
+      needCookieLogin: 'Please login with Cookie method to use Intelligence Mode',
+      noFavoritePlaylist: 'Favorite playlist not found',
+      noLikedSongs: 'You have no liked songs yet',
+      loading: 'Loading Intelligence Mode',
+      success: 'Loaded {count} songs',
+      failed: 'Failed to get Intelligence Mode list',
+      error: 'Intelligence Mode error'
+    }
+  },
+  eq: {
+    title: 'Equalizer',
+    reset: 'Reset',
+    on: 'On',
+    off: 'Off',
+    bass: 'Bass',
+    midrange: 'Midrange',
+    treble: 'Treble',
+    presets: {
+      flat: 'Flat',
+      pop: 'Pop',
+      rock: 'Rock',
+      classical: 'Classical',
+      jazz: 'Jazz',
+      electronic: 'Electronic',
+      hiphop: 'Hip-Hop',
+      rb: 'R&B',
+      metal: 'Metal',
+      vocal: 'Vocal',
+      dance: 'Dance',
+      acoustic: 'Acoustic',
+      custom: 'Custom'
+    }
+  },
+  // Playback settings
+  settings: {
+    title: 'Playback Settings',
+    playbackSpeed: 'Playback Speed'
+  },
+  // Sleep timer related
+  sleepTimer: {
+    title: 'Sleep Timer',
+    cancel: 'Cancel Timer',
+    timeMode: 'By Time',
+    songsMode: 'By Songs',
+    playlistEnd: 'After Playlist',
+    afterPlaylist: 'After Playlist Ends',
+    activeUntilEnd: 'Active until end of playlist',
+    minutes: 'min',
+    hours: 'hr',
+    songs: 'songs',
+    set: 'Set',
+    timerSetSuccess: 'Timer set for {minutes} minutes',
+    songsSetSuccess: 'Timer set for {songs} songs',
+    playlistEndSetSuccess: 'Timer set to end after playlist',
+    timerCancelled: 'Sleep timer cancelled',
+    timerEnded: 'Sleep timer ended',
+    playbackStopped: 'Music playback stopped',
+    minutesRemaining: '{minutes} min remaining',
+    songsRemaining: '{count} songs remaining'
+  },
+  playList: {
+    clearAll: 'Clear Playlist',
+    alreadyEmpty: 'Playlist is already empty',
+    cleared: 'Playlist cleared',
+    empty: 'Playlist is empty',
+    clearConfirmTitle: 'Clear Playlist',
+    clearConfirmContent:
+      'This will clear all songs in the playlist and stop the current playback. Continue?'
+  }
+};

src/i18n/lang/en-US/podcast.ts

@@ -0,0 +1,40 @@
+export default {
+  podcast: 'Podcast',
+  mySubscriptions: 'My Subscriptions',
+  discover: 'Discover',
+  categories: 'Categories',
+  todayPerfered: "Today's Picks",
+  recommended: 'Recommended',
+  hotRanking: 'Hot',
+  newRanking: 'New',
+  subscribeCount: 'Subscribers',
+  programCount: 'Episodes',
+  subscribe: 'Subscribe',
+  subscribed: 'Subscribed',
+  unsubscribe: 'Unsubscribe',
+  unsubscribed: 'Unsubscribed',
+  subscribeSuccess: 'Subscribed successfully',
+  unsubscribeFailed: 'Failed to unsubscribe',
+  subscribeFailed: 'Failed to subscribe',
+  radioDetail: 'Radio Detail',
+  programList: 'Episodes',
+  playProgram: 'Play',
+  recentPlayed: 'Recently Played',
+  listeners: 'Listeners',
+  noSubscriptions: 'No subscriptions',
+  goDiscover: 'Discover Podcasts',
+  searchPodcast: 'Search Podcast',
+  category: 'Category',
+  all: 'All',
+  dj: 'DJ',
+  episodes: 'Eps',
+  playAll: 'Play All',
+  popularCategories: 'Popular Categories',
+  allCategories: 'All Categories',
+  categoryRadios: 'Category Radios',
+  exploreCategoryRadios: 'Explore more amazing radios',
+  hotRadios: 'Hot Radios',
+  noCategoryRadios: 'No radios in this category',
+  searchPlaceholder: 'Search podcasts, episodes...',
+  searchResults: 'Search Results'
+};

src/i18n/lang/en-US/search.ts

@@ -0,0 +1,32 @@
+export default {
+  title: {
+    hotSearch: 'Hot Search',
+    searchList: 'Search Results',
+    searchHistory: 'Search History'
+  },
+  button: {
+    clear: 'Clear',
+    back: 'Back',
+    playAll: 'Play All'
+  },
+  loading: {
+    more: 'Loading...',
+    failed: 'Search failed',
+    searching: 'Searching...'
+  },
+  noMore: 'No more results',
+  error: {
+    searchFailed: 'Search failed'
+  },
+  search: {
+    single: 'Single',
+    album: 'Album',
+    playlist: 'Playlist',
+    mv: 'MV',
+    djradio: 'Podcast',
+    bilibili: 'Bilibili'
+  },
+  history: 'Search History',
+  hot: 'Hot Searches',
+  suggestions: 'Search Suggestions'
+};

src/i18n/lang/en-US/settings.ts

@@ -0,0 +1,521 @@
+export default {
+  theme: 'Theme',
+  language: 'Language',
+  regard: 'About',
+  logout: 'Logout',
+  sections: {
+    basic: 'Basic Settings',
+    playback: 'Playback Settings',
+    application: 'Application Settings',
+    network: 'Network Settings',
+    system: 'System Management',
+    donation: 'Donation',
+    about: 'About'
+  },
+  basic: {
+    themeMode: 'Theme Mode',
+    themeModeDesc: 'Switch between light/dark theme',
+    autoTheme: 'Follow System',
+    manualTheme: 'Manual Switch',
+    language: 'Language Settings',
+    languageDesc: 'Change display language',
+    tokenManagement: 'Cookie Management',
+    tokenManagementDesc: 'Manage NetEase Cloud Music login Cookie',
+    tokenStatus: 'Current Cookie Status',
+    tokenSet: 'Set',
+    tokenNotSet: 'Not Set',
+    setToken: 'Set Cookie',
+    modifyToken: 'Modify Cookie',
+    clearToken: 'Clear Cookie',
+    font: 'Font Settings',
+    fontDesc: 'Select fonts, prioritize fonts in order',
+    fontScope: {
+      global: 'Global',
+      lyric: 'Lyrics Only'
+    },
+    animation: 'Animation Speed',
+    animationDesc: 'Enable/disable animations',
+    animationSpeed: {
+      slow: 'Very Slow',
+      normal: 'Normal',
+      fast: 'Very Fast'
+    },
+    fontPreview: {
+      title: 'Font Preview',
+      chinese: 'Chinese',
+      english: 'English',
+      japanese: 'Japanese',
+      korean: 'Korean',
+      chineseText: '静夜思 床前明月光 疑是地上霜',
+      englishText: 'The quick brown fox jumps over the lazy dog',
+      japaneseText: 'あいうえお かきくけこ さしすせそ',
+      koreanText: '가나다라마 바사아자차 카타파하'
+    },
+    gpuAcceleration: 'GPU Acceleration',
+    gpuAccelerationDesc:
+      'Enable or disable hardware acceleration, can improve rendering performance but may increase GPU load',
+    gpuAccelerationRestart:
+      'Changing GPU acceleration settings requires application restart to take effect',
+    gpuAccelerationChangeSuccess:
+      'GPU acceleration settings updated, restart application to take effect',
+    gpuAccelerationChangeError: 'Failed to update GPU acceleration settings',
+    tabletMode: 'Tablet Mode',
+    tabletModeDesc: 'Enabling tablet mode allows using PC-style interface on mobile devices'
+  },
+  playback: {
+    quality: 'Audio Quality',
+    qualityDesc: 'Select music playback quality (VIP)',
+    qualityOptions: {
+      standard: 'Standard',
+      higher: 'Higher',
+      exhigh: 'Extreme',
+      lossless: 'Lossless',
+      hires: 'Hi-Res',
+      jyeffect: 'HD Surround',
+      sky: 'Immersive',
+      dolby: 'Dolby Atmos',
+      jymaster: 'Master'
+    },
+    musicSources: 'Music Sources',
+    musicSourcesDesc: 'Select music sources for song resolution',
+    musicSourcesWarning: 'At least one music source must be selected',
+    musicUnblockEnable: 'Enable Music Unblocking',
+    musicUnblockEnableDesc: 'When enabled, attempts to resolve unplayable songs',
+    configureMusicSources: 'Configure Sources',
+    selectedMusicSources: 'Selected sources:',
+    noMusicSources: 'No sources selected',
+    gdmusicInfo:
+      'GD Music Station intelligently resolves music from multiple platforms automatically',
+    autoPlay: 'Auto Play',
+    autoPlayDesc: 'Auto resume playback when reopening the app',
+    audioDevice: 'Audio Output Device',
+    audioDeviceDesc: 'Select audio output device such as speakers, headphones or Bluetooth devices',
+    testAudio: 'Test',
+    selectAudioDevice: 'Select output device',
+    showStatusBar: 'Show Status Bar',
+    showStatusBarContent:
+      'You can display the music control function in your mac status bar (effective after a restart)',
+    fallbackParser: 'Fallback Parser (GD Music)',
+    fallbackParserDesc:
+      'When "GD Music" is checked and regular sources fail, this service will be used.',
+    parserGD: 'GD Music (Built-in)',
+    parserCustom: 'Custom API',
+
+    // Source labels
+    sourceLabels: {
+      migu: 'Migu',
+      kugou: 'Kugou',
+      kuwo: 'Kuwo',
+      pyncmd: 'NetEase (Built-in)',
+      qq: 'QQ Music',
+      joox: 'JOOX',
+      bilibili: 'Bilibili',
+      gdmusic: 'GD Music',
+      lxMusic: 'LX Music',
+      custom: 'Custom API'
+    },
+
+    customApi: {
+      sectionTitle: 'Custom API Settings',
+      importConfig: 'Import JSON Config',
+      currentSource: 'Current Source',
+      notImported: 'No custom source imported yet.',
+      importSuccess: 'Successfully imported source: {name}',
+      importFailed: 'Import failed: {message}',
+      enableHint: 'Import a JSON config file to enable',
+      status: {
+        imported: 'Custom Source Imported',
+        notImported: 'Not Imported'
+      }
+    },
+    lxMusic: {
+      tabs: {
+        sources: 'Source Selection',
+        lxMusic: 'LX Music',
+        customApi: 'Custom API'
+      },
+      scripts: {
+        title: 'Imported Scripts',
+        importLocal: 'Import Local',
+        importOnline: 'Import Online',
+        urlPlaceholder: 'Enter LX Music Script URL',
+        importBtn: 'Import',
+        empty: 'No imported LX Music scripts',
+        notConfigured: 'Not configured (Configure in LX Music Tab)',
+        importHint: 'Import compatible custom API plugins to extend sources',
+        noScriptWarning: 'Please import LX Music script first',
+        noSelectionWarning: 'Please select an LX Music source first',
+        notFound: 'Source not found',
+        switched: 'Switched to source: {name}',
+        deleted: 'Deleted source: {name}',
+        enterUrl: 'Please enter script URL',
+        invalidUrl: 'Invalid URL format',
+        invalidScript: 'Invalid LX Music script, globalThis.lx code not found',
+        nameRequired: 'Name cannot be empty',
+        renameSuccess: 'Rename successful'
+      }
+    }
+  },
+  application: {
+    closeAction: 'Close Action',
+    closeActionDesc: 'Choose action when closing window',
+    closeOptions: {
+      ask: 'Ask Every Time',
+      minimize: 'Minimize to Tray',
+      close: 'Exit Directly'
+    },
+    shortcut: 'Shortcut Settings',
+    shortcutDesc: 'Customize global shortcuts',
+    download: 'Download Management',
+    downloadDesc: 'Always show download list button',
+    unlimitedDownload: 'Unlimited Download',
+    unlimitedDownloadDesc: 'Enable unlimited download mode for music , default limit 300 songs',
+    downloadPath: 'Download Directory',
+    downloadPathDesc: 'Choose download location for music files',
+    remoteControl: 'Remote Control',
+    remoteControlDesc: 'Set remote control function'
+  },
+  network: {
+    apiPort: 'Music API Port',
+    apiPortDesc: 'Restart required after modification',
+    proxy: 'Proxy Settings',
+    proxyDesc: 'Enable proxy when unable to access music',
+    proxyHost: 'Proxy Host',
+    proxyHostPlaceholder: 'Enter proxy host',
+    proxyPort: 'Proxy Port',
+    proxyPortPlaceholder: 'Enter proxy port',
+    realIP: 'RealIP Settings',
+    realIPDesc: 'Use realIP parameter with mainland China IP to resolve access restrictions abroad',
+    messages: {
+      proxySuccess: 'Proxy settings saved, restart required to take effect',
+      proxyError: 'Please check your input',
+      realIPSuccess: 'RealIP settings saved',
+      realIPError: 'Please enter a valid IP address'
+    }
+  },
+  system: {
+    cache: 'Cache Management',
+    cacheDesc: 'Clear cache',
+    diskCache: 'Disk Cache',
+    diskCacheDesc: 'Cache played music and lyrics on local disk to speed up repeated playback',
+    cacheDirectory: 'Cache Directory',
+    cacheDirectoryDesc: 'Custom directory for music and lyric cache files',
+    selectDirectory: 'Select Directory',
+    openDirectory: 'Open Directory',
+    cacheMaxSize: 'Cache Size Limit',
+    cacheMaxSizeDesc: 'Older cache items are cleaned automatically when limit is reached',
+    cleanupPolicy: 'Cleanup Policy',
+    cleanupPolicyDesc: 'Auto cleanup rule when cache reaches the size limit',
+    cleanupPolicyOptions: {
+      lru: 'Least Recently Used',
+      fifo: 'First In, First Out'
+    },
+    cacheStatus: 'Cache Status',
+    cacheStatusDesc: 'Used {used} / Limit {limit}',
+    cacheStatusDetail: 'Music {musicCount}, Lyrics {lyricCount}',
+    manageDiskCache: 'Manual Disk Cache Cleanup',
+    manageDiskCacheDesc: 'Clean cache by category',
+    clearMusicCache: 'Clear Music Cache',
+    clearLyricCache: 'Clear Lyric Cache',
+    clearAllCache: 'Clear All Cache',
+    switchDirectoryMigrateTitle: 'Existing Cache Detected',
+    switchDirectoryMigrateContent: 'Do you want to migrate old cache files to the new directory?',
+    switchDirectoryMigrateConfirm: 'Migrate',
+    switchDirectoryDestroyTitle: 'Destroy Old Cache',
+    switchDirectoryDestroyContent:
+      'If you do not migrate, do you want to destroy old cache files in the previous directory?',
+    switchDirectoryDestroyConfirm: 'Destroy',
+    switchDirectoryKeepOld: 'Keep Old Cache',
+    cacheClearTitle: 'Select cache types to clear:',
+    cacheTypes: {
+      history: {
+        label: 'Play History',
+        description: 'Clear played song records'
+      },
+      favorite: {
+        label: 'Favorites',
+        description: 'Clear local favorite songs (cloud favorites not affected)'
+      },
+      user: {
+        label: 'User Data',
+        description: 'Clear login info and user-related data'
+      },
+      settings: {
+        label: 'App Settings',
+        description: 'Clear all custom app settings'
+      },
+      downloads: {
+        label: 'Download History',
+        description: 'Clear download history (downloaded files not affected)'
+      },
+      resources: {
+        label: 'Music Resources',
+        description: 'Clear cached music files, lyrics and other resources'
+      },
+      lyrics: {
+        label: 'Lyrics Resources',
+        description: 'Clear cached lyrics resources'
+      }
+    },
+    restart: 'Restart',
+    restartDesc: 'Restart application',
+    messages: {
+      clearSuccess: 'Cache cleared successfully, some settings will take effect after restart',
+      diskCacheClearSuccess: 'Disk cache cleaned',
+      diskCacheClearFailed: 'Failed to clean disk cache',
+      diskCacheStatsLoadFailed: 'Failed to load cache status',
+      switchDirectorySuccess: 'Cache directory switched, old cache is kept',
+      switchDirectoryFailed: 'Failed to switch cache directory',
+      switchDirectoryMigrated: 'Cache directory switched, migrated {count} cache files',
+      switchDirectoryDestroyed: 'Cache directory switched, destroyed {count} old cache files'
+    }
+  },
+  about: {
+    version: 'Version',
+    checkUpdate: 'Check for Updates',
+    checking: 'Checking...',
+    latest: 'Already latest version',
+    hasUpdate: 'New version available',
+    gotoUpdate: 'Go to Update',
+    manualUpdate: 'Manual Update',
+    gotoGithub: 'Go to Github',
+    author: 'Author',
+    authorDesc: 'algerkong Give a star🌟',
+    messages: {
+      checkError: 'Failed to check for updates, please try again later'
+    }
+  },
+  validation: {
+    selectProxyProtocol: 'Please select proxy protocol',
+    proxyHost: 'Please enter proxy host',
+    portNumber: 'Please enter a valid port number (1-65535)'
+  },
+  lyricSettings: {
+    title: 'Lyric Settings',
+    tabs: {
+      display: 'Display',
+      interface: 'Interface',
+      typography: 'Typography',
+      background: 'Background',
+      mobile: 'Mobile'
+    },
+    pureMode: 'Pure Mode',
+    hideCover: 'Hide Cover',
+    centerDisplay: 'Center Display',
+    showTranslation: 'Show Translation',
+    hideLyrics: 'Hide Lyrics',
+    hidePlayBar: 'Hide Play Bar',
+    hideMiniPlayBar: 'Hide Mini Play Bar',
+    showMiniPlayBar: 'Show Mini Play Bar',
+    backgroundTheme: 'Background Theme',
+    themeOptions: {
+      default: 'Default',
+      light: 'Light',
+      dark: 'Dark'
+    },
+    fontSize: 'Font Size',
+    fontSizeMarks: {
+      small: 'Small',
+      medium: 'Medium',
+      large: 'Large'
+    },
+    fontWeight: 'Font Weight',
+    fontWeightMarks: {
+      thin: 'Thin',
+      normal: 'Normal',
+      bold: 'Bold'
+    },
+    letterSpacing: 'Letter Spacing',
+    letterSpacingMarks: {
+      compact: 'Compact',
+      default: 'Default',
+      loose: 'Loose'
+    },
+    lineHeight: 'Line Height',
+    lineHeightMarks: {
+      compact: 'Compact',
+      default: 'Default',
+      loose: 'Loose'
+    },
+    contentWidth: 'Content Width',
+    mobileLayout: 'Mobile Layout',
+    layoutOptions: {
+      default: 'Default',
+      ios: 'iOS Style',
+      android: 'Android Style'
+    },
+    mobileCoverStyle: 'Cover Style',
+    coverOptions: {
+      record: 'Record',
+      square: 'Square',
+      full: 'Full Screen'
+    },
+    lyricLines: 'Lyric Lines',
+    mobileUnavailable: 'This setting is only available on mobile devices',
+    // Background settings
+    background: {
+      useCustomBackground: 'Use Custom Background',
+      backgroundMode: 'Background Mode',
+      modeOptions: {
+        solid: 'Solid',
+        gradient: 'Gradient',
+        image: 'Image',
+        css: 'CSS'
+      },
+      solidColor: 'Select Color',
+      presetColors: 'Preset Colors',
+      customColor: 'Custom Color',
+      gradientEditor: 'Gradient Editor',
+      gradientColors: 'Gradient Colors',
+      gradientDirection: 'Gradient Direction',
+      directionOptions: {
+        toBottom: 'Top to Bottom',
+        toRight: 'Left to Right',
+        toBottomRight: 'Top Left to Bottom Right',
+        angle45: '45 Degrees',
+        toTop: 'Bottom to Top',
+        toLeft: 'Right to Left'
+      },
+      addColor: 'Add Color',
+      removeColor: 'Remove Color',
+      imageUpload: 'Upload Image',
+      imagePreview: 'Image Preview',
+      clearImage: 'Clear Image',
+      imageBlur: 'Blur',
+      imageBrightness: 'Brightness',
+      customCss: 'Custom CSS Style',
+      customCssPlaceholder: 'Enter CSS style, e.g.: background: linear-gradient(...)',
+      customCssHelp: 'Supports any CSS background property',
+      reset: 'Reset to Default',
+      fileSizeLimit: 'Image size limit: 20MB',
+      invalidImageFormat: 'Invalid image format',
+      imageTooLarge: 'Image too large, please select an image smaller than 20MB'
+    }
+  },
+  translationEngine: 'Lyric Translation Engine',
+  translationEngineOptions: {
+    none: 'Off',
+    opencc: 'OpenCC Traditionalize'
+  },
+  themeColor: {
+    title: 'Lyric Theme Color',
+    presetColors: 'Preset Colors',
+    customColor: 'Custom Color',
+    preview: 'Preview',
+    previewText: 'Lyric Effect',
+    colorNames: {
+      'spotify-green': 'Spotify Green',
+      'apple-blue': 'Apple Blue',
+      'youtube-red': 'YouTube Red',
+      orange: 'Vibrant Orange',
+      purple: 'Mystic Purple',
+      pink: 'Cherry Pink'
+    },
+    tooltips: {
+      openColorPicker: 'Open Color Picker',
+      closeColorPicker: 'Close Color Picker'
+    },
+    placeholder: '#1db954'
+  },
+  shortcutSettings: {
+    title: 'Shortcut Settings',
+    shortcut: 'Shortcut',
+    shortcutDesc: 'Customize global shortcuts',
+    summaryReady: 'Shortcut configuration is ready to save',
+    summaryRecording: 'Recording a new shortcut combination',
+    summaryBlocked: 'Fix conflicts or invalid entries before saving',
+    platformHintMac: 'On macOS, CommandOrControl is displayed as Cmd',
+    platformHintWindows: 'On Windows, CommandOrControl is displayed as Ctrl',
+    platformHintLinux: 'On Linux, CommandOrControl is displayed as Ctrl',
+    platformHintGeneric: 'CommandOrControl is adapted per operating system',
+    enabledCount: 'Enabled',
+    recordingTip: 'Click a shortcut field, press combination. Esc cancels, Delete disables',
+    shortcutConflict: 'Shortcut Conflict',
+    inputPlaceholder: 'Click to input shortcut',
+    clickToRecord: 'Click then press a shortcut',
+    recording: 'Recording...',
+    resetShortcuts: 'Reset',
+    restoreSingle: 'Restore',
+    disableAll: 'Disable All',
+    enableAll: 'Enable All',
+    groups: {
+      playback: 'Playback',
+      sound: 'Volume & Favorite',
+      window: 'Window'
+    },
+    togglePlay: 'Play/Pause',
+    togglePlayDesc: 'Toggle current playback state',
+    prevPlay: 'Previous',
+    prevPlayDesc: 'Play the previous track',
+    nextPlay: 'Next',
+    nextPlayDesc: 'Play the next track',
+    volumeUp: 'Volume Up',
+    volumeUpDesc: 'Increase player volume',
+    volumeDown: 'Volume Down',
+    volumeDownDesc: 'Decrease player volume',
+    toggleFavorite: 'Favorite/Unfavorite',
+    toggleFavoriteDesc: 'Favorite or unfavorite current track',
+    toggleWindow: 'Show/Hide Window',
+    toggleWindowDesc: 'Quickly show or hide the main window',
+    scopeGlobal: 'Global',
+    scopeApp: 'App Only',
+    enabled: 'Enabled',
+    disabled: 'Disabled',
+    issueInvalid: 'Invalid combo',
+    issueReserved: 'System reserved',
+    registrationWarningTitle: 'These shortcuts could not be registered',
+    registrationOccupied: 'Occupied by system or another app',
+    registrationInvalid: 'Invalid shortcut format',
+    messages: {
+      resetSuccess: 'Shortcuts reset successfully, please save',
+      conflict: 'Shortcut conflict, please reset',
+      saveSuccess: 'Shortcuts saved successfully',
+      saveError: 'Failed to save shortcuts',
+      saveValidationError: 'Shortcut validation failed, please review and try again',
+      partialRegistered: 'Saved, but some global shortcuts were not registered',
+      cancelEdit: 'Edit cancelled',
+      clearToDisable: 'Shortcut disabled',
+      invalidShortcut: 'Invalid shortcut, please use a valid combination',
+      disableAll: 'All shortcuts disabled, please save to apply',
+      enableAll: 'All shortcuts enabled, please save to apply'
+    }
+  },
+  remoteControl: {
+    title: 'Remote Control',
+    enable: 'Enable Remote Control',
+    port: 'Port',
+    allowedIps: 'Allowed IPs',
+    addIp: 'Add IP',
+    emptyListHint: 'Empty list means allow all IPs',
+    saveSuccess: 'Remote control settings saved',
+    accessInfo: 'Remote control access address:'
+  },
+  cookie: {
+    title: 'Cookie Settings',
+    description: 'Please enter NetEase Cloud Music Cookie:',
+    placeholder: 'Please paste the complete Cookie...',
+    help: {
+      format: 'Cookie usually starts with "MUSIC_U="',
+      source: 'Can be obtained from browser developer tools network requests',
+      storage: 'Cookie will be automatically saved to local storage after setting'
+    },
+    action: {
+      save: 'Save Cookie',
+      paste: 'Paste',
+      clear: 'Clear'
+    },
+    validation: {
+      required: 'Please enter Cookie',
+      format: 'Cookie format may be incorrect, please check if it contains MUSIC_U'
+    },
+    message: {
+      saveSuccess: 'Cookie saved successfully',
+      saveError: 'Failed to save Cookie',
+      pasteSuccess: 'Pasted successfully',
+      pasteError: 'Paste failed, please copy manually'
+    },
+    info: {
+      length: 'Current length: {length} characters'
+    }
+  }
+};