Set up autoupdater

justinsmid · Mar 27, 2021 · ef01ef1 · ef01ef1
1 parent 8f7f078
commit ef01ef1
Show file tree

Hide file tree

Showing 6 changed files with 189 additions and 27 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,13 @@
     "url": "https://github.com/justinsmid/accept-league-queue.git"
   },
   "build": {
+    "publish": [
+      {
+        "provider": "github",
+        "owner": "justinsmid",
+        "repo": "accept-league-queue"
+      }
+    ],
     "appId": "justinsmid.league-helper.desktop",
     "files": [
       "build/**/*",
@@ -24,6 +31,7 @@
     "@material-ui/core": "^4.11.0",
     "buffer": "^5.6.0",
     "cors": "^2.8.5",
+    "electron-updater": "^4.3.8",
     "express": "^4.17.1",
     "lcu-connector": "^2.1.3",
     "node-fetch": "^2.6.0",

diff --git a/public/electron.js b/public/electron.js
@@ -1,5 +1,6 @@
 const electron = require('electron');
-const {app} = electron;
+const {app, webContents} = electron;
+const {autoUpdater} = require("electron-updater");
 // Module to create native browser window.
 const BrowserWindow = electron.BrowserWindow;
 
@@ -33,6 +34,11 @@ const jsonResponse = res => res.json();
 const LOCAL_STORAGE_PREFIX = './localStorage/';
 
 function onAppReady() {
+    console.log('App ready!')
+    // Check for app updates
+    autoUpdater.checkForUpdates();
+
+    // Set up localstorage
     const twitchAuthStorage = new LocalStorage(LOCAL_STORAGE_PREFIX + 'twitch-auth');
     const commandsStorage = new LocalStorage(LOCAL_STORAGE_PREFIX + 'commands');
     const trustedStorage = new LocalStorage(LOCAL_STORAGE_PREFIX + 'trusted');
@@ -113,6 +119,38 @@ app.on('activate', function () {
     }
 });
 
+const onAutoUpdateEvent = (event, data) => {
+    console.log(`[AUTO_UPDATE_EVENT]: ${event}`, data);
+    setTimeout(() => {
+        mainWindow.webContents.send('AUTO_UPDATER_EVENT', event, data);
+    }, 10000);
+};
+
+autoUpdater.on('checking-for-update', () => {
+    onAutoUpdateEvent('[AUTO_UPDATE_EVENT]: checking-for-update');
+});
+
+autoUpdater.on('update-available', (info) => {
+    onAutoUpdateEvent('[AUTO_UPDATE_EVENT]: update-available', info);
+});
+
+autoUpdater.on('update-not-available', (info) => {
+    onAutoUpdateEvent('[AUTO_UPDATE_EVENT]: update-not-available', info);
+});
+
+autoUpdater.on('error', (err) => {
+    onAutoUpdateEvent('[AUTO_UPDATE_EVENT]: error', err);
+});
+
+autoUpdater.on('download-progress', (progressObj) => {
+    onAutoUpdateEvent('[AUTO_UPDATE_EVENT]: download-progress', progressObj);
+});
+
+autoUpdater.on('update-downloaded', (info) => {
+    onAutoUpdateEvent('[AUTO_UPDATE_EVENT]: update-downloaded', info);
+    autoUpdater.quitAndInstall();
+});
+
 class ExpressServer {
     constructor(port) {
         this.port = port;

diff --git a/src/components/navBar/NavigationBar.js b/src/components/navBar/NavigationBar.js
@@ -2,30 +2,35 @@ import React, {useState} from 'react';
 import {slide as Menu} from 'react-burger-menu';
 import {Link} from 'react-router-dom';
 import routes from '../../routes';
+import {VERSION} from '../../util/util';
 import './menu.sass';
 
 export default ({currentPath}) => {
-  const [showMenu, setShowMenu] = useState(false);
-  const toggleShowMenu = () => setShowMenu(!showMenu);
+    const [showMenu, setShowMenu] = useState(false);
+    const toggleShowMenu = () => setShowMenu(!showMenu);
 
     return (
-        <div className="menu">
-            <Menu isOpen={showMenu} onStateChange={menuState => setShowMenu(menuState.isOpen)}>
-                {routes.map(route => {
-                    const matchesCurrentPath = (route.path === currentPath);
-                    return (
-                        <Link
-                            key={route.title}
-                            id={route.title}
-                            to={route.linkPath}
-                            onClick={toggleShowMenu}
-                            className={`menu-item ${matchesCurrentPath ? 'current' : ''}`}
-                        >
-                            {route.title}
-                        </Link>
-                    );
-                })}
-            </Menu>
+        <div>
+            <div className="menu">
+                <Menu isOpen={showMenu} onStateChange={menuState => setShowMenu(menuState.isOpen)}>
+                    {routes.map(route => {
+                        const matchesCurrentPath = (route.path === currentPath);
+                        return (
+                            <Link
+                                key={route.title}
+                                id={route.title}
+                                to={route.linkPath}
+                                onClick={toggleShowMenu}
+                                className={`menu-item ${matchesCurrentPath ? 'current' : ''}`}
+                            >
+                                {route.title}
+                            </Link>
+                        );
+                    })}
+                </Menu>
+                {/* TODO: Remove VERSION */}
+                <p style={{marginLeft: '100px'}}>Version: {VERSION}</p>
+            </div>
         </div>
     );
 };
diff --git a/src/pages/twitch/TwitchPage.js b/src/pages/twitch/TwitchPage.js
@@ -23,7 +23,7 @@ let authWindow;
 
 export const fetchTwitchApi = (url, accessToken, options) => {
     accessToken = (accessToken || JSON.parse(getGlobal('twitchAuthStorage').getItem('accessToken')));
-    
+
     return fetch(url, {
         ...options,
         headers: {
@@ -50,6 +50,10 @@ export default class TwitchPage extends Component {
 
         this.twitchBot = new TwitchBot();
 
+        ipcRenderer.on('AUTO_UPDATER_EVENT', (event, x, y) => {
+            console.log(`Received AUTO_UPDATER_EVENT`, event, x, y);
+        });
+
         this.startAuthentication = this.startAuthentication.bind(this);
         this.updateTwitchUserFromToken = this.updateTwitchUserFromToken.bind(this);
         this.disconnectTwitchBot = this.disconnectTwitchBot.bind(this);
@@ -270,7 +274,7 @@ export default class TwitchPage extends Component {
                             Name: <input
                                 type="text"
                                 value={name}
-                                onChange={e => setName(e.currentTarget.value)} 
+                                onChange={e => setName(e.currentTarget.value)}
                                 onKeyPress={e => e.key === 'Enter' && confirm()} />
                         </label>
                     </div>

diff --git a/src/util/util.js b/src/util/util.js
@@ -21,4 +21,6 @@ export const splitFirst = (string, separator) => {
     return [parts.shift(),  parts.join(separator)];
 };
 
-export const jsonResponse = res => res.json();
+export const jsonResponse = res => res.json();
+
+export const VERSION = "0.2.0";