From 3e97e9307cf0991adc5584a603c292b03bc6202d Mon Sep 17 00:00:00 2001
From: TC <th-ch@users.noreply.github.com>
Date: Sun, 18 Oct 2020 17:02:12 +0200
Subject: [PATCH] Option to toggle devtools

---
 index.js |  2 +-
 menu.js  | 19 ++++++++++++++++---
 tray.js  |  2 +-
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index 4f73a882..27a577dd 100644
--- a/index.js
+++ b/index.js
@@ -168,8 +168,8 @@ app.on("activate", () => {
 });
 
 app.on("ready", () => {
-	setApplicationMenu();
 	mainWindow = createMainWindow();
+	setApplicationMenu(mainWindow);
 	setUpTray(app, mainWindow);
 
 	// Autostart at login
diff --git a/menu.js b/menu.js
index e18b9bd0..b495dde1 100644
--- a/menu.js
+++ b/menu.js
@@ -13,7 +13,7 @@ const {
 	startAtLogin,
 } = require("./store");
 
-const mainMenuTemplate = [
+const mainMenuTemplate = (win) => [
 	{
 		label: "Plugins",
 		submenu: getAllPlugins().map((plugin) => {
@@ -79,13 +79,26 @@ const mainMenuTemplate = [
 					},
 				],
 			},
+			{
+				label: "Toggle DevTools",
+				// Cannot use "toggleDevTools" role in MacOS
+				click: () => {
+					const { webContents } = win;
+					if (webContents.isDevToolsOpened()) {
+						webContents.closeDevTools();
+					} else {
+						const devToolsOptions = {};
+						webContents.openDevTools(devToolsOptions);
+					}
+				},
+			},
 		],
 	},
 ];
 
 module.exports.mainMenuTemplate = mainMenuTemplate;
-module.exports.setApplicationMenu = () => {
-	const menuTemplate = [...mainMenuTemplate];
+module.exports.setApplicationMenu = (win) => {
+	const menuTemplate = [...mainMenuTemplate(win)];
 	if (process.platform === "darwin") {
 		const name = app.name;
 		menuTemplate.unshift({
diff --git a/tray.js b/tray.js
index dd79355c..e3ae9bb3 100644
--- a/tray.js
+++ b/tray.js
@@ -61,7 +61,7 @@ module.exports.setUpTray = (app, win) => {
 				win.show();
 			},
 		},
-		...mainMenuTemplate,
+		...mainMenuTemplate(win),
 		{
 			label: "Quit",
 			click: () => {