autoUpdate added and external browser now open links

Author: TasosTilsi

README.md

@@ -6,14 +6,15 @@
 <p> Development of an application for the Implemantation and use of search methods in a visualized environment</p>
 
 <h3>ToDo's</h3>
- 
-1. Some minor fixes 
-2. Auto Update 
-3. Publish releases for Linux and Mac OS 
-4. Make a minimal menu for the app 
-5. Materialize the view 
-6. Anything that comes to my mind 
-7. Feel Free to open an issue to post your thoughts
+
+ 1. [ ] Some minor fixes  
+ 2. [x] Open links externally in the default browser  
+ 3. [x] Auto Update  
+ 4. [ ] Publish releases for Linux and Mac OS  
+ 5. [ ] Make a minimal menu for the app 
+ 6. [ ] Materialize the view 
+ 7. [ ] Anything that comes to my mind 
+ 8. [ ] Feel Free to open an issue to post your thoughts
 
 <h3>Download the App in Development Mode</h3>
 You will have to install NodeJs first for the npm package manager.
@@ -26,6 +27,8 @@ $ npm install
 ```
 Not Every time necessary but sometimes useful
 ```shell
+$ npm i electron-log
+$ npm i electron-updater
 $ npm i -S @fortawesome/fontawesome-free
 $ npm i -S electron
 $ npm i -S bootstrap

main.js

@@ -1,6 +1,12 @@
 // Modules to control application life and create native browser window
 const {app, BrowserWindow} = require('electron')
 
+const {autoUpdater}=require('electron-updater');
+const log = require('electron-log');
+autoUpdater.logger = log;
+autoUpdater.logger.transports.file.level = 'info';
+log.info('App starting...');
+
 
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
@@ -28,6 +34,11 @@ function createWindow () {
   })
 }
 
+function sendStatusToWindow(text) {
+  log.info(text);
+  mainWindow.webContents.send('message', text);
+}
+
 var shouldQuit = app.makeSingleInstance(function(commandLine, workingDirectory) {
 // Someone tried to run a second instance, we should focus our window.
 if (mainWindow) {
@@ -44,7 +55,10 @@ return;
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
-app.on('ready', createWindow)
+app.on('ready', ()=>{
+  createWindow();
+  autoUpdater.checkForUpdatesAndNotify();
+})
 
 // Quit when all windows are closed.
 app.on('window-all-closed', function () {
@@ -66,6 +80,29 @@ app.on('activate', function () {
 // In this file you can include the rest of your app's specific main process
 // code. You can also put them in separate files and require them here.
 
+
+autoUpdater.on('checking-for-update', () => {
+  sendStatusToWindow('Checking for update...');
+})
+autoUpdater.on('update-available', (info) => {
+  sendStatusToWindow('Update available.');
+})
+autoUpdater.on('update-not-available', (info) => {
+  sendStatusToWindow('Update not available.');
+})
+autoUpdater.on('error', (err) => {
+  sendStatusToWindow('Error in auto-updater. ' + err);
+})
+autoUpdater.on('download-progress', (progressObj) => {
+  let log_message = "Download speed: " + progressObj.bytesPerSecond;
+  log_message = log_message + ' - Downloaded ' + progressObj.percent + '%';
+  log_message = log_message + ' (' + progressObj.transferred + "/" + progressObj.total + ')';
+  sendStatusToWindow(log_message);
+})
+autoUpdater.on('update-downloaded', (info) => {
+  sendStatusToWindow('Update downloaded');
+  autoUpdater.quitAndInstall();
+});
 //------------------------------------------------------------//
 const appVersion = require('./package.json').version;
 const {ipcMain} = require('electron');

modal.html

@@ -4,19 +4,14 @@
 <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.css">
 
 <script>
-    const shell = require('electron').shell
-
-    const links = document.querySelectorAll('a[href]')
-
-    Array.prototype.forEach.call(links, (link) => {
-        const url = link.getAttribute('href')
-        if (url.indexOf('http') === 0) {
-            link.addEventListener('click', (e) => {
-                e.preventDefault()
-                shell.openExternal(url)
-            })
-        }
-    })
+    // Open all links in external browser
+let shell = require('electron').shell
+document.addEventListener('click', function (event) {
+  if (event.target.tagName === 'A' && event.target.href.startsWith('http')) {
+    event.preventDefault()
+    shell.openExternal(event.target.href)
+  }
+})
 </script>
 
 <script>
@@ -85,7 +80,7 @@
                             <i class="fas fa-link" style="font-size:50px"></i>
                         </td>
                         <td>
-                            <a href="https://git.io/vAM41">Github Repository</a>
+                            <a href="https://git.io/fALxo">Github Repository</a>
                         </td>
                     </tr>
                     <tr>
@@ -94,7 +89,7 @@
                         </td>
                         <td>
                             <p>
-                                <a href="https://git.io/vAM4F">MIT License</a>
+                                <a href="https://git.io/fALx1">MIT License</a>
                                 <br/>Copyright &copy;
                                 <a href="https://git.io/vNjE6">Anastasios Tilsizoglou</a>
                             </p>