从webpack迁移到vite

src/common/.eslintrc.cjs

@@ -0,0 +1,15 @@
+/* eslint-env node */
+const { base, typescript } = require('../../.eslintrc.base.cjs')
+
+module.exports = {
+  root: true,
+  ...base,
+  overrides: [
+    {
+      ...typescript,
+      parserOptions: {
+        project: './tsconfig.json',
+      },
+    },
+  ],
+}

src/common/defaultSetting.ts

@@ -1,5 +1,5 @@
-import { join } from 'path'
-import { homedir } from 'os'
+import path from 'node:path'
+import os from 'node:os'
 
 const isMac = process.platform == 'darwin'
 const isWin = process.platform == 'win32'
@@ -102,7 +102,7 @@ const defaultSetting: LX.AppSetting = {
   'list.actionButtonsVisible': false,
 
   'download.enable': false,
-  'download.savePath': join(homedir(), 'Desktop'),
+  'download.savePath': path.join(os.homedir(), 'Desktop'),
   'download.fileName': '歌名 - 歌手',
   'download.maxDownloadNum': 3,
   'download.skipExistFile': true,

src/common/error.ts

@@ -6,7 +6,7 @@ const ignoreErrorMessage = [
 ]
 
 process.on('uncaughtException', err => {
-  if (ignoreErrorMessage.includes(err.message)) return
+  if (ignoreErrorMessage.includes(err?.message)) return
   console.error('An uncaught error occurred!')
   console.error(err)
   log.error(err)

src/common/theme/colorUtils.js

@@ -8,7 +8,7 @@
  * @param {string} c1 rgb(a) color2
  * @returns color
  */
-exports.RGB_Linear_Blend=(p,c0,c1)=>{
+export const RGB_Linear_Blend=(p,c0,c1)=>{
 	var i=parseInt,r=Math.round,P=1-p,[a,b,c,d]=c0.split(","),[e,f,g,h]=c1.split(","),x=d||h,j=x?","+(!d?h:!h?d:r((parseFloat(d)*P+parseFloat(h)*p)*1000)/1000+")"):")";
 	return"rgb"+(x?"a(":"(")+r(i(a[3]=="a"?a.slice(5):a.slice(4))*P+i(e[3]=="a"?e.slice(5):e.slice(4))*p)+","+r(i(b)*P+i(f)*p)+","+r(i(c)*P+i(g)*p)+j;
 }
@@ -20,7 +20,7 @@ exports.RGB_Linear_Blend=(p,c0,c1)=>{
  * @param {string} c1 rgb(a) color2
  * @returns color
  */
-exports.RGB_Log_Blend=(p,c0,c1)=>{
+export const RGB_Log_Blend=(p,c0,c1)=>{
 	var i=parseInt,r=Math.round,P=1-p,[a,b,c,d]=c0.split(","),[e,f,g,h]=c1.split(","),x=d||h,j=x?","+(!d?h:!h?d:r((parseFloat(d)*P+parseFloat(h)*p)*1000)/1000+")"):")";
 	return"rgb"+(x?"a(":"(")+r((P*i(a[3]=="a"?a.slice(5):a.slice(4))**2+p*i(e[3]=="a"?e.slice(5):e.slice(4))**2)**0.5)+","+r((P*i(b)**2+p*i(f)**2)**0.5)+","+r((P*i(c)**2+p*i(g)**2)**0.5)+j;
 }
@@ -32,7 +32,7 @@ exports.RGB_Log_Blend=(p,c0,c1)=>{
  * @param {string} c0 rgb(a) color
  * @returns color
  */
-exports.RGB_Linear_Shade=(p,c0)=>{
+export const RGB_Linear_Shade=(p,c0)=>{
 	var i=parseInt,r=Math.round,[a,b,c,d]=c0.split(","),n=p<0,t=n?0:255*p,P=n?1+p:1-p;
 	return"rgb"+(d?"a(":"(")+r(i(a[3]=="a"?a.slice(5):a.slice(4))*P+t)+","+r(i(b)*P+t)+","+r(i(c)*P+t)+(d?","+d:")");
 }
@@ -44,7 +44,7 @@ exports.RGB_Linear_Shade=(p,c0)=>{
  * @param {string} c0 rgb(a) color
  * @returns color
  */
-exports.RGB_Log_Shade=(p,c0)=>{
+export const RGB_Log_Shade=(p,c0)=>{
 	var i=parseInt,r=Math.round,[a,b,c,d]=c0.split(","),n=p<0,t=n?0:p*255**2,P=n?1+p:1-p;
 	return"rgb"+(d?"a(":"(")+r((P*i(a[3]=="a"?a.slice(5):a.slice(4))**2+t)**0.5)+","+r((P*i(b)**2+t)**0.5)+","+r((P*i(c)**2+t)**0.5)+(d?","+d:")");
 }
@@ -56,7 +56,7 @@ exports.RGB_Log_Shade=(p,c0)=>{
  * @param {string} color
  * @returns color
  */
-exports.RGB_Alpha_Shade = (p, color) => {
+export const RGB_Alpha_Shade = (p, color) => {
   var i = parseInt
   var n = p < 0
   var [r, g, b, a] = color.split(",")

src/common/theme/createThemes.js

@@ -1,8 +1,8 @@
 //! 更新默认主题配置后，需要执行 npm run build:theme 重新构建index.json
 
-const fs = require('fs')
-const path = require('path')
-const { createThemeColors } = require('./utils')
+import fs from 'fs'
+import path from 'path'
+import { createThemeColors } from './utils'
 
 const defaultThemes = [
   {

src/common/theme/utils.js

@@ -1,6 +1,6 @@
-const { RGB_Linear_Shade, RGB_Alpha_Shade } = require('./colorUtils')
+import { RGB_Linear_Shade, RGB_Alpha_Shade } from './colorUtils'
 
-exports.createThemeColors = (rgbaColor, fontRgbaColor, isDark) => {
+export const createThemeColors = (rgbaColor, fontRgbaColor, isDark) => {
   const colors = {
     '--color-primary': rgbaColor,
   }

src/common/tsconfig.json

@@ -1,11 +1,11 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "paths": {
-      "@common/*": ["common/*"],
-    },
     "typeRoots": [
       "./types"
     ],
+    "paths": {                                           /* Specify a set of entries that re-map imports to additional lookup locations. */
+      "@common/*": ["common/*"],
+    },
   },
 }

src/common/types/app_setting.d.ts

@@ -1,4 +1,4 @@
-import type { I18n } from '@/lang/i18n'
+import type { I18n } from '@root/lang/i18n'
 
 declare global {
 

src/common/types/download_list.d.ts

@@ -1,4 +1,4 @@
-import { type Message } from '@/lang'
+import { type Message } from '@root/lang'
 
 // interface DownloadList {
 

src/common/utils/index.ts

@@ -1,6 +1,5 @@
 import log from 'electron-log'
 
-log.transports.file.level = 'info'
 
 export const isLinux = process.platform == 'linux'
 export const isWin = process.platform == 'win32'

src/common/utils/lyric-font-player/font-player.js

@@ -1,4 +1,4 @@
-const { getNow, TimeoutTools } = require('./utils')
+import { getNow, TimeoutTools } from './utils'
 
 // const fontFormateRxp = /(?=<\d+,\d+>).*?/g
 const fontSplitRxp = /(?=<\d+,\d+>).*?/g
@@ -25,7 +25,7 @@ const createAnimation = (dom, duration, isVertical) => new window.Animation(new
 // https://jsfiddle.net/ceqpnbky/
 // https://jsfiddle.net/ceqpnbky/1/
 
-module.exports = class FontPlayer {
+export default class FontPlayer {
   constructor({
     time = 0,
     rate = 1,

src/common/utils/lyric-font-player/index.js

@@ -1,9 +1,9 @@
-const LinePlayer = require('./line-player')
-const FontPlayer = require('./font-player')
+import LinePlayer from './line-player'
+import FontPlayer from './font-player'
 
 const fontTimeExp = /<(\d+),(\d+)>/g
 
-module.exports = class Lyric {
+export default class Lyric {
   constructor({
     lyric = '',
     extendedLyrics = [],

src/common/utils/lyric-font-player/line-player.js

@@ -1,4 +1,4 @@
-const { getNow, TimeoutTools } = require('./utils')
+import { getNow, TimeoutTools } from './utils'
 
 const timeFieldExp = /^(?:\[[\d:.]+\])+/g
 const timeExp = /\d{1,3}(:\d{1,3}){0,2}(?:\.\d{1,3})/g
@@ -43,7 +43,7 @@ const parseExtendedLyric = (lrcLinesMap, extendedLyric) => {
   }
 }
 
-module.exports = class LinePlayer {
+export default class LinePlayer {
   constructor({ offset = 0, rate = 1, onPlay = function() { }, onSetLyric = function() { } } = {}) {
     this.tags = {}
     this.lines = null

src/common/utils/lyric-font-player/utils.js

@@ -1,7 +1,7 @@
 
-const getNow = exports.getNow = typeof performance == 'object' && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date)
+export const getNow = typeof performance == 'object' && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date)
 
-exports.TimeoutTools = class TimeoutTools {
+export class TimeoutTools {
   constructor(thresholdTime = 80) {
     this.invokeTime = 0
     this.animationFrameId = null

src/common/utils/nodejs.ts

@@ -1,8 +1,8 @@
-import fs from 'fs'
-import crypto from 'crypto'
-import { gzip, gunzip } from 'zlib'
+import fs from 'node:fs'
+import crypto from 'node:crypto'
+import { gzip, gunzip } from 'node:zlib'
+import path from 'node:path'
 import { log } from '@common/utils'
-import path from 'path'
 
 export const joinPath = (...paths: string[]): string => path.join(...paths)