Adding updater

Author: romslf

components/header.vue

@@ -51,8 +51,11 @@
         </b-menu>
       </div>
     </b-sidebar>
+	<div class="columns is-vcentered">
     <b-button @click="open = true" icon-left="bars"></b-button>
-    <b-button @click="open_settings = true" icon-left="cog" class="is-pulled-right"></b-button>
+	<img :src="require('@/assets/isolated-layout.svg')" style="width: 60px; height: 60px; margin-left: auto; margin-right: auto; display:block;"/>
+    <b-button @click="open_settings = true" icon-left="cog" class="is-pulled-left"></b-button>
+	</div>
   </section>
         </div>
 

main.js

@@ -1,6 +1,7 @@
 /*
 **  Nuxt
 */
+const { autoUpdater } = require("electron-updater");
 const http = require('http')
 const { Nuxt, Builder } = require('nuxt')
 let config = require('./nuxt.config.js')
@@ -29,15 +30,55 @@ const electron = require('electron')
 const path = require('path')
 const app = electron.app
 const newWin = () => {
+	const options = {
+		type: "question",
+		buttons: ["No, thanks", "Yes, please"],
+		defaultId: 1,
+		title: "Question",
+		message: "Do you want to do this?"
+	  };
+  
+	  autoUpdater.on("update-available", () => {
+		if (process.platform === "win32" || process.platform === "win64") {
+		  options.title = "Update";
+		  options.message = "Update available, download it ?";
+		  dialog.showMessageBox(null, options, (response) => {
+			if (response === 1) {
+			  autoUpdater.downloadUpdate();
+			  autoUpdater.on("update-downloaded", () => {
+				autoUpdater.quitAndInstall();
+			  });
+			}
+		  });
+		} else {
+		  options.title = "Update";
+		  options.message = "Update available, download it ?";
+		  dialog.showMessageBox(null, options, (response) => {
+			if (response === 1) {
+			  let child = new BrowserWindow({ modal: false, show: false });
+			  child.loadURL("https://github.com/romslf/system-companion/releases/latest");
+			  child.once("ready-to-show", () => {
+				child.show();
+			  });
+			}
+		  });
+		}
+	  });
+  
+	  autoUpdater.on("error", (err) => {
+		console.log(err);
+	  });
+  
 	win = new electron.BrowserWindow({
 		icon: path.join(__dirname, 'static/icons/win-icon.ico'),
         webPreferences: {
-        	nodeIntegration: true,
+            nodeIntegration: true,
             contextIsolation: false,
             enableRemoteModule: true,
-        }
+        },
+		autoHideMenuBar: true
 	})
-	win.maximize()
+	//win.maximize()
 	win.on('closed', () => win = null)
 	if (config.dev) {
 		// Install vue dev tool and open chrome dev tools
@@ -54,6 +95,10 @@ const newWin = () => {
 		}
 		pollServer()
 	} else { return win.loadURL(_NUXT_URL_) }
+	//this._create();
+	autoUpdater.autoDownload = false;
+	console.log("Checking updates ...")
+	autoUpdater.checkForUpdates();
 }
 app.on('ready', newWin)
 app.on('window-all-closed', () => app.quit())

package-lock.json

@@ -3,7 +3,11 @@
   "version": "1.0.0",
   "description": "Nuxt + Electron",
   "author": "romslf@pm.me",
-  "private": true,
+  "private": false,
+  "repository": {
+	"type" : "git",
+	"url" : "https://github.com/romslf/system-companion.git"
+  },
   "main": "main.js",
   "build": {
     "appId": "",
@@ -17,14 +21,16 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=DEV electron .",
-    "build": "nuxt build && electron-builder --config builder.config.js",
+    "build": "nuxt build && electron-builder --config builder.config.js --publish never",
+	"deploy": "nuxt build && electron-builder --config builder.config.js --publish always",
     "lint": "node_modules/.bin/eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter ./src",
     "lint:fix": "npm run lint -- --fix"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",
     "buefy": "^0.9.10",
     "electron-data-storage": "^1.1.2",
+    "electron-updater": "^4.3.9",
     "node-sass": "^6.0.1",
     "nuxt": "^1.4.0",
     "sass": "^1.39.0",

package.json

@@ -118,9 +118,6 @@
                     Starting command: {{ props.row.command }}
                   </ul>
                 </div>
-                <footer class="card-footer">
-                    <b-button class="is-danger center" outlined rounded icon-right="trash">Kill</b-button>
-                </footer>
               </div>
             </article>
           </template>