index.js

const Electron = require("electron");
const {nativeImage} = require("electron");

require("electron-debug")();
require("electron-dl")();

Electron.app.dock.hide();

const Size = {
	Arrow:   12,
	Width: 500,
	Height: 400,
};

const Shortcut = {
	Toggle: "CommandOrControl+Shift+Space",
};

let tray = null;
let browser = null;

function createTray() {
	if (tray)
		return
	let image = nativeImage.createFromPath(`${__dirname}/assets/icon.png`);
	image.setTemplateImage(true);  
	tray = new Electron.Tray(image);
	tray.on("click", (event, bounds) => {
		if (!browser)
			createBrowser();

		toggleBrowser(bounds);
	});
}

function createBrowser() {
	if (browser)
		return;

	const options = {
		show:        false,
		frame:       false,
		resizable:   false,
		transparent: true,
		width:       Size.Width,
		height:      Size.Height + Size.Arrow,
	}

	browser = new Electron.BrowserWindow(options);
	browser.on("blur", hideBrowser);
	browser.webContents.on("new-window", (event, url) => {
		event.preventDefault();
		Electron.shell.openExternal(url);
	});
	browser.loadURL(`file://${__dirname}/app/index.html`);
}

function showBrowser(bounds) {
	browser.setPosition(parseInt(bounds.x - (Size.Width / 2) + (bounds.width / 2)), bounds.y + Size.Arrow + 14);
	browser.show();

	tray.setHighlightMode("always");
}

function hideBrowser() {
	browser.hide();

	tray.setHighlightMode("never");

	Electron.Menu.sendActionToFirstResponder("hide:");
}

function toggleBrowser(bounds) {
	if (!browser)
		createBrowser();

	if (browser.isVisible())
		hideBrowser();
	else
		showBrowser(bounds || tray.getBounds());
}

Electron.ipcMain.on("hide-browser", (event, data) => {
	if (data)
		hideBrowser();
});

Electron.app.on("ready", event => {
	Electron.Menu.setApplicationMenu(Electron.Menu.buildFromTemplate([
		{
			label: Electron.app.getName(),
			submenu: [
				{
					role: "about",
				},
				{
					type: "separator",
				},
				{
					role: "services",
					submenu: []
				},
				{
					type: "separator",
				},
				{
					role: "quit",
				},
			],
		},
		{
			label: "Edit",
			submenu: [
				{
					role: "undo",
				},
				{
					role: "redo",
				},
				{
					type: "separator",
				},
				{
					role: "copy",
				},
				{
					role: "cut",
				},
				{
					role: "paste",
				},
				{
					role: "pasteandmatchstyle",
				},
				{
					role: "delete",
				},
				{
					role: "selectall",
				},
			],
		},
		{
			role: "help",
			submenu: [
				{
					label: `${Electron.app.getName()} Website`,
					click() {
						Electron.shell.openExternal(`https://github.com/dcrousso/${Electron.app.getName()}#readme`);
					},
				},
				{
					label: "Report an Issue...",
					click() {
						const body = `\n\n${Electron.app.getName()} ${Electron.app.getVersion()}\n${process.platform} ${process.arch} ${os.release()}`;
						Electron.shell.openExternal(`https://github.com/dcrousso/${Electron.app.getName()}/issues/new?body=${encodeURIComponent(body)}`);
					},
				},
			],
		},
	]));

	createTray();

	Electron.globalShortcut.register(Shortcut.Toggle, () => {
		toggleBrowser();
	});
});

Electron.app.on("will-quit", event => {
	Electron.globalShortcut.unregister(Shortcut.Toggle);
});