✨ create a setting that makes the app initialize when the system starts

src/main/index.js

@@ -37,8 +37,9 @@ app.whenReady().then(() => {
   createWindow()
   const minToTray = localStore.get('minToTray')
   const alwaysOnTop = localStore.get('alwaysOnTop')
+  const openOnStart = localStore.get('openOnStart')
 
-  if (minToTray) {
+  if (minToTray || openOnStart) {
     createTray()
   }
 
@@ -48,6 +49,10 @@ app.whenReady().then(() => {
   // remove menu to stop the window being closed on Ctrl+W. See #121
   mainWindow.setMenu(null)
 
+  if (openOnStart) {
+    mainWindow.hide()
+  }
+
   // load shortcuts from storage
   loadGlobalShortcuts(localStore.get('globalShortcuts'))
 
@@ -119,6 +124,13 @@ ipcMain.on('reload-global-shortcuts', (event, shortcuts) => {
   loadGlobalShortcuts(shortcuts)
 })
 
+ipcMain.on('open-on-start', (event, status) => {
+  electron.app.setLoginItemSettings({
+    openAtLogin: status,
+    path: electron.app.getPath('exe')
+  })
+})
+
 function getNewWindowPosition() {
   const windowBounds = mainWindow.getBounds()
   const trayBounds = tray.getBounds()

src/renderer/components/drawer/Drawer-settings.vue

@@ -76,6 +76,14 @@
         :class="minToTrayOnClose ? 'is-active' : 'is-inactive'"
       ></div>
     </div>
+    <div class="Setting-wrapper">
+      <p class="Setting-title">Open when system starts</p>
+      <div
+        class="Checkbox"
+        @click="selectOpenOnStart"
+        :class="openOnStart ? 'is-active' : 'is-inactive'"
+      ></div>
+    </div>
 
     <p class="Drawer-heading">Global Shortcuts</p>
 
@@ -135,6 +143,10 @@ export default {
       return this.$store.getters.minToTrayOnClose
     },
 
+    openOnStart() {
+      return this.$store.getters.openOnStart
+    },
+
     notifications() {
       return this.$store.getters.notifications
     },
@@ -219,6 +231,16 @@ export default {
       this.$store.dispatch('setViewState', payload)
     },
 
+    selectOpenOnStart() {
+      const payload = {
+        key: 'openOnStart',
+        val: !this.openOnStart
+      }
+      ipcRenderer.send('open-on-start', !this.openOnStart)
+      this.$store.dispatch('setSetting', payload)
+      this.$store.dispatch('setViewState', payload)
+    },
+
     selectNotifications() {
       const payload = {
         key: 'notifications',

src/renderer/store/modules/View.js

@@ -15,6 +15,7 @@ const state = {
   breakAlwaysOnTop: localStore.get('breakAlwaysOnTop'),
   minToTray: localStore.get('minToTray'),
   minToTrayOnClose: localStore.get('minToTrayOnClose'),
+  openOnStart: localStore.get('openOnStart'),
   notifications: localStore.get('notifications'),
   os: process.platform,
   theme: localStore.get('theme') || 'Pomotroid'
@@ -53,6 +54,10 @@ const getters = {
     return state.minToTrayOnClose
   },
 
+  openOnStart() {
+    return state.openOnStart
+  },
+
   notifications() {
     return state.notifications
   },

src/renderer/utils/LocalStore.js

@@ -18,6 +18,7 @@ function generateSettings() {
     autoStartBreakTimer: true,
     minToTray: false,
     minToTrayOnClose: false,
+    openOnStart: false,
     notifications: true,
     workRounds: 4,
     theme: null,