vue-cli-plugin-electron-haunv 1.0.0

package/generator/index.js

@@ -0,0 +1,46 @@
+module.exports = api => {
+
+    api.extendPackage({
+
+        main: "electron/main.js",
+
+        scripts: {
+
+            "electron:dev": "node electron/dev-runner.js",
+
+            "electron:build":
+                "npm run build && electron-builder"
+
+        },
+
+        build: {
+
+            appId: "com.vue.electron.app",
+
+            productName: "VueElectronApp",
+
+            directories: {
+                output: "dist_electron"
+            },
+
+            files: [
+                "dist/**/*",
+                "electron/**/*"
+            ],
+
+            asar: true,
+
+            win: {
+                target: [
+                    "nsis",
+                    "portable"
+                ]
+            }
+
+        }
+
+    })
+
+    api.render("./template")
+
+}

package/generator/template/electron/dev-runner.js

@@ -0,0 +1,56 @@
+const { spawn } = require("child_process")
+const waitOn = require("wait-on")
+const getPort = require("get-port")
+const chokidar = require("chokidar")
+const kill = require("tree-kill")
+
+let electronProcess
+let port
+
+function startElectron() {
+
+    electronProcess = spawn(
+        "npx",
+        ["electron", ".", port],
+        { stdio: "inherit" }
+    )
+
+}
+
+function restartElectron() {
+
+    if (electronProcess) {
+
+        kill(electronProcess.pid)
+
+        startElectron()
+
+    }
+
+}
+
+async function run() {
+
+    port = await getPort({
+        port: [8080, 8081, 8082, 8083]
+    })
+
+    spawn(
+        "npm",
+        ["run", "serve", "--", "--port", port],
+        { stdio: "inherit" }
+    )
+
+    await waitOn({
+        resources: [`http://localhost:${port}`]
+    })
+
+    startElectron()
+
+    chokidar
+        .watch(["electron"])
+        .on("change", restartElectron)
+
+}
+
+run()

package/generator/template/electron/hot-reload.js

@@ -0,0 +1,17 @@
+const chokidar = require("chokidar")
+
+function enableHotReload(win) {
+
+    chokidar.watch([
+        __dirname + "/main.js"
+    ]).on("change", () => {
+
+        if (win && !win.isDestroyed()) {
+            win.reload()
+        }
+
+    })
+
+}
+
+module.exports = enableHotReload

package/generator/template/electron/main.js

@@ -0,0 +1,50 @@
+const { app, BrowserWindow } = require("electron")
+const path = require("path")
+
+const installExtension = require("electron-devtools-installer")
+const { VUEJS_DEVTOOLS } = require("electron-devtools-installer")
+
+const enableHotReload = require("./hot-reload")
+
+const isDev = !app.isPackaged
+const port = process.argv[2] || 8080
+
+let win
+
+async function createWindow() {
+
+    win = new BrowserWindow({
+
+        width: 1200,
+        height: 800,
+
+        webPreferences: {
+            preload: path.join(__dirname, "preload.js"),
+            contextIsolation: true
+        }
+
+    })
+
+    if (isDev) {
+
+        win.loadURL(`http://localhost:${port}`)
+
+        win.webContents.openDevTools()
+
+        enableHotReload(win)
+
+        try {
+            await installExtension(VUEJS_DEVTOOLS)
+        } catch { }
+
+    } else {
+
+        win.loadFile(
+            path.join(__dirname, "../dist/index.html")
+        )
+
+    }
+
+}
+
+app.whenReady().then(createWindow)

package/generator/template/electron/preload.js

@@ -0,0 +1,9 @@
+const { contextBridge } = require("electron")
+
+contextBridge.exposeInMainWorld("electronAPI", {
+
+    ping() {
+        return "pong"
+    }
+
+})

package/index.js

@@ -0,0 +1,3 @@
+module.exports = api => {}
+
+module.exports.generator = require("./generator")

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "vue-cli-plugin-electron-haunv",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "dependencies": {
+    "chokidar": "latest",
+    "concurrently": "latest",
+    "electron": "latest",
+    "electron-builder": "latest",
+    "electron-devtools-installer": "latest",
+    "get-port": "latest",
+    "tree-kill": "latest",
+    "wait-on": "latest"
+  }
+}