Electron

.gitignore

@@ -8,3 +8,7 @@ Thumbs.db
 compiled/*
 dist/*
 .cache
+app/package.json
+app/package-lock.json
+app/node_modules/*
+secrets

app/index.js

@@ -0,0 +1,42 @@
+const electron = require('electron')
+const path = require('path')
+require('./menu')
+
+const { app, BrowserWindow } = electron
+const isDevelopment = process.env.NODE_ENV !== 'production'
+
+// global reference to mainWindow (necessary to prevent window from being garbage collected)
+let mainWindow
+
+function createMainWindow() {
+  const window = new BrowserWindow({
+    webPreferences: { nodeIntegration: true }
+  })
+
+  window.loadFile(path.join(__dirname, '../compiled/index.html'))
+
+  window.on('closed', () => {
+    mainWindow = null
+  })
+  return window
+}
+
+// quit application when all windows are closed
+app.on('window-all-closed', () => {
+  // on macOS it is common for applications to stay open until the user explicitly quits
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+app.on('activate', () => {
+  // on macOS it is common to re-create a window even after all windows have been closed
+  if (mainWindow === null) {
+    mainWindow = createMainWindow()
+  }
+})
+
+// create main BrowserWindow when electron is ready
+app.on('ready', () => {
+  mainWindow = createMainWindow()
+})

app/menu.js

@@ -0,0 +1,110 @@
+const { app, Menu } = require('electron')
+const { checkForUpdates } = require('./updater')
+
+const isMac = process.platform === 'darwin'
+const isLinux = process.platform === 'linux'
+
+const template = [
+  // { role: 'appMenu' }
+  ...(isMac
+    ? [
+        {
+          label: app.name,
+          submenu: [
+            { role: 'about' },
+            { type: 'separator' },
+            { role: 'services' },
+            { type: 'separator' },
+            { role: 'hide' },
+            { role: 'hideothers' },
+            { role: 'unhide' },
+            { type: 'separator' },
+            { role: 'quit' }
+          ]
+        }
+      ]
+    : []),
+  // { role: 'fileMenu' }
+  {
+    label: 'File',
+    submenu: [isMac ? { role: 'close' } : { role: 'quit' }]
+  },
+  // { role: 'editMenu' }
+  {
+    label: 'Edit',
+    submenu: [
+      { role: 'undo' },
+      { role: 'redo' },
+      { type: 'separator' },
+      { role: 'cut' },
+      { role: 'copy' },
+      { role: 'paste' },
+      ...(isMac
+        ? [
+            { role: 'pasteAndMatchStyle' },
+            { role: 'delete' },
+            { role: 'selectAll' },
+            { type: 'separator' },
+            {
+              label: 'Speech',
+              submenu: [{ role: 'startspeaking' }, { role: 'stopspeaking' }]
+            }
+          ]
+        : [{ role: 'delete' }, { type: 'separator' }, { role: 'selectAll' }])
+    ]
+  },
+  // { role: 'viewMenu' }
+  {
+    label: 'View',
+    submenu: [
+      { role: 'reload' },
+      { role: 'forcereload' },
+      { role: 'toggledevtools' },
+      { type: 'separator' },
+      { role: 'resetzoom' },
+      { role: 'zoomin' },
+      { role: 'zoomout' },
+      { type: 'separator' },
+      { role: 'togglefullscreen' }
+    ]
+  },
+  // { role: 'windowMenu' }
+  {
+    label: 'Window',
+    submenu: [
+      { role: 'minimize' },
+      { role: 'zoom' },
+      ...(isMac
+        ? [
+            { type: 'separator' },
+            { role: 'front' },
+            { type: 'separator' },
+            { role: 'window' }
+          ]
+        : [{ role: 'close' }])
+    ]
+  },
+  {
+    role: 'help',
+    submenu: [
+      ...(isLinux
+        ? []
+        : [
+            {
+              label: 'Check For Updates',
+              click: checkForUpdates
+            }
+          ]),
+      {
+        label: 'Learn More',
+        click: async () => {
+          const { shell } = require('electron')
+          await shell.openExternal('https://boostnote.io')
+        }
+      }
+    ]
+  }
+]
+
+const menu = Menu.buildFromTemplate(template)
+Menu.setApplicationMenu(menu)

app/updater.js

@@ -0,0 +1,110 @@
+const { dialog, Notification } = require('electron')
+const { autoUpdater } = require('electron-updater')
+const logger = require('electron-log')
+
+autoUpdater.logger = logger
+autoUpdater.logger.transports.file.level = 'info'
+
+let updater
+autoUpdater.autoDownload = false
+
+let updating = false
+let foundUpdates = false
+
+autoUpdater.on('error', error => {
+  dialog.showErrorBox(
+    'Error: ',
+    error == null ? 'unknown' : (error.stack || error).toString()
+  )
+})
+
+autoUpdater.on('update-available', () => {
+  foundUpdates = true
+  if (updater == null) {
+    const notification = new Notification({
+      title: 'Found Updates!',
+      body: 'Click here to update'
+    })
+    notification.addListener('click', () => {
+      dialog
+        .showMessageBox({
+          type: 'info',
+          title: 'Found Updates',
+          message: 'Found updates, do you want update now?',
+          buttons: ['Sure', 'No']
+        })
+        .then(({ response }) => {
+          if (response === 0) {
+            autoUpdater.downloadUpdate()
+          }
+        })
+    })
+    notification.show()
+  } else {
+    dialog
+      .showMessageBox({
+        type: 'info',
+        title: 'Found Updates',
+        message: 'Found updates, do you want update now?',
+        buttons: ['Sure', 'No']
+      })
+      .then(({ response }) => {
+        if (response === 0) {
+          autoUpdater.downloadUpdate()
+        } else {
+          updater.enabled = true
+          updater = null
+        }
+      })
+  }
+})
+
+autoUpdater.on('update-not-available', () => {
+  if (updater != null) {
+    dialog.showMessageBox({
+      title: 'No Updates',
+      message: 'Current version is up-to-date.'
+    })
+    updater.enabled = true
+    updater = null
+  }
+})
+
+autoUpdater.on('update-downloaded', () => {
+  dialog
+    .showMessageBox({
+      title: 'Updates downloaded',
+      message: 'To install the update, the app must be restarted.',
+      buttons: ['Restart and Install', 'Not Yet']
+    })
+    .then(({ response }) => {
+      if (response === 0) {
+        setImmediate(() => autoUpdater.quitAndInstall())
+      } else {
+        if (updater != null) {
+          updater.enabled = true
+          updater = null
+        }
+      }
+    })
+})
+
+function checkForUpdates(menuItem, focusedWindow, event) {
+  updater = menuItem
+  updater.enabled = false
+  autoUpdater.checkForUpdates()
+}
+
+setTimeout(() => {
+  if (updater == null) {
+    autoUpdater.checkForUpdates()
+  }
+}, 10 * 1000) // After 10 secs
+
+setInterval(() => {
+  if (!foundUpdates && updater == null) {
+    autoUpdater.checkForUpdates()
+  }
+}, 24 * 3600 * 1000) // Everyday
+
+module.exports.checkForUpdates = checkForUpdates

index.html

@@ -1,13 +1,12 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>Page Title</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-</head>
-<body>
-  <div id='root'></div>
-  <script src='/bundle.js'></script>
-</body>
-</html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Page Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>