Electron added

src-electron/main-process/electron-main.dev.js

@@ -0,0 +1,41 @@
+/**
+ * This file is used specifically and only for development. It installs
+ * `electron-debug` & `vue-devtools`. There shouldn't be any need to
+ *  modify this file, but it can be used to extend your development
+ *  environment.
+ */
+
+import electronDebug from 'electron-debug'
+import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
+import { app, BrowserWindow } from 'electron'
+
+app.whenReady().then(() => {
+  // allow for a small delay for mainWindow to be created
+  setTimeout(() => {
+    // Install `electron-debug` with `devtron`
+    electronDebug({ showDevTools: false })
+
+    // Install vuejs devtools
+    installExtension(VUEJS_DEVTOOLS)
+      .then(name => {
+        console.log(`Added Extension: ${name}`)
+        // get main window
+        const win = BrowserWindow.getFocusedWindow()
+        if (win) {
+          win.webContents.on('did-frame-finish-load', () => {
+            win.webContents.once('devtools-opened', () => {
+              win.webContents.focus()
+            })
+            // open electron debug
+            console.log('Opening dev tools')
+            win.webContents.openDevTools()
+          })
+        }
+      })
+      .catch(err => {
+        console.log('An error occurred: ', err)
+      })
+  }, 250)
+})
+
+import './electron-main'

src-electron/main-process/electron-main.js

@@ -0,0 +1,57 @@
+import { app, BrowserWindow, nativeTheme } from 'electron'
+
+try {
+  if (process.platform === 'win32' && nativeTheme.shouldUseDarkColors === true) {
+    require('fs').unlinkSync(require('path').join(app.getPath('userData'), 'DevTools Extensions'))
+  }
+} catch (_) { }
+
+/**
+ * Set `__statics` path to static files in production;
+ * The reason we are setting it here is that the path needs to be evaluated at runtime
+ */
+if (process.env.PROD) {
+  global.__statics = __dirname
+}
+
+let mainWindow
+
+function createWindow () {
+  /**
+   * Initial window options
+   */
+  mainWindow = new BrowserWindow({
+    width: 1000,
+    height: 600,
+    useContentSize: true,
+    webPreferences: {
+      // Change from /quasar.conf.js > electron > nodeIntegration;
+      // More info: https://quasar.dev/quasar-cli/developing-electron-apps/node-integration
+      nodeIntegration: process.env.QUASAR_NODE_INTEGRATION,
+      nodeIntegrationInWorker: process.env.QUASAR_NODE_INTEGRATION,
+
+      // More info: /quasar-cli/developing-electron-apps/electron-preload-script
+      // preload: path.resolve(__dirname, 'electron-preload.js')
+    }
+  })
+
+  mainWindow.loadURL(process.env.APP_URL)
+
+  mainWindow.on('closed', () => {
+    mainWindow = null
+  })
+}
+
+app.on('ready', createWindow)
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+app.on('activate', () => {
+  if (mainWindow === null) {
+    createWindow()
+  }
+})