Allow autohiding the menu bar

Author: shirshak55

package-lock.json

@@ -113,6 +113,7 @@
     "@sentry/integrations": "^6.7.1",
     "electron-context-menu": "^0.15.1",
     "electron-first-run": "^3.0.0",
+    "electron-store": "^8.0.0",
     "electron-window-state": "^5.0.3",
     "os-proxy-config": "^1.1.1",
     "rimraf": "^2.7.1",

package.json

@@ -46,6 +46,7 @@ import * as semver from 'semver';
 import * as rimraf from 'rimraf';
 import * as windowStateKeeper from 'electron-window-state';
 import { getSystemProxy } from 'os-proxy-config';
+import * as ElectronStore from 'electron-store'
 
 import registerContextMenu = require('electron-context-menu');
 registerContextMenu({
@@ -56,6 +57,7 @@ import { reportStartupEvents } from './report-install-event';
 import { menu } from './menu';
 import { getDeferred, delay } from './util';
 
+const store = new ElectronStore();
 const rmRF = promisify(rimraf);
 
 const packageJson = require('../package.json');
@@ -112,6 +114,12 @@ const createWindow = () => {
 
         show: false
     });
+
+    if (store.get("autoHideMenuBar")) {
+        window.setAutoHideMenuBar(true);
+        window.setMenuBarVisibility(false);
+    }
+
     windows.push(window);
 
     windowState.manage(window);
@@ -566,4 +574,12 @@ if (!amMainInstance) {
             app.quit();
         }
     });
+}
+
+export function autoHideMenuBar(status: boolean){
+    windows.forEach((window) => {
+        window.setAutoHideMenuBar(status);
+        window.setMenuBarVisibility(!status);
+    });
+    store.set({ autoHideMenuBar: status });
 }

src/index.ts

@@ -1,4 +1,5 @@
 import { app, Menu, MenuItemConstructorOptions } from 'electron';
+import { autoHideMenuBar } from "./index"
 
 const menuTemplate: MenuItemConstructorOptions[] = [
     {
@@ -27,6 +28,9 @@ const menuTemplate: MenuItemConstructorOptions[] = [
             { role: 'reload' },
             { role: 'forceReload' },
             { role: 'toggleDevTools' },
+            { type: 'checkbox', 'label': 'Toggle Menu Bar', click(event) {
+                autoHideMenuBar(event.checked || false)
+            }}
         ]
     },
     {