chore(deps): Upgrade to Electron v27 (#2388)

package.json

@@ -64,10 +64,10 @@
     "@babel/plugin-transform-react-jsx": "7.23.4",
     "cross-zip": "4.0.0",
     "depcheck": "1.4.7",
-    "electron": "15.5.7",
+    "electron": "27.0.2",
     "electron-notarize": "1.2.2",
     "electron-osx-sign": "0.6.0",
-    "electron-packager": "15.5.2",
+    "electron-packager": "17.1.2",
     "electron-winstaller": "5.2.2",
     "gh-release": "7.0.2",
     "minimist": "1.2.8",
@@ -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 => {

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) */