fix polyfills

MusicPlayerV2-GUI/package.json

@@ -12,7 +12,6 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@jridgewell/sourcemap-codec": "^1.4.15",
     "@melloware/coloris": "^0.24.0",
@@ -23,6 +22,7 @@
     "musickit-typescript": "^1.2.4",
     "pinia": "^2.1.7",
     "socket.io-client": "^4.7.5",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vue": "^3.4.15",
     "vue-router": "^4.2.5"
   },
@@ -38,6 +38,6 @@
     "npm-run-all2": "^6.1.1",
     "typescript": "~5.3.0",
     "vite": "^5.0.11",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^2.0.29"
   }
 }

MusicPlayerV2-GUI/src/components/playerView.vue

@@ -315,6 +315,7 @@
                 if ( res.status === 200 ) {
                     res.blob().then( blob => {
                         parseBlob( blob ).then( data => {
+                            try {
                                 player.findSongOnAppleMusic( data.common.title ?? songDetails.filename.split( '.' )[ 0 ] ).then( d => {
                                     let url = d.data.results.songs.data[ 0 ].attributes.artwork.url;
                                     url = url.replace( '{w}', String( d.data.results.songs.data[ 0 ].attributes.artwork.width ) );
@@ -329,16 +330,38 @@
                                     }
                                     resolve( song );
                                 } ).catch( e => {
-                                reject( e );
+                                    console.error( e );
-                            } );
+                                    const song: Song = {
-                        } ).catch( e => {
+                                        artist: data.common.artist ?? 'Unknown artist',
-                            reject( e );
+                                        title: data.common.title ?? 'Unknown song title',
-                        } );
+                                        duration: data.format.duration ?? 1000,
-                    } ).catch( e => {
+                                        id: songDetails.url,
-                        reject( e );
+                                        origin: 'disk',
+                                        cover: ''
+                                    }
+                                    resolve( song );
                                 } );
+                            } catch ( err ) {
+                                console.error( err );
+                                alert( 'One of your songs was not loadable. (finalization-error)' )
                             }
                         } ).catch( e => {
+                            console.error( e );
+                            alert( 'One of your songs was not loadable. (parser-error)' );
+                            reject( e );
+                        } );
+                    } ).catch( e => {
+                        console.error( e );
+                        alert( 'One of your songs was not loadable. (converter-error)' );
+                        reject( e );
+                    } );
+                } else {
+                    console.error( res.status );
+                    alert( 'One of your songs was not loadable. (invalid-response-code)' );
+                }
+            } ).catch( e => {
+                console.error( e );
+                alert( 'One of your songs was not loadable. (could-not-connect)' );
                 reject( e );
             } );
         } );

MusicPlayerV2-GUI/vite.config.ts

@@ -2,30 +2,19 @@ import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
+    nodePolyfills(),
   ],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
   },
-  optimizeDeps: {
-    esbuildOptions: {
-      define: {
-        global: 'globalThis',
-      },
-      plugins: [
-        NodeGlobalsPolyfillPlugin({
-          buffer: true,
-        }),
-      ],
-    },
-  },
   server: {
     port: 8081
   }