2018-01-26 19:53:51 +00:00
|
|
|
import { BrowserWindow, Menu, shell } from 'electron';
|
|
|
|
import { URL } from 'url';
|
|
|
|
import MENU from './menu';
|
|
|
|
import updater from './updater';
|
2018-02-07 04:28:28 +00:00
|
|
|
import { APP_TITLE } from '../constants';
|
2018-01-26 19:53:51 +00:00
|
|
|
const isDevelopment = process.env.NODE_ENV !== 'production';
|
|
|
|
|
|
|
|
// Cached reference, preventing recreations
|
2018-03-07 23:36:05 +00:00
|
|
|
let window: BrowserWindow | null;
|
2018-01-26 19:53:51 +00:00
|
|
|
|
|
|
|
// Construct new BrowserWindow
|
|
|
|
export default function getWindow() {
|
|
|
|
if (window) {
|
|
|
|
return window;
|
|
|
|
}
|
|
|
|
|
|
|
|
window = new BrowserWindow({
|
2018-02-07 04:28:28 +00:00
|
|
|
title: APP_TITLE,
|
2018-01-26 19:53:51 +00:00
|
|
|
backgroundColor: '#fbfbfb',
|
|
|
|
width: 1220,
|
|
|
|
height: 800,
|
|
|
|
minWidth: 320,
|
|
|
|
minHeight: 400,
|
|
|
|
// TODO - Implement styles for custom title bar in components/ui/TitleBar.scss
|
|
|
|
// frame: false,
|
|
|
|
// titleBarStyle: 'hidden',
|
|
|
|
webPreferences: {
|
|
|
|
devTools: true,
|
|
|
|
nodeIntegration: false,
|
|
|
|
contextIsolation: true
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
const port = process.env.HTTPS ? '3443' : '3000';
|
|
|
|
const appUrl = isDevelopment ? `http://localhost:${port}` : `file://${__dirname}/index.html`;
|
|
|
|
window.loadURL(appUrl);
|
|
|
|
|
|
|
|
window.on('closed', () => {
|
|
|
|
window = null;
|
|
|
|
});
|
|
|
|
|
2018-03-07 23:36:05 +00:00
|
|
|
window.webContents.on('new-window', (ev: any, urlStr: string) => {
|
2018-01-26 19:53:51 +00:00
|
|
|
// Kill all new window requests by default
|
|
|
|
ev.preventDefault();
|
|
|
|
|
|
|
|
// Only allow HTTPS urls to actually be opened
|
|
|
|
const url = new URL(urlStr);
|
|
|
|
if (url.protocol === 'https:') {
|
|
|
|
shell.openExternal(urlStr);
|
|
|
|
} else {
|
|
|
|
console.warn(`Blocked request to open new window '${urlStr}', only HTTPS links are allowed`);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
window.webContents.on('did-finish-load', () => {
|
2018-03-07 23:36:05 +00:00
|
|
|
updater(window!);
|
2018-01-26 19:53:51 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
window.webContents.on('devtools-opened', () => {
|
2018-03-07 23:36:05 +00:00
|
|
|
window!.focus();
|
2018-01-26 19:53:51 +00:00
|
|
|
setImmediate(() => {
|
2018-03-07 23:36:05 +00:00
|
|
|
window!.focus();
|
2018-01-26 19:53:51 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
if (isDevelopment) {
|
|
|
|
window.webContents.on('did-fail-load', () => {
|
|
|
|
setTimeout(() => {
|
|
|
|
if (window && window.webContents) {
|
|
|
|
window.webContents.reload();
|
|
|
|
}
|
|
|
|
}, 500);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
Menu.setApplicationMenu(Menu.buildFromTemplate(MENU));
|
|
|
|
|
|
|
|
return window;
|
|
|
|
}
|