Fix: Open Developer Tools (#104)

electron "remote" module API is deprecated, thus causing the error when trying to open the developer tools. This PR uses the recommended approach by sending an ipc message to the main process and let it open the devtools
Bible-Translation-Tools · Dec 7, 2022 · 0b38fc7 · 0b38fc7
1 parent 20ba929
commit 0b38fc7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/js/academybootstrap.js b/src/js/academybootstrap.js
@@ -105,7 +105,7 @@ process.stdout.write = console.log.bind(console);
         },
 
         showDevTools: function () {
-            require('electron').remote.getCurrentWindow().toggleDevTools();
+            this.ipc.send('show-devtools');
         },
 
         utils: utils,

diff --git a/src/js/bootstrap.js b/src/js/bootstrap.js
@@ -204,7 +204,7 @@ process.stdout.write = console.log.bind(console);
         },
 
         showDevTools: function () {
-            require('electron').remote.getCurrentWindow().toggleDevTools();
+            this.ipc.send('show-devtools');
         },
 
         utils: utils,

diff --git a/src/js/main.js b/src/js/main.js
@@ -324,6 +324,10 @@ ipcMain.on('theme-loaded', (event, theme) => {
     nativeTheme.themeSource = theme.toLowerCase();
 });
 
+ipcMain.on('show-devtools', () => {
+    BrowserWindow.getFocusedWindow().webContents.openDevTools();
+});
+
 app.on('ready', function () {
     createAppMenus();
     createMainSplash();