Add settings options and overlay buttons (#10)

* Add force refresh button, settings button on overlay, overlay sizes and setting for refresh interval

main.js

@@ -1,10 +1,25 @@
 // Vendor
-const {app, BrowserWindow} = require('electron');
+const {app, BrowserWindow, ipcMain} = require('electron');
 const settings = require('electron-settings');
 
 // Constants
 const DEVTOOL_OPTIONS = {mode: 'detach'};
 
+const OVERLAY_SIZE = {
+  large: {
+    height: 70,
+    width: 460
+  },
+  medium: {
+    height: 60,
+    width: 400
+  },
+  small: {
+    height: 50,
+    width: 350
+  }
+};
+
 let overlayWindow;
 let settingsWindow;
 let debug = process.argv[2] === 'debug';
@@ -19,9 +34,15 @@ function createOverlayWindow() {
     resizable: false,
     webPreferences: {
       nodeIntegration: true
-    }
+    },
   };
 
+  if (settings.has('overlay.size')) {
+    const {height, width} = OVERLAY_SIZE[settings.get('overlay.size')];
+    windowOptions.height = height;
+    windowOptions.width = width;
+  }
+
   if (settings.has('position')) {
     windowOptions.x = settings.get('position.x');
     windowOptions.y = settings.get('position.y');
@@ -60,7 +81,10 @@ function createSettingsWindow() {
 
   settingsWindow.setMenu(null);
 
-  settingsWindow.on('closed', () => overlayWindow.send('forceChaosRecipeRefresh'));
+  settingsWindow.on('closed', () => {
+    overlayWindow.send('forceChaosRecipeRefresh')
+    settingsWindow = null;
+  });
 
   if (debug) settingsWindow.webContents.openDevTools(DEVTOOL_OPTIONS);
 }
@@ -71,3 +95,15 @@ app.on('ready', () => {
 });
 
 app.on('window-all-closed', () => app.quit());
+
+ipcMain.on('overlay-size-changed', () => {
+  const {height, width} = OVERLAY_SIZE[settings.get('overlay.size')];
+  overlayWindow.setBounds({width, height});
+});
+
+ipcMain.on('open-options', () => {
+  if (!settingsWindow) {
+    createSettingsWindow();
+    settingsWindow.show();
+  }
+});