ref/ replace electron.remote (deprecated) by @electron/remote

Author: maximegris

main.ts

@@ -2,6 +2,9 @@ import { app, BrowserWindow, screen } from 'electron';
 import * as path from 'path';
 import * as url from 'url';
 
+// Initialize remote module
+require('@electron/remote/main').initialize();
+
 let win: BrowserWindow = null;
 const args = process.argv.slice(1),
   serve = args.some(val => val === '--serve');

package-lock.json

@@ -40,7 +40,9 @@
     "version": "conventional-changelog -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md",
     "lint": "ng lint"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@electron/remote": "1.0.4"
+  },
   "devDependencies": {
     "@angular-builders/custom-webpack": "11.0.0",
     "@angular-devkit/build-angular": "0.1102.0",

package.json

@@ -2,7 +2,8 @@ import { Injectable } from '@angular/core';
 
 // If you import a module but never use any of the imported values other than as TypeScript types,
 // the resulting javascript file will look as if you never imported the module at all.
-import { ipcRenderer, webFrame, remote } from 'electron';
+import { ipcRenderer, webFrame } from 'electron';
+import * as remote from '@electron/remote';
 import * as childProcess from 'child_process';
 import * as fs from 'fs';
 
@@ -26,8 +27,9 @@ export class ElectronService {
       this.ipcRenderer = window.require('electron').ipcRenderer;
       this.webFrame = window.require('electron').webFrame;
 
-      // If you wan to use remote object, pleanse set enableRemoteModule to true in main.ts
-      // this.remote = window.require('electron').remote;
+      // If you want to use remote object in renderer process, please set enableRemoteModule to true in main.ts
+      // this.remote = window.require('@electron/remote');
+      // console.log('remote - globalShortcut', this.remote.globalShortcut);
 
       this.childProcess = window.require('child_process');
       this.fs = window.require('fs');