Fix Magnificent and NoSpotifyPause not loading

.github/workflows/lint.yml

@@ -22,12 +22,12 @@ jobs:
             - name: Setup Node
               uses: actions/setup-node@v4
               with:
-                  node-version: 18.18.2
+                  node-version: 20
 
             - name: Setup PNPM
               uses: pnpm/action-setup@v4
               with:
-                  version: latest
+                  version: 10
 
             - name: Install dependencies
               run: pnpm install

.github/workflows/release.yml

@@ -16,17 +16,17 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
         with:
-          submodule: recursive
+          submodules: recursive
 
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 18.18.2
+          node-version: 20
 
       - name: Setup PNPM
         uses: pnpm/action-setup@v4
         with:
-          version: latest
+          version: 10
 
       - name: Install dependencies
         run: pnpm install

package.json

@@ -3,8 +3,8 @@
   "version": "0.0.0",
   "description": "my Replugged plugins",
   "engines": {
-    "node": ">=18.0.0",
-    "pnpm": ">=8.0.0"
+    "node": ">=20.0.0",
+    "pnpm": ">=10.0.0"
   },
   "scripts": {
     "build:dev": "replugged build plugin --no-reload",
@@ -27,32 +27,29 @@
   "license": "MIT",
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.2",
-    "@codemirror/language": "^6.10.2",
-    "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.28.2",
-    "@lezer/highlight": "^1.2.0",
+    "@codemirror/language": "^6.10.8",
+    "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.36.2",
+    "@lezer/highlight": "^1.2.1",
     "@mdi/js": "^7.4.47",
-    "@types/lodash": "^4.17.5",
-    "@types/node": "^20.14.8",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/lodash": "^4.17.15",
+    "@types/node": "^22.13.1",
+    "@types/react": "^18.3.18",
     "@types/spotify-api": "^0.0.25",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "codemirror": "^6.0.1",
-    "discord-api-types": "^0.37.90",
-    "eslint": "^8.57.0",
+    "discord-api-types": "^0.37.119",
+    "eslint": "^8.57.1",
     "eslint-config-dmitmel": "github:dmitmel/eslint-config-dmitmel",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-react": "^7.34.3",
     "idb-keyval": "^6.2.1",
-    "prettier": "^3.3.2",
-    "replugged": "^4.8.3",
-    "simple-icons": "^10.4.0",
+    "prettier": "^3.5.0",
+    "replugged": "^4.8.4",
     "style-mod": "^4.1.2",
-    "typescript": "^5.5.2"
+    "typescript": "~5.4.5"
   },
   "dependencies": {
-    "@sckt/translate": "^1.0.8"
+    "@sckt/translate": "^1.0.9"
   }
 }

plugins/Magnificent/src/index.ts

@@ -1,4 +1,4 @@
-import { Injector, Logger, common } from 'replugged';
+import { Injector, Logger, webpack } from 'replugged';
 
 const injector = new Injector();
 const logger = Logger.plugin('Magnificent');
@@ -14,12 +14,11 @@ interface Image {
   };
 }
 
-export const start = (): void => {
-  const imageComponent = (
-    common.components as typeof common.components & {
-      Image: Image;
-    }
-  ).Image;
+export const start = async (): Promise<void> => {
+  const imageMod = await webpack.waitForModule(
+    webpack.filters.bySource(/mediaLayoutType:\w+,limitResponsiveWidth/),
+  );
+  const imageComponent = webpack.getFunctionBySource<Image>(imageMod, 'maxWidth');
 
   if (typeof imageComponent?.defaultProps?.children === 'function')
     injector.before(

plugins/NoSpotifyPause/src/patches.ts

@@ -12,17 +12,17 @@ export default [
       {
         // vc watcher
         match:
-          /function (.{1,3})\(.{1,3}\)\{.{1,40}=.{1,3}\.{1,3}\.isCurrentClientInVoiceChannel\(\).+?return!1}/,
+          /function (.{1,3})\(.{1,3}\)\{.{1,40}=\w+\.\w+\.isCurrentClientInVoiceChannel\(\).+?return!1}/,
         replace: 'function $1(){return!1}',
       },
       {
         // remove voice state detection
-        match: /VOICE_STATE_UPDATES:function\(.+?\)\{.+\},/,
+        match: /VOICE_STATE_UPDATES:\w+,/,
         replace: '',
       },
       {
         // remove speaking detection
-        match: /SPEAKING:function\(.+?\)\{.+?\},/,
+        match: /SPEAKING:\w+,/,
         replace: '',
       },
     ],