add zoom function in electron

Author: hexaeder

NetworkDynamicsInspector/assets/electron.js

@@ -0,0 +1,38 @@
+function isElectron() {
+    // Check for the presence of Electron-specific objects
+    return typeof window !== 'undefined' && window.process && window.process.type === 'renderer';
+}
+
+// Function to handle zoom in/out
+function handleZoom(event) {
+    if (event.ctrlKey) {
+        if (event.key === '+' || event.key === '=') {
+            // Zoom in
+            const { webFrame } = require('electron');
+            webFrame.setZoomLevel(webFrame.getZoomLevel() + 1);
+            event.preventDefault();
+        } else if (event.key === '-' || event.key === '_') {
+            // Zoom out
+            const { webFrame } = require('electron');
+            webFrame.setZoomLevel(webFrame.getZoomLevel() - 1);
+            event.preventDefault();
+        }
+    }
+}
+
+// Function to open the developer console
+function openDevTools(event) {
+    if (event.ctrlKey && event.shiftKey && event.key === 'K') {
+        console.log("Opening developer tools");
+        const { getCurrentWindow } = require('@electron/remote');
+        const currentWindow = getCurrentWindow();
+        currentWindow.webContents.toggleDevTools();
+        event.preventDefault();
+    }
+}
+
+// Attach event listeners only if running in Electron
+if (isElectron()) {
+    document.addEventListener('keydown', handleZoom);
+    //document.addEventListener('keydown', openDevTools);
+}

NetworkDynamicsInspector/src/NetworkDynamicsInspector.jl

@@ -41,6 +41,7 @@ const NODE_FENCE = Asset(joinpath(ASSETS, "node_fence.js"))
 const NODE_UNFENCE = Asset(joinpath(ASSETS, "node_unfence.js"))
 const TOMSELECT_ESS = ES6Module(joinpath(ASSETS, "tomselect.js"))
 const TOMSELECT_CSS = Asset(joinpath(ASSETS, "tomselect.css"))
+const ELECTRON_JS = Asset(joinpath(ASSETS, "electron.js"))
 
 include("widgets.jl")
 include("graphplot.jl")
@@ -227,6 +228,7 @@ function get_webapp()
 
         DOM.div(
             APP_CSS,
+            ELECTRON_JS,
             DOM.div(
                 graphplot_card(app, session),
                 gpstate_control_card(app, :vertex),