Merge branch 'dev'

.eslintrc

@@ -1,5 +1,8 @@
 {
-  "extends": "standard",
+  "extends": [
+    // "plugin:vue/vue3-recommended",
+    "standard"
+  ],
   "plugins": [
     "html"
   ],
@@ -18,7 +21,8 @@
     "standard/no-callback-literal": "off",
     "prefer-const": "off",
     "no-labels": "off",
-    "node/no-callback-literal": "off"
+    "node/no-callback-literal": "off",
+    "vue/multi-word-component-names": "off"
   },
   "settings": {
     "html/html-extensions": [".html", ".vue"]

.github/workflows/beta-pack.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '14'
 
       - name: Cache file
         uses: actions/cache@v2
@@ -102,7 +102,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '14'
 
       - name: Cache file
         uses: actions/cache@v2
@@ -156,7 +156,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '14'
 
       - name: Cache file
         uses: actions/cache@v2

.github/workflows/release.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '14'
 
       - name: Cache file
         uses: actions/cache@v2
@@ -59,7 +59,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '14'
 
       - name: Cache file
         uses: actions/cache@v2
@@ -102,7 +102,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '14'
 
       - name: Cache file
         uses: actions/cache@v2

.ncurc.js

@@ -1,11 +1,12 @@
 module.exports = {
-  upgrade: true,
+  // upgrade: true,
+  // target: 'newest',
   reject: [
-    'vue-loader',
     'webpack-dev-server',
     'eslint',
     'electron',
-    'electron-builder'
+    'electron-builder',
+    'chalk',
     // 'eslint-config-standard'
   ]
 }

.vscode/settings.json

@@ -1,19 +1,14 @@
 {
-  "path-intellisense.mappings": {
-    "@main/*": "${workspaceFolder}/src/main/*",
-    "@renderer/*": "${workspaceFolder}/src/renderer/*",
-    "@lyric/*": "${workspaceFolder}/src/renderer-lyric/*",
-    "@static/*": "${workspaceFolder}/src/static/*",
-    "@common/*": "${workspaceFolder}/src/common/*",
-  },
   "i18n-ally.localesPaths": [
-    "src/renderer/lang"
+    "src/lang"
   ],
+  // "i18n-ally.fullReloadOnChanged": true,
+  "i18n-ally.keystyle": "nested",
   "i18n-ally.displayLanguage": "zh-cn",
   "i18n-ally.sourceLanguage": "zh-cn",
-  "i18n-ally.namespace": true,
-  "i18n-ally.translate.engines": ["google-cn", "google"],
-  "i18n-ally.pathMatcher": "{locale}/{namespaces}.json",
-  "i18n-ally.keystyle": "flat",
+  "i18n-ally.translate.engines": [
+    "google-cn",
+    "google"
+  ],
   "i18n-ally.sortKeys": true
 }

CHANGELOG.md

@@ -6,6 +6,49 @@ Project versioning adheres to [Semantic Versioning](http://semver.org/).
 Commit convention is based on [Conventional Commits](http://conventionalcommits.org).
 Change log format is based on [Keep a Changelog](http://keepachangelog.com/).
 
+## [1.16.0](https://github.com/lyswhut/lx-music-desktop/compare/v1.15.3...v1.16.0) - 2022-01-01
+
+这算是一个大版本，对主窗口部分的代码逻辑做了较大改动，但由于界面的改动不大，所以没有更新大版本号。
+虽然经过一个月的测试与问题修复，但可能仍然存在未发现的问题，若你发现某些界面异常、某些行为与旧版本存在差异等问题，欢迎反馈！
+另外祝大家元旦快乐~！
+
+### 新增
+
+- 播放详情页新增音量控制条
+- 播放详情页新增桌面歌词切换按钮
+- 新增将我的列表保存为TXT、CSV格式，可以去设置-备份与恢复中使用（注意：此类格式的备份目前不支持恢复到LX Music中）
+- 新增根据歌曲名、歌手名等字段对列表自动排序的功能，可以在我的列表右击列表名弹出的菜单中使用
+- 新增将播放与下载的歌词转换为繁体中文选项，默认关闭，可在设置-播放设置中开启
+- 现在已允许进入临时播放列表，即：使用歌单详情页、排行榜名称右键菜单的“播放”按钮播放歌曲时，可右击播放封面进入此临时列表
+- 播放详情页新增音频可视化功能（实验性）
+- 我的列表新增拖动调整位置功能，按住Ctrl键（Mac上对应Command键）的时候将进入“拖动模式”，此时可以拖动列表的位置来调整顺序
+
+### 优化
+
+- 优化列表性能，软件整体性能
+- 调整Mac平台下的图标大小
+- 同步功能添加对列表顺序调整的控制，确保手动调整位置后的列表与不同的电脑同步时，列表位置不会被还原
+- 优化歌单详情、排行榜名右键的播放按钮的播放机制，现在不用等待整个列表（多页时）加载完成才能播放了
+- 为播放详情页、桌面歌词添加延迟滚动，播放详情页略微减小已激活歌词的缩放大小及桌面歌词翻译大小
+- 修改右边控制按钮为windows风格
+- 更新了新年皮肤的背景与配色，欢迎体验~
+
+### 修复
+
+- 修复kw源某些歌曲的歌词提取异常的问题
+
+### 变更
+
+- 现在使用繁体中文语言时将不再自动转换歌词，转换行为将由上面新增的转换开关控制
+
+### 移除
+
+- 移除我的列表右键菜单的“上移、下移列表”功能，调整改用新增的拖动功能去调整位置
+
+### 其他
+
+- 升级vue到 3.x
+
 ## [1.15.3](https://github.com/lyswhut/lx-music-desktop/compare/v1.15.2...v1.15.3) - 2021-11-21
 
 ### 修复
@@ -21,12 +64,6 @@ Change log format is based on [Keep a Changelog](http://keepachangelog.com/).
 
 - 降级electron到v13.4.0（这修复了windows 7下播放歌曲时软件会崩溃的问题）
 
-## [1.15.3](https://github.com/lyswhut/lx-music-desktop/compare/v1.15.1...v1.15.3) - 2021-11-09
-
-### 其他
-
-- 降级electron到v13.4.0（这修复了windows 7下播放歌曲时软件会崩溃的问题）
-
 ## [1.15.1](https://github.com/lyswhut/lx-music-desktop/compare/v1.15.0...v1.15.1) - 2021-11-09
 
 ### 优化

FAQ.md

@@ -123,6 +123,12 @@
 - 检查防火墙是否拦截了PC端的服务端口
 - 路由器若开启了AP隔离，则此功能无法使用
 
+#### 连接同步服务失败的检查
+
+1. 确保PC端的同步服务已启用成功（若连接码、同步服务地址没有内容，则证明服务启动失败，此时看启用同步功能复选框后面的错误信息自行解决，另外若你不知道端口号是什么意思就不要乱改，或不要改得太大与太小）
+2. 在手机浏览器地址栏输入`http://x.x.x.x:23332/hello` **（注：将`x.x.x.x`换成PC端显示的同步服务地址，`23332`为PC端的端口号）** 后回车，若此地址可以打开并显示 `Hello~::^-^::`则证明移动端与PC端网络已互通，
+3. 若移动端无法打开第2步的地址，则在PC端的浏览器地址栏输入并打开该地址，若可以打开，则要么是被LX Music PC端被电脑防火墙拦截，要么PC端与移动端不在同一个网络下，或者路由器开启了AP隔离（一般在公共网络下会出现这种情况）
+
 ## 界面异常（界面显示不完整）
 
 ### Windows 7 下界面异常
@@ -244,6 +250,16 @@ Windows 7 未开启 Aero 效果时桌面歌词会有问题，详情看上面的
 - 以管理员权限打开`cmd`，输入`sfc /scannow`回车等待检查完成重启电脑
 - 若上面的方法**修复、重启**电脑后仍然不行，就自行百度弹出的**错误信息**看下别人是怎么解决的
 
+## MAC OS无法启动软件，提示 lx-music-desktop 已损坏
+
+这是因为软件没有签名，被系统阻止运行，<br>
+在终端里输入 `sudo xattr -rd com.apple.quarantine /Applications/lx-music-desktop.app`，然后输入你的电脑密码即可
+
+还可以参考：
+
+- <http://www.pc6.com/edu/168719.html>
+- <https://blog.csdn.net/for641/article/details/104811538>
+
 ## 杀毒软件提示有病毒或恶意行为
 
 本人只能保证我写的代码不包含任何**恶意代码**、**收集用户信息**的行为，并且软件代码已开源，请自行查阅，软件安装包也是由CI拉取源代码构建，构建日志：[GitHub Actions](https://github.com/lyswhut/lx-music-desktop/actions)<br>

README.md

@@ -36,8 +36,8 @@
 
 所用技术栈：
 
-- Electron 15
-- Vue 2
+- Electron 13
+- Vue 3
 
 已支持的平台：
 

build-config/main/webpack.config.dev.js

@@ -1,7 +1,6 @@
 const path = require('path')
 const { merge } = require('webpack-merge')
 const webpack = require('webpack')
-const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 
 const baseConfig = require('./webpack.config.base')
 
@@ -19,17 +18,5 @@ module.exports = merge(baseConfig, {
       __static: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
       __userApi: `"${path.join(__dirname, '../../src/main/modules/userApi').replace(/\\/g, '\\\\')}"`,
     }),
-    new FriendlyErrorsPlugin({
-      onErrors(severity, errors) { // Silent warning from electron-debug
-        if (severity != 'warning') return
-
-        for (let i = errors.length - 1; i > -1; i--) {
-          const error = errors[i]
-          if (error.file == './node_modules/electron-debug/index.js') errors.splice(i, 1)
-        }
-        // You can listen to errors transformed and prioritized by the plugin
-        // severity can be 'error' or 'warning'
-      },
-    }),
   ],
 })

build-config/renderer-lyric/webpack.config.base.js

@@ -1,8 +1,7 @@
 const path = require('path')
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const { VueLoaderPlugin } = require('vue-loader')
 const HTMLPlugin = require('html-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-const CleanCSSPlugin = require('less-plugin-clean-css')
 const ESLintPlugin = require('eslint-webpack-plugin')
 
 const vueLoaderConfig = require('../vue-loader.config')
@@ -23,6 +22,7 @@ module.exports = {
   },
   resolve: {
     alias: {
+      '@': path.join(__dirname, '../../src'),
       '@main': path.join(__dirname, '../../src/main'),
       '@renderer': path.join(__dirname, '../../src/renderer'),
       '@lyric': path.join(__dirname, '../../src/renderer-lyric'),
@@ -57,11 +57,6 @@ module.exports = {
           loader: 'less-loader',
           options: {
             sourceMap: true,
-            lessOptions: {
-              plugins: [
-                new CleanCSSPlugin({ advanced: true }),
-              ],
-            },
           },
         }),
       },
@@ -81,6 +76,7 @@ module.exports = {
       },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        exclude: path.join(__dirname, '../../src/renderer/assets/svgs'),
         type: 'asset',
         parser: {
           dataUrlCondition: {
@@ -91,6 +87,20 @@ module.exports = {
           filename: 'imgs/[name]-[contenthash:8][ext]',
         },
       },
+      {
+        test: /\.svg$/,
+        include: path.join(__dirname, '../../src/renderer/assets/svgs'),
+        use: [
+          {
+            loader: 'svg-sprite-loader',
+            options: {
+              symbolId: 'icon-[name]',
+            },
+          },
+          'svg-transform-loader',
+          'svgo-loader',
+        ],
+      },
       {
         test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
         type: 'asset',
@@ -126,7 +136,6 @@ module.exports = {
       template: path.join(__dirname, '../../src/renderer-lyric/index.pug'),
       isProd: process.env.NODE_ENV == 'production',
       browser: process.browser,
-      scriptLoading: 'blocking',
       __dirname,
     }),
     new VueLoaderPlugin(),

build-config/renderer-lyric/webpack.config.dev.js

@@ -1,6 +1,5 @@
 const path = require('path')
 const webpack = require('webpack')
-const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 
 const { merge } = require('webpack-merge')
 
@@ -11,12 +10,13 @@ module.exports = merge(baseConfig, {
   devtool: 'eval-source-map',
   plugins: [
     new webpack.HotModuleReplacementPlugin(),
-    new FriendlyErrorsPlugin(),
     new webpack.DefinePlugin({
       'process.env': {
         NODE_ENV: '"development"',
         ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
       },
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
       __static: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
     }),
   ],

build-config/renderer-lyric/webpack.config.prod.js

@@ -9,7 +9,8 @@ const baseConfig = require('./webpack.config.base')
 
 const { dependencies } = require('../../package.json')
 
-let whiteListedModules = ['vue']
+// let whiteListedModules = ['vue']
+let whiteListedModules = ['vue', 'vue-router', 'vuex', 'vue-i18n']
 
 
 module.exports = merge(baseConfig, {
@@ -31,6 +32,8 @@ module.exports = merge(baseConfig, {
       'process.env': {
         NODE_ENV: '"production"',
       },
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
     }),
   ],
   optimization: {