Add Node.js and Chrome version display to About modal

Author: vorlie

index.html

@@ -88,6 +88,8 @@ <h2 class="modal-h2">Settings</h2>
                     <h2 class="modal-h2">About</h2>
                     <p id="appVersion">Version: </p>
                     <p id="electronVersion">Electron Version: </p>
+                    <p id="nodeVersion">Node.js Version: </p>
+                    <p id="chromeVersion">Chrome Version: </p>
                     <button class="about-button" onclick="checkForUpdates()">Check for Updates</button>
                     <button class="about-button" id="open-dev-tools" onclick="window.API.openDevTools()">Open DevTools</button>
                 </div>

preload.js

@@ -5,5 +5,11 @@ contextBridge.exposeInMainWorld('API', {
   openDevTools: () => ipcRenderer.send('open-dev-tools'),
   on: (channel, func) => ipcRenderer.on(channel, func),
   send: (channel, ...args) => ipcRenderer.send(channel, ...args),
-  removeListener: (channel, func) => ipcRenderer.removeListener(channel, func)
+  removeListener: (channel, func) => ipcRenderer.removeListener(channel, func),
+  versions: {
+    node: () => process.versions.node,
+    chrome: () => process.versions.chrome,
+    electron: () => process.versions.electron,
+    iotanotepad: () => "1.1.7"
+  },
 });

src/script.js

@@ -1,7 +1,10 @@
 let saveTimeout;
 
-const version = "1.1.7";
-const electronVersion = "34.2.0";
+const version = window.API.versions.iotanotepad();
+const electronVersion = window.API.versions.electron();
+const nodeVersion = window.API.versions.node();
+const chromeVersion = window.API.versions.chrome();
+
 
 const defaultThemes = {
     mocha: {
@@ -73,6 +76,8 @@ document.addEventListener("DOMContentLoaded", () => {
 
     document.getElementById('appVersion').textContent = `Version: ${version}`;
     document.getElementById('electronVersion').textContent = `Electron Version: ${electronVersion}`;
+    document.getElementById('nodeVersion').textContent = `Node.js Version: ${nodeVersion}`;
+    document.getElementById('chromeVersion').textContent = `Chrome Version: ${chromeVersion}`;
 
     document.addEventListener('click', (event) => {
         const contextMenu = document.getElementById('noteContextMenu');