chore: stabilize app with hybrid ESM/CJS setup and direct node module access

Author: cold-logic

app/browser/index.html

@@ -5,22 +5,23 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta http-equiv="Content-Security-Policy"
     content="script-src
-    'sha256-RInT6N5e+S6307779U8X8u2mI6rFvWf90='
+    'self'
+    'sha256-Sofy9JCsccNlWq+ge2rU8DdPtdGQu/JHNBPq7buagak='
     'nonce-a1b2c3d4'"
   />
   <title>Heos Controller</title>
   <script type="importmap" nonce="a1b2c3d4">
   {
     "imports": {
-      "jquery": "../../node_modules/jquery/dist-module/jquery.module.js",
-      "bootstrap": "../../node_modules/bootstrap/dist/js/bootstrap.esm.js",
-      "@popperjs/core": "../../node_modules/@popperjs/core/dist/umd/popper.min.js",
-      "jquery-knob": "../../node_modules/jquery-knob/dist/jquery.knob.min.js"
+      "jquery": "../node_modules/jquery/dist-module/jquery.module.js",
+      "bootstrap": "../node_modules/bootstrap/dist/js/bootstrap.esm.js",
+      "@popperjs/core": "../node_modules/@popperjs/core/dist/esm/popper.js",
+      "jquery-knob": "../node_modules/jquery-knob/dist/jquery.knob.min.js"
     }
   }
   </script>
-  <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
-  <link rel="stylesheet" href="../../node_modules/bootstrap-icons/font/bootstrap-icons.css">
+  <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+  <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
   <link rel="stylesheet" href="index.css">
   <!-- Fix for https://bugs.chromium.org/p/chromium/issues/detail?id=641509 -->
   <style> ::selection { background: white; /* WebKit/Blink Browsers */ } </style>

app/index.js

@@ -74,8 +74,8 @@ app.on("ready", function() {
     height: 413,
     show: false,
     webPreferences: {
-      contextIsolation: true,
-      nodeIntegration: false,
+      contextIsolation: false,
+      nodeIntegration: true,
       sandbox: false,
       preload: path.join(__dirname, 'preload.cjs')
     }

app/package.json

@@ -5,12 +5,13 @@
   "main": "index.js",
   "private": true,
   "license": "ISC",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "author": "Christopher Davison",
   "description": "Controller for Denon Heos speakers",
   "dependencies": {
     "bootstrap": "^5.3.8",
     "bootstrap-icons": "^1.11.3",
+    "@popperjs/core": "^2.11.8",
     "electron-log": "^5.4.3",
     "electron-updater": "^6.8.3",
     "jquery": "^4.0.0",

app/preload.cjs

@@ -1,17 +1,9 @@
-const { contextBridge } = require('electron');
 const dgram = require('dgram');
 const net = require('net');
 const os = require('os');
 
-contextBridge.exposeInMainWorld('nodeAPI', {
-  dgram: {
-    createSocket: dgram.createSocket
-  },
-  net: {
-    createConnection: net.createConnection
-  },
-  os: {
-    platform: os.platform,
-    networkInterfaces: os.networkInterfaces
-  }
-});
+window.nodeAPI = {
+  dgram: dgram,
+  net: net,
+  os: os
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "heos-controller",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Controller for Denon Heos speakers",
   "repository": "https://github.com/cold-logic/heos-controller",
   "main": "app/index.js",