possibly implemented auto updater

gui_vue/electron-builder.json5

@@ -3,8 +3,9 @@
  */
 {
   "$schema": "https://raw.githubusercontent.com/electron-userland/electron-builder/master/packages/app-builder-lib/scheme.json",
-  "appId": "YourAppID",
+  "appId": "app.freedata",
   "asar": true,
+  "afterSign": "electron-builder-notarize",
   "productName": "FreeDATA",
   "directories": {
     "output": "release/${version}"
@@ -56,6 +57,7 @@
     "deleteAppDataOnUninstall": false
   },
   "linux": {
+    "category": "Development",
     "target": [
       "AppImage"
     ],

gui_vue/electron/main/index.ts

@@ -1,6 +1,7 @@
 import { app, BrowserWindow, shell, ipcMain } from 'electron'
 import { release } from 'node:os'
 import { join } from 'node:path'
+import { autoUpdater } from "electron-updater"
 
 // The built directory structure
 //
@@ -76,6 +77,18 @@ async function createWindow() {
     return { action: 'deny' }
   })
   // win.webContents.on('will-navigate', (event, url) => { }) #344
+
+
+  win.once("ready-to-show", () => {
+    //autoUpdater.logger = log.scope("updater");
+    //autoUpdater.channel = config.update_channel;
+    autoUpdater.autoInstallOnAppQuit = false;
+    autoUpdater.autoDownload = true;
+    autoUpdater.checkForUpdatesAndNotify();
+    //autoUpdater.quitAndInstall();
+  });
+
+
 }
 
 app.whenReady().then(createWindow)
@@ -118,3 +131,73 @@ ipcMain.handle('open-win', (_, arg) => {
     childWindow.loadFile(indexHtml, { hash: arg })
   }
 })
+
+
+
+
+  //restart and install udpate
+ipcMain.on("request-restart-and-install-update", (event, data) => {
+  close_sub_processes();
+  autoUpdater.quitAndInstall();
+});
+
+// LISTENER FOR UPDATER EVENTS
+autoUpdater.on("update-available", (info) => {
+  console.log("update available");
+
+  let arg = {
+    status: "update-available",
+    info: info,
+  };
+  win.webContents.send("action-updater", arg);
+});
+
+autoUpdater.on("update-not-available", (info) => {
+  console.log("update not available");
+  let arg = {
+    status: "update-not-available",
+    info: info,
+  };
+  win.webContents.send("action-updater", arg);
+});
+
+autoUpdater.on("update-downloaded", (info) => {
+  console.log("update downloaded");
+  let arg = {
+    status: "update-downloaded",
+    info: info,
+  };
+  win.webContents.send("action-updater", arg);
+  // we need to call this at this point.
+  // if an update is available and we are force closing the app
+  // the entire screen crashes...
+  //console.log.info('quit application and install update');
+  //autoUpdater.quitAndInstall();
+});
+
+autoUpdater.on("checking-for-update", () => {
+  console.log.info("checking for update");
+  let arg = {
+    status: "checking-for-update",
+    version: app.getVersion(),
+  };
+  win.webContents.send("action-updater", arg);
+});
+
+autoUpdater.on("download-progress", (progress) => {
+  let arg = {
+    status: "download-progress",
+    progress: progress,
+  };
+  win.webContents.send("action-updater", arg);
+});
+
+autoUpdater.on("error", (error) => {
+  console.log("update error");
+  let arg = {
+    status: "error",
+    progress: error,
+  };
+  win.webContents.send("action-updater", arg);
+  console.log("AUTO UPDATER : " + error);
+});

gui_vue/electron/preload/index.ts

@@ -1,3 +1,8 @@
+import { ipcRenderer } from "electron"
+import { autoUpdater } from "electron-updater"
+
+
+
 function domReady(condition: DocumentReadyState[] = ['complete', 'interactive']) {
   return new Promise((resolve) => {
     if (condition.includes(document.readyState)) {
@@ -103,8 +108,98 @@ function useLoading() {
 const { appendLoading, removeLoading } = useLoading()
 domReady().then(appendLoading)
 
+
 window.onmessage = (ev) => {
   ev.data.payload === 'removeLoading' && removeLoading()
 }
 
 setTimeout(removeLoading, 4999)
+
+
+
+
+
+window.addEventListener("DOMContentLoaded", () => {
+    // we are using this area for implementing the electron runUpdater
+    // we need access to DOM for displaying updater results in GUI
+      // close app, update and restart
+  document
+    .getElementById("update_and_install")
+    .addEventListener("click", () => {
+      ipcRenderer.send("request-restart-and-install-update");
+    });
+
+})
+
+
+// IPC ACTION FOR AUTO UPDATER
+ipcRenderer.on("action-updater", (event, arg) => {
+  if (arg.status == "download-progress") {
+    var progressinfo =
+      "(" +
+      Math.round(arg.progress.transferred / 1024) +
+      "kB /" +
+      Math.round(arg.progress.total / 1024) +
+      "kB)" +
+      " @ " +
+      Math.round(arg.progress.bytesPerSecond / 1024) +
+      "kByte/s";
+    document.getElementById("UpdateProgressInfo").innerHTML = progressinfo;
+
+    document
+      .getElementById("UpdateProgressBar")
+      .setAttribute("aria-valuenow", arg.progress.percent);
+    document
+      .getElementById("UpdateProgressBar")
+      .setAttribute("style", "width:" + arg.progress.percent + "%;");
+  }
+
+  if (arg.status == "checking-for-update") {
+    //document.title = document.title + ' - v' + arg.version;
+    updateTitle(
+      config.myCall,
+      config.tnc_host,
+      config.tnc_port,
+      " -v " + arg.version,
+    );
+    document.getElementById("updater_status").innerHTML =
+      '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
+
+    document.getElementById("updater_status").className =
+      "btn btn-secondary btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
+  if (arg.status == "update-downloaded") {
+    document.getElementById("update_and_install").removeAttribute("style");
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-cloud-download ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-success btn-sm";
+
+    // HERE WE NEED TO RUN THIS SOMEHOW...
+    //mainLog.info('quit application and install update');
+    //autoUpdater.quitAndInstall();
+  }
+  if (arg.status == "update-not-available") {
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-check2-square ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-success btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
+  if (arg.status == "update-available") {
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-hourglass-split ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-warning btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
+
+  if (arg.status == "error") {
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-exclamation-square ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-danger btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
+});

gui_vue/package.json

@@ -40,7 +40,7 @@
     "chartjs-plugin-annotation": "^3.0.1",
     "electron-builder-notarize": "^1.5.1",
     "electron-log": "^4.4.8",
-    "electron-updater": "^6.1.1",
+    "electron-updater": "^6.1.4",
     "emoji-picker-element": "^1.18.3",
     "emoji-picker-element-data": "^1.4.0",
     "mime": "^3.0.0",

gui_vue/src/components/main_updater.vue

@@ -17,6 +17,7 @@ const settings = useSettingsStore(pinia);
           </div>
           <div class="col-3">
             <strong class="fs-5">Updater</strong>
+
           </div>
           <div class="col-7">
             <div class="progress w-100 ms-1 m-1">

gui_vue/src/main.ts

@@ -8,30 +8,20 @@ import './styles.css'
 // Import all of Bootstrap's JS
 //import * as bootstrap from 'bootstrap'
 
-
-
 import 'bootstrap/dist/js/bootstrap.bundle.min.js'
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-icons/font/bootstrap-icons.css'
 
 
-
-
 // Import our custom CSS
 //import './scss/styles.scss'
 
 import App from './App.vue'
 const app = createApp(App)
-
-
 //.mount('#app').$nextTick(() => postMessage({ payload: 'removeLoading' }, '*'))
-
 const pinia = createPinia()
 app.mount('#app')
 
-
-
-console.log("init...")
 app.use(pinia)
 loadSettings()