Bump version to 1.1.7 and enhance notification features

Author: vorlie

assets/icon.png

@@ -89,7 +89,7 @@ <h2 class="modal-h2">About</h2>
                     <p id="appVersion">Version: </p>
                     <p id="electronVersion">Electron Version: </p>
                     <button class="about-button" onclick="checkForUpdates()">Check for Updates</button>
-                    <button class="about-button" id="open-dev-options">Developer Options</button>
+                    <button class="about-button" id="open-dev-tools" onclick="window.API.openDevTools()">Open DevTools</button>
                 </div>
             </div>
         </div>

developer-options.html

@@ -1,7 +1,8 @@
-const { app, BrowserWindow, Menu, ipcMain } = require('electron');
+const { app, BrowserWindow, Tray, Menu, ipcMain, Notification } = require('electron');
+const path = require('path');
 
 let mainWindow;
-let devWindow;
+let tray = null;
 
 app.on('ready', () => {
   mainWindow = new BrowserWindow({
@@ -29,38 +30,64 @@ app.on('ready', () => {
   mainWindow.loadFile('index.html');
 
   mainWindow.on('closed', () => {
-    app.quit(); 
+    app.quit();
   });
 
-  ipcMain.on('open-dev-window', () => {
-    createDevWindow();
+  ipcMain.on('show-notification', (event, title, body) => {
+    showNotification(title, body);
   });
+
+  ipcMain.on('open-dev-tools', () => {
+    if (mainWindow) {
+      mainWindow.webContents.openDevTools();
+    }
+  });
+
+  tray = new Tray(path.join(__dirname, 'assets/icon.png'));
+  const contextMenu = Menu.buildFromTemplate([
+    {
+      label: 'Check for Updates', click: () => {
+        console.log("Check for Updates menu item clicked"); // Add this line
+        if (mainWindow) {
+          mainWindow.webContents.send('check-for-updates'); // Send to renderer
+        }
+      }
+    },
+    { type: 'separator' },
+    { label: 'Quit', click: () => app.quit() }
+  ]);
+  tray.setToolTip('Iota\'s Notepad');
+  tray.setContextMenu(contextMenu);
 });
 
 app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') app.quit(); 
+  if (process.platform !== 'darwin') app.quit();
 });
 
 if (require('electron-squirrel-startup')) app.quit();
 
-function createDevWindow() {
-  if (devWindow) {
-    devWindow.focus();
-    return;
-  }
+function showNotification(title, body) {
+  if (Notification.isSupported()) {
+    let iconPath;
+    iconPath = path.join(__dirname, 'assets', 'icon.png');
 
-  devWindow = new BrowserWindow({
-    width: 800,
-    height: 600,
-    webPreferences: {
-      nodeIntegration: true,
-    },
-    title: "Iota's Notepad - Developer Options"
-  });
+    const notification = new Notification({
+      title: title,
+      body: body,
+      icon: iconPath,
+    });
 
-  devWindow.loadFile('developer-options.html');
+    notification.on('click', () => {
+      console.log('Notification clicked');
+      if (mainWindow) {
+        if (mainWindow.isMinimized()) mainWindow.restore();
+        mainWindow.focus();
+      }
+    });
 
-  devWindow.on('closed', () => {
-    devWindow = null;
-  });
+    notification.show();
+  } else {
+    console.log('Notifications are not supported on this system.');
+  }
 }
+

index.html

@@ -1,6 +1,6 @@
 {
   "name": "iotas-notepad",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "main": "index.js",
   "scripts": {
     "electron": "electron .",

index.js

@@ -1,7 +1,9 @@
 const { contextBridge, ipcRenderer } = require('electron');
 
-// Expose only specific APIs to the renderer
-contextBridge.exposeInMainWorld('electron', {
-  openDevWindow: () => ipcRenderer.send('open-dev-window'),
-});
-
+contextBridge.exposeInMainWorld('API', {
+  sendNotification: (title, body) => ipcRenderer.send('show-notification', title, body),
+  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)
+});

package-lock.json

@@ -73,7 +73,7 @@
     --note-list-margin: 5px;
     --note-list-item-margin-right: 3px;
     --note-list-item-padding: 10px;
-    --note-list-item-border: 1px solid var(--color-border);
+    --note-list-item-border: 1px solid transparent;
     --note-list-item-border-selected: 1px solid var(--color-border);
     --note-list-item-cursor: pointer;
     --note-list-item-position: relative;