feat: add function to open external link to the default browser & add about

Author: troke12

main.js

@@ -1,42 +1,16 @@
-const { app, BrowserWindow, nativeImage, shell } = require('electron');
-const path = require('path');
+const { app, ipcMain, shell } = require('electron');
+const createMenu = require('./menu');
+const createWindow = require('./window');
 
-let mainWindow;
+app.on('ready', () => {
+  const mainWindow = createWindow();
+  createMenu(mainWindow);
 
-function createWindow() {
-  const iconPath = path.join(__dirname, 'assets/icon.png');
-
-  mainWindow = new BrowserWindow({
-    width: 800,
-    height: 600,
-    autoHideMenuBar: true, // Hide the toolbar
-    icon: nativeImage.createFromPath(iconPath),
-  });
-
-  mainWindow.loadURL('https://misskey.id');
-
-  mainWindow.webContents.on('new-window', (event, url, frameName, disposition, options) => {
-    event.preventDefault(); // Prevent opening the link in a new window
-
-    // Check if the clicked link has a class ending with "_link"
-    const regex = /(\S+_link)$/i;
-    const className = frameName.match(regex)?.[0];
-    
-    if (className) {
-      // Open links with the specified class in the default browser
-      shell.openExternal(url);
-    } else {
-      // Handle other types of links within the Electron app
-      mainWindow.loadURL(url);
-    }
+  // Register an IPC listener to receive messages from the renderer process
+  ipcMain.on('open-external-link', (event, url) => {
+    shell.openExternal(url); // Open external links in the default browser
   });
-
-  mainWindow.on('closed', () => {
-    mainWindow = null;
-  });
-}
-
-app.on('ready', createWindow);
+});
 
 app.on('window-all-closed', () => {
   if (process.platform !== 'darwin') {
@@ -46,6 +20,7 @@ app.on('window-all-closed', () => {
 
 app.on('activate', () => {
   if (mainWindow === null) {
-    createWindow();
+    const mainWindow = createWindow();
+    createMenu(mainWindow);
   }
 });

menu.js

@@ -0,0 +1,46 @@
+const { app, Menu, dialog } = require('electron');
+
+function createMenu(mainWindow) {
+  const isMac = process.platform === 'darwin';
+
+  const template = [
+    // File menu
+    {
+      label: 'File',
+      submenu: [
+        {
+          label: 'Exit',
+          accelerator: isMac ? 'CmdOrCtrl+Q' : 'Alt+F4',
+          click() {
+            app.quit();
+          },
+        },
+      ],
+    },
+    // View menu
+    {
+      label: 'View',
+      submenu: [
+        { role: 'reload' },
+        { role: 'forcereload' },
+        { role: 'togglefullscreen' },
+      ],
+    },
+    // Help menu
+    {
+      label: 'About',
+      click() {
+        dialog.showMessageBox(mainWindow, {
+          title: 'About',
+          message: 'Unofficial Desktop for Misskey.ID\n\nMade with love by https://github.com/troke12',
+          buttons: ['OK'],
+        });
+      },
+    },
+  ];
+
+  const menu = Menu.buildFromTemplate(template);
+  Menu.setApplicationMenu(menu);
+}
+
+module.exports = createMenu;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "misskey-desktop",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Misskey Desktop unofficial desktop client",
   "main": "main.js",
   "scripts": {

preload.js

@@ -0,0 +1,15 @@
+const { ipcRenderer } = require('electron');
+
+document.addEventListener('click', (event) => {
+  let target = event.target;
+
+  while (target && target.tagName !== 'A') {
+    target = target.parentNode;
+  }
+
+  if (target && target.getAttribute('target') === '_blank') {
+    event.preventDefault();
+    const url = target.href;
+    ipcRenderer.send('open-external-link', url);
+  }
+});

window.js

@@ -0,0 +1,42 @@
+const { BrowserWindow, nativeImage } = require('electron');
+const path = require('path');
+
+let mainWindow; // Change to a regular variable instead of a constant
+
+function createWindow() {
+  const iconPath = path.join(__dirname, 'assets/icon.png');
+
+  mainWindow = new BrowserWindow({
+    width: 800,
+    height: 600,
+    autoHideMenuBar: true, // Hide the default menu bar
+    icon: nativeImage.createFromPath(iconPath),
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js'), // Load the preload script
+    },
+  });
+
+  mainWindow.loadURL('https://misskey.id');
+
+  mainWindow.webContents.on('new-window', (event, url, frameName, disposition, options) => {
+    event.preventDefault(); // Prevent opening the link in a new window
+
+    const isExternalLink = !url.startsWith('file://') && !url.startsWith('http://') && !url.startsWith('https://');
+
+    if (isExternalLink) {
+      // Send a message to the renderer process indicating an external link is clicked
+      mainWindow.webContents.send('external-link-clicked', url);
+    } else {
+      //console.log('Navigating to internal link:', url);
+      mainWindow.loadURL(url); // Handle other types of links within the Electron app
+    }
+  });
+
+  mainWindow.on('closed', () => {
+    mainWindow = null;
+  });
+
+  return mainWindow;
+}
+
+module.exports = createWindow;