chore: lint

.eslintrc.js

@@ -48,6 +48,8 @@ module.exports = {
     },
   },
   rules: {
+    // HACK: breaks youtubei.js
+    'import/no-cycle': 'off',
     'prettier/prettier': ['error', { endOfLine: 'auto' }],
     'import/extensions': [
       'warn',

package.json

@@ -19,19 +19,20 @@
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@types/base-64": "^1.0.2",
     "@types/chrome": "^0.0.287",
     "@types/he": "^1.2.3",
     "@types/js-base64": "^3.3.1",
+    "@types/lodash": "^4.17.13",
     "@types/md5": "^2.3.5",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.3.13",
     "@types/react-dom": "^18.3.1",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.17.0",
+    "@typescript-eslint/parser": "^8.17.0",
     "@welldone-software/why-did-you-render": "^8.0.3",
     "babel-loader": "^9.2.1",
     "clean-webpack-plugin": "^4.0.0",
@@ -41,7 +42,7 @@
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-import-resolver-webpack": "^0.13.9",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -50,16 +51,15 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.6.3",
-    "lodash": "^4.17.21",
     "mini-css-extract-plugin": "^2.9.2",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "progress-bar-webpack-plugin": "^2.1.0",
     "react-refresh": "^0.14.2",
     "sass-loader": "^16.0.3",
     "style-loader": "^4.0.0",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5.7.2",
-    "webpack": "^5.96.1",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
     "webpack-config-utils": "^2.3.1",
     "webpack-dev-server": "^5.1.0"
@@ -78,11 +78,11 @@
     "@fortawesome/fontawesome-free": "^6.7.1",
     "@fortawesome/free-brands-svg-icons": "^6.7.1",
     "@hello-pangea/dnd": "^17.0.0",
-    "@mui/icons-material": "^6.1.8",
+    "@mui/icons-material": "^6.1.10",
     "@mui/lab": "6.0.0-dev.240424162023-9968b4889d",
-    "@mui/material": "^6.1.8",
-    "@mui/styles": "^6.1.8",
-    "axios": "^1.7.8",
+    "@mui/material": "^6.1.10",
+    "@mui/styles": "^6.1.10",
+    "axios": "^1.7.9",
     "base-64": "^1.0.0",
     "base64-js": "^1.5.1",
     "big-integer": "^1.6.52",
@@ -114,17 +114,17 @@
     "react-contexify": "^6.0.0",
     "react-dom": "^18.3.1",
     "react-hotkeys-hook": "^4.6.1",
-    "react-i18next": "^15.1.2",
+    "react-i18next": "^15.1.3",
     "react-jinke-music-player": "git+https://[email protected]/lovegaoshi/react-music-player.git",
     "react-lrc": "^3.2.1",
     "react-swipeable": "^7.0.2",
     "react-window": "^1.8.10",
-    "sass": "^1.81.0",
+    "sass": "^1.82.0",
     "stream-browserify": "^3.0.0",
     "util": "^0.12.5",
     "uuid": "^11.0.3",
     "youtubei.js": "^11.0.1",
-    "zustand": "^5.0.1"
+    "zustand": "^5.0.2"
   },
   "packageManager": "[email protected]"
 }

src/components/setting/SyncSetting.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import MenuItem from '@mui/material/MenuItem';
 import TextField from '@mui/material/TextField';
 import Box from '@mui/material/Box';
-import { useStore } from 'zustand';
 
 import useApp from '@stores/useApp';
 import { useNoxSetting } from '@APM/stores/useApp';

src/components/setting/sync/DropboxAuth.ts

@@ -84,7 +84,8 @@ const DropboxSyncButton = ({ restoreFromUint8Array, sx }: GenericPropsR) =>
   GenericSyncButton({
     restoreFromUint8Array,
     noxBackup: (v) => noxBackup(dbx, v),
-    noxRestore: () => noxRestore(dbx, async (v) => v.arrayBuffer()),
+    noxRestore: () =>
+      noxRestore(dbx, async (v) => new Uint8Array(await v.arrayBuffer())),
     login: loginDropbox,
     sx,
   });

src/components/setting/sync/GithubAuth.ts

@@ -62,7 +62,8 @@ const GiteeSyncButton = ({ restoreFromUint8Array, sx }: GenericPropsR) =>
   GenericSyncButton({
     restoreFromUint8Array,
     noxBackup: (v) => noxBackup(v, authToken),
-    noxRestore: () => noxRestore(authToken, async (v) => v.arrayBuffer()),
+    noxRestore: () =>
+      noxRestore(authToken, async (v) => new Uint8Array(await v.arrayBuffer())),
     login,
     sx,
   });

src/stores/useInitializeStore.ts

@@ -2,9 +2,9 @@ import { initializeR128Gain } from '@APM/utils/ffmpeg/r128Store';
 import { initialize as initializeAppStore } from '@APM/stores/appStore';
 import { useNoxSetting } from '@APM/stores/useApp';
 import { initPlayerObject, importStorageRaw } from '@utils/ChromeStorage';
-import { initialize as initializeRegexStore } from './regexStore';
 import useApp from '@stores/useApp';
 import versionUpdate from '@utils/versionupdater/versionupdater';
+import { initialize as initializeRegexStore } from './regexStore';
 
 const useInitializeStore = () => {
   const initPlayer = useNoxSetting((state) => state.initPlayer);

src/utils/ChromeStorageAPI.ts

@@ -67,7 +67,7 @@ export const getRegExtractMapping = async (): Promise<
     );
     return await res.json();
   } catch (e) {
-    logger.error('failed to load rejson');
+    logger.error(`failed to load rejson: ${e}`);
     return rejson as NoxRegExt.JSONExtractor[];
   }
 };

src/utils/RNUtils.ts

@@ -1 +1,2 @@
 export const isIOS = false;
+export const isAndroid = false;