Update dependency music-metadata to ESM version v10.3.0

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

README.md

@@ -13,7 +13,7 @@
 
 <p align="center">
   <a href="https://discord.gg/cnXkm4Z"><img src="https://img.shields.io/discord/612575111718895616" alt="discord"></a>
-  <a href="https://travis-ci.org/webtorrent/webtorrent-desktop"><img src="https://img.shields.io/travis/webtorrent/webtorrent-desktop/master.svg" alt="travis"></a>
+  <a href="https://github.com/webtorrent/webtorrent-desktop/actions/workflows/ci.yml"><img src="https://github.com/webtorrent/webtorrent-desktop/actions/workflows/ci.yml/badge.svg" alt="GitHub CI action"></a>
   <a href="https://github.com/webtorrent/webtorrent-desktop/releases"><img src="https://img.shields.io/github/release/webtorrent/webtorrent-desktop.svg" alt="github release version"></a>
   <a href="https://github.com/webtorrent/webtorrent-desktop/releases"><img src="https://img.shields.io/github/downloads/webtorrent/webtorrent-desktop/total.svg" alt="github release downloads"></a>
   <a href="https://standardjs.com"><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg" alt="Standard - JavaScript Style Guide"></a>

package.json

@@ -21,7 +21,7 @@
     "url": "https://github.com/webtorrent/webtorrent-desktop/issues"
   },
   "dependencies": {
-    "@electron/remote": "2.0.8",
+    "@electron/remote": "2.1.2",
     "airplayer": "github:webtorrent/airplayer#fix-security",
     "application-config": "2.0.0",
     "arch": "2.2.0",
@@ -30,7 +30,7 @@
     "capture-frame": "4.0.0",
     "chokidar": "3.5.3",
     "chromecasts": "1.10.2",
-    "create-torrent": "5.0.6",
+    "create-torrent": "5.0.9",
     "debounce": "1.2.1",
     "dlnacasts": "0.1.0",
     "drag-drop": "7.2.0",
@@ -40,49 +40,49 @@
     "languagedetect": "2.0.0",
     "location-history": "1.1.2",
     "material-ui": "0.20.2",
-    "music-metadata": "7.13.0",
+    "music-metadata": "^10.3.0",
     "network-address": "1.1.2",
     "parse-torrent": "9.1.5",
     "prettier-bytes": "1.0.4",
     "prop-types": "15.8.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "rimraf": "3.0.2",
+    "rimraf": "4.4.0",
     "run-parallel": "1.2.0",
     "semver": "7.3.8",
     "simple-concat": "1.0.1",
     "simple-get": "4.0.1",
     "srt-to-vtt": "1.1.3",
     "vlc-command": "1.2.0",
-    "webtorrent": "1.8.32",
+    "webtorrent": "1.9.7",
     "winreg": "1.2.4"
   },
   "devDependencies": {
-    "@babel/cli": "7.19.3",
-    "@babel/core": "7.19.3",
-    "@babel/eslint-parser": "7.19.1",
-    "@babel/plugin-transform-react-jsx": "7.19.0",
+    "@babel/cli": "7.24.8",
+    "@babel/core": "7.25.2",
+    "@babel/eslint-parser": "7.25.1",
+    "@babel/plugin-transform-react-jsx": "7.25.2",
     "cross-zip": "4.0.0",
-    "depcheck": "1.4.3",
-    "electron": "15.5.7",
-    "electron-notarize": "1.2.1",
+    "depcheck": "1.4.7",
+    "electron": "27.3.11",
+    "electron-notarize": "1.2.2",
     "electron-osx-sign": "0.6.0",
-    "electron-packager": "15.5.2",
-    "electron-winstaller": "5.0.0",
-    "gh-release": "6.0.4",
-    "minimist": "1.2.6",
-    "nodemon": "2.0.20",
-    "open": "8.4.0",
-    "plist": "3.0.6",
-    "pngjs": "6.0.0",
+    "electron-packager": "17.1.2",
+    "electron-winstaller": "5.4.0",
+    "gh-release": "7.0.2",
+    "minimist": "1.2.8",
+    "nodemon": "2.0.22",
+    "open": "8.4.2",
+    "plist": "3.1.0",
+    "pngjs": "7.0.0",
     "run-series": "1.1.9",
     "spectron": "19.0.0",
     "standard": "17.0.0",
-    "tape": "5.6.1"
+    "tape": "5.8.1"
   },
   "engines": {
-    "node": "^16.0.0",
-    "npm": "^7.10.0 || ^8.0.0"
+    "node": "^16.0.0 || ^18.0.0",
+    "npm": "^7.10.0 || ^8.0.0 || ^9.0.0 || ^10.0.0"
   },
   "homepage": "https://webtorrent.io",
   "keywords": [
@@ -99,8 +99,8 @@
   "main": "index.js",
   "optionalDependencies": {
     "appdmg": "^0.6.0",
-    "electron-installer-debian": "^3.1.0",
-    "electron-installer-redhat": "^3.3.0"
+    "electron-installer-debian": "^3.2.0",
+    "electron-installer-redhat": "^3.4.0"
   },
   "private": true,
   "productName": "WebTorrent",

src/main/windows/main.js

@@ -91,11 +91,11 @@ function init (state, options) {
   })
 
   win.on('move', debounce(e => {
-    send('windowBoundsChanged', e.sender.getBounds())
+    send('windowBoundsChanged', main.win.getBounds())
   }, 1000))
 
   win.on('resize', debounce(e => {
-    send('windowBoundsChanged', e.sender.getBounds())
+    send('windowBoundsChanged', main.win.getBounds())
   }, 1000))
 
   win.on('close', e => {

src/renderer/webtorrent.js

@@ -6,7 +6,7 @@ const crypto = require('crypto')
 const util = require('util')
 const { ipcRenderer } = require('electron')
 const fs = require('fs')
-const mm = require('music-metadata')
+const { loadMusicMetadata } = require('music-metadata')
 const networkAddress = require('network-address')
 const path = require('path')
 const WebTorrent = require('webtorrent')
@@ -345,25 +345,23 @@ function getAudioMetadata (infoHash, index) {
       })
     }
   }
-  const onMetadata = file.done
-    // If completed; use direct file access
-    ? mm.parseFile(path.join(torrent.path, file.path), options)
-    // otherwise stream
-    : mm.parseStream(file.createReadStream(), file.name, options)
 
-  onMetadata
-    .then(
-      metadata => {
-        ipcRenderer.send('wt-audio-metadata', infoHash, index, metadata)
-        console.log(`metadata for file='${file.name}' completed.`)
-      },
-      err => {
-        console.log(
-          `error getting audio metadata for ${infoHash}:${index}`,
-          err
-        )
-      }
+  loadMusicMetadata(mm => {
+    return file.done
+      // If completed; use direct file access
+      ? mm.parseFile(path.join(torrent.path, file.path), options)
+      // otherwise stream
+      : mm.parseStream(file.createReadStream(), file.name, options)
+  }).then(metadata => {
+    ipcRenderer.send('wt-audio-metadata', infoHash, index, metadata)
+    console.log(`metadata for file='${file.name}' completed.`)
+  },
+  err => {
+    console.log(
+      `error getting audio metadata for ${infoHash}:${index}`,
+      err
     )
+  })
 }
 
 function selectFiles (torrentOrInfoHash, selections) {

static/main.css

@@ -71,7 +71,6 @@ table {
 
 .app {
   -webkit-user-select: none;
-  -webkit-app-region: drag;
   height: 100%;
   display: flex;
   flex-flow: column;
@@ -143,6 +142,7 @@ table {
  */
 
 .header {
+  -webkit-app-region: drag;
   background: rgb(40, 40, 40);
   border-bottom: 1px solid rgb(30, 30, 30);
   height: 38px; /* vertically center OS menu buttons (OS X) */