chore: upgrade Electron

Author: beheh

main.js

@@ -3,6 +3,7 @@
 const electron = require("electron");
 const app = electron.app; // Module to control application life.
 const BrowserWindow = electron.BrowserWindow; // Module to create native browser window.
+require("@electron/remote/main").initialize(); // Enable @electron/remote support
 
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
@@ -21,10 +22,20 @@ app.on("window-all-closed", function() {
 // initialization and is ready to create browser windows.
 app.on("ready", function() {
 	// Create the browser window.
-	mainWindow = new BrowserWindow({ width: 800, height: 600, title: "Joust" });
+	mainWindow = new BrowserWindow({
+		width: 800,
+		height: 600,
+		title: "Joust",
+		webPreferences: {
+			nodeIntegration: true,
+			contextIsolation: false,
+		},
+	});
+
+	require("@electron/remote/main").enable(mainWindow.webContents);
 
 	// and load the electron.html of the app.
-	mainWindow.loadURL("file://" + __dirname + "/dist/debug.html");
+	mainWindow.loadURL("file://" + __dirname + "/dist/debug.html?");
 
 	// Open the DevTools.
 	mainWindow.webContents.openDevTools();

package.json

@@ -28,6 +28,7 @@
 		"format:prettier": "prettier --write \"*.{js,json}\" \"ts/**/*.{ts,tsx,js}\""
 	},
 	"dependencies": {
+		"@electron/remote": "^2",
 		"@types/cookiejs": "^1.0.30",
 		"@types/jasmine": "^2.5.46",
 		"@types/lodash": "^4.14.58",
@@ -43,7 +44,7 @@
 		"bowser": "^1.6.0",
 		"cookie_js": "^1.2.2",
 		"cssnano": "^3.10.0",
-		"electron": "^1.7.11",
+		"electron": "^14",
 		"filereader-stream": "^1.0.0",
 		"git-describe": "^4.0.1",
 		"gulp": "^3.9.1",

ts/debug.tsx

@@ -1,11 +1,9 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import * as electron from "electron";
+import { process } from "@electron/remote";
 import DebugApplication from "./components/DebugApplication";
 export * from "./run";
 
-const { process } = electron.remote;
-
 export function renderApplication(target: string) {
 	// electron argv follows bash/c++ ones [electronpath, arg1 ("." in our case), <optionalreplayname>]
 	const replayName = process.argv.length > 2 ? process.argv[2] : null;