refactor(electron): major ui refactor into modules

electron/main/app-lifecycle.js

@@ -0,0 +1,78 @@
+const { app, BrowserWindow, ipcMain, nativeTheme } = require('electron');
+const path = require('path');
+
+// Handle creating/removing shortcuts on Windows when installing/uninstalling.
+if (require('electron-squirrel-startup')) {
+  app.quit();
+}
+
+let mainWindow;
+
+const createWindow = () => {
+  // Create the browser window.
+  mainWindow = new BrowserWindow({
+    width: 1200,
+    height: 800,
+    minWidth: 900,
+    minHeight: 600,
+    icon: path.join(__dirname, '..', 'toolkitIcon.png'),
+    webPreferences: {
+      nodeIntegration: true,
+      contextIsolation: false,
+      enableRemoteModule: true,
+    },
+  });
+
+  // and load the index.html of the app.
+  mainWindow.loadFile(path.join(__dirname, '..', 'index.html'));
+
+  // Open the DevTools for debugging
+  // mainWindow.webContents.openDevTools();
+
+  nativeTheme.on('updated', () => {
+    if (mainWindow) {
+      mainWindow.webContents.send('theme-updated', { shouldUseDarkColors: nativeTheme.shouldUseDarkColors });
+    }
+  });
+};
+
+const setupAppEventHandlers = () => {
+  // This method will be called when Electron has finished
+  // initialization and is ready to create browser windows.
+  // Some APIs can only be used after this event occurs.
+  app.on('ready', createWindow);
+
+  // Quit when all windows are closed, except on macOS. There, it's common
+  // for applications and their menu bar to stay active until the user quits
+  // explicitly with Cmd + Q.
+  app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin') {
+      app.quit();
+    }
+  });
+
+  app.on('activate', () => {
+    // On OS X it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) {
+      createWindow();
+    }
+  });
+};
+
+const setupThemeHandlers = () => {
+  ipcMain.handle('get-dark-mode', () => {
+    return nativeTheme.shouldUseDarkColors;
+  });
+};
+
+const getMainWindow = () => {
+  return mainWindow;
+};
+
+module.exports = {
+  setupAppEventHandlers,
+  setupThemeHandlers,
+  getMainWindow,
+  createWindow
+};