Feature/issue#41 auto launch

main.js

@@ -1,7 +1,7 @@
 const path = require('path')
 const { Monitor, CHANGED_TYPES } = require('./monitor')
-const { app, Menu, Notification, Tray, nativeImage, BrowserWindow } = require('electron')
-const { isDev } = require('./tool')
+const { app, Menu, Notification, Tray, nativeImage, BrowserWindow, ipcMain } = require('electron')
+const { isDev, getIpcStoreKey } = require('./tool')
 const { store, STORE_KEY } = require('./store')
 const logger = require('electron-log')
 
@@ -166,12 +166,21 @@ function initMenuBar () {
   menuTray.setContextMenu(Menu.buildFromTemplate(cachedMenus))
 }
 
+function initListeners () {
+  ipcMain.on(getIpcStoreKey(STORE_KEY.autoLaunch), (event, value) => {
+    app.setLoginItemSettings({
+      openAtLogin: value
+    })
+  })
+}
+
 // This method will be called when Electron has done everything
 // initialization and ready for creating menu bar.
 app.whenReady()
   .then(() => {
     logger.info('It\'s time to initialize')
   })
+  .then(initListeners)
   .then(initMenuBar)
   .then(() => {
     logger.info('initialized')

preference.html

@@ -12,6 +12,10 @@
     <input type="range" id="silent-time" name="silent-time" value="1" min="1" max="6" step="1" oninput="this.nextElementSibling.value = `${this.value}h`">
     <output>1h</output>
   </div>
+  <div>
+    <label for="auto-launch">Run on system startup</label>
+    <input type="checkbox" id="auto-launch" name="auto-launch">
+  </div>
 
   <script type="text/javascript" src="renderer.js"></script>
 

preload.js

@@ -1,11 +1,15 @@
-const { contextBridge } = require('electron')
+const { contextBridge, ipcRenderer } = require('electron')
 const { store, STORE_KEY } = require('./store')
+const { getIpcStoreKey } = require('./tool')
 
 // Expose protected methods off of window (ie.
 // window.api.sendToA) in order to use ipcRenderer
 // without exposing the entire object
 contextBridge.exposeInMainWorld('api', {
   STORE_KEY,
   getStore: (key, defaultValue) => store.get(key, defaultValue),
-  setStore: (key, value) => store.set(key, value)
+  setStore: (key, value) => {
+    store.set(key, value)
+    ipcRenderer.send(getIpcStoreKey(key), value)
+  }
 })

renderer.js

@@ -6,3 +6,11 @@ silentTimeRange.addEventListener('change', (event) => {
 
 silentTimeRange.value = window.api.getStore(window.api.STORE_KEY.silentTimeHr)
 silentTimeRange.nextElementSibling.value = `${silentTimeRange.value}h`
+
+const autoLaunch = document.querySelector('#auto-launch')
+
+autoLaunch.addEventListener('change', (event) => {
+  window.api.setStore(window.api.STORE_KEY.autoLaunch, event.target.checked)
+})
+
+autoLaunch.checked = window.api.getStore(window.api.STORE_KEY.autoLaunch, false)

store.js

@@ -2,7 +2,8 @@ const Store = require('electron-store')
 const store = new Store()
 
 const STORE_KEY = {
-  silentTimeHr: 'silentTimeHr'
+  silentTimeHr: 'silentTimeHr',
+  autoLaunch: 'autoLaunch'
 }
 
 module.exports = { store, STORE_KEY }

tool.js

@@ -3,6 +3,11 @@ function isDev () {
   return process.env.NODE_ENV === 'development'
 }
 
+function getIpcStoreKey (key) {
+  return `store:${key}`
+}
+
 module.exports = {
-  isDev
+  isDev,
+  getIpcStoreKey
 }