Merge pull request #522 from ubilabs/feat/electron-cosmetics

Feat/electron cosmetics

electron-builder.json

@@ -1,8 +1,10 @@
 {
   "directories": {
-    "output": "dist-electron"
+    "output": "dist-electron",
+    "buildResources": "electron-resources"
   },
   "appId": "com.ubilabs.esa.cfs",
+  "productName": "ESA – Climate from Space",
   "files": ["./dist-src-electron/*", "./dist/**/*"],
   "win": {
     "target": "portable"

package.json

@@ -45,6 +45,7 @@
     "@types/redux-logger": "^3.0.7",
     "cesium": "^1.66.0",
     "cross-zip": "^3.0.0",
+    "electron-is-dev": "^1.2.0",
     "framer-motion": "^1.8.4",
     "lodash.debounce": "^4.0.8",
     "lodash.intersection": "^4.4.0",
@@ -75,7 +76,7 @@
     "conventional-changelog-cli": "^2.0.31",
     "copy-webpack-plugin": "^5.1.1",
     "css-loader": "^3.4.2",
-    "electron": "^9.1.1",
+    "electron": "^10.0.0",
     "electron-builder": "^22.7.0",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.10.0",

src/electron/main.ts

@@ -1,5 +1,6 @@
 import * as path from 'path';
 import {app, BrowserWindow} from 'electron';
+const isDev = require('electron-is-dev');
 import {addDownloadHandler} from './download-handler.js';
 
 // future proof for electron 9 and prevent annoying deprecation warning message
@@ -12,10 +13,12 @@ function createWindow() {
   const window = new BrowserWindow({
     width: 1400,
     height: 800,
+    title: 'ESA – Climate from Space',
     webPreferences: {
       nodeIntegration: false,
       contextIsolation: true,
-      preload: path.join(__dirname, 'preload.js')
+      preload: path.join(__dirname, 'preload.js'),
+      enableRemoteModule: true
     }
   });
 
@@ -31,7 +34,9 @@ function createWindow() {
   const indexPath = `file://${__dirname}/../dist/index.html`;
   window.loadURL(indexPath);
 
-  window.webContents.openDevTools();
+  if (isDev) {
+    window.webContents.openDevTools();
+  }
 
   // free window reference when closed
   window.on('closed', () => {