Stop using remote in renderer process

Fix unused import

frontend/ts/index.ts

@@ -1,26 +1,14 @@
 import {
-    clipboard,
-    ContextMenuParams,
     DidFailLoadEvent,
     ipcRenderer,
     PageFaviconUpdatedEvent,
-    remote,
-    shell,
     UpdateTargetUrlEvent,
-    WebContents,
     WebviewTag,
 } from "electron";
 import Service from "../../src/Service";
 import {IconProperties, IconSet, SpecialPages} from "../../src/Meta";
 import Config from "../../src/Config";
 
-const {
-    Menu,
-    MenuItem,
-    dialog,
-    session,
-} = remote;
-
 const appInfo: {
     title?: string;
 } = {};
@@ -42,129 +30,6 @@ let serviceSelector: HTMLElement | null = null;
 let lastDragPosition: HTMLElement | null = null;
 let oldActiveService: number | null = null;
 
-// Service context menu
-function openServiceContextMenu(event: Event, serviceId: number) {
-    event.preventDefault();
-    const service = services[serviceId];
-    if (!service) throw new Error('Service doesn\'t exist.');
-
-    const menu = new Menu();
-    const ready = service.view && service.viewReady, notReady = !service.view && !service.viewReady;
-    menu.append(new MenuItem({
-        label: 'Home', click: () => {
-            service.view?.loadURL(service.url)
-                .catch(console.error);
-        },
-        enabled: ready,
-    }));
-    menu.append(new MenuItem({
-        label: ready ? 'Reload' : 'Load', click: () => {
-            reloadService(serviceId);
-        },
-        enabled: ready || notReady,
-    }));
-    menu.append(new MenuItem({
-        label: 'Close', click: () => {
-            unloadService(serviceId);
-        },
-        enabled: ready,
-    }));
-
-    menu.append(new MenuItem({type: "separator"}));
-
-    menu.append(new MenuItem({
-        label: 'Reset zoom level', click: () => {
-            if (service.view) {
-                service.view.setZoomFactor(1);
-                service.view.setZoomLevel(0);
-            }
-        },
-        enabled: ready && service.view?.getZoomFactor() !== 1 && service.view?.getZoomLevel() !== 0,
-    }));
-    menu.append(new MenuItem({
-        label: 'Zoom in', click: () => {
-            if (service.view) {
-                service.view.setZoomLevel(service.view.getZoomLevel() + 1);
-            }
-        },
-        enabled: ready,
-    }));
-    menu.append(new MenuItem({
-        label: 'Zoom out', click: () => {
-            if (service.view) {
-                service.view.setZoomLevel(service.view.getZoomLevel() - 1);
-            }
-        },
-        enabled: ready,
-    }));
-
-    menu.append(new MenuItem({type: "separator"}));
-
-    const permissionsMenu = [];
-    if (ready) {
-        for (const domain of Object.keys(service.permissions)) {
-            const domainPermissionsMenu = [];
-
-            const domainPermissions = service.permissions[domain];
-            if (domainPermissions) {
-                for (const permission of domainPermissions) {
-                    domainPermissionsMenu.push({
-                        label: (permission.authorized ? '✓' : '❌') + ' ' + permission.name,
-                        submenu: [{
-                            label: 'Toggle',
-                            click: () => {
-                                permission.authorized = !permission.authorized;
-                                updateServicePermissions(serviceId);
-                            },
-                        }, {
-                            label: 'Forget',
-                            click: () => {
-                                service.permissions[domain] = domainPermissions.filter(p => p !== permission);
-                            },
-                        }],
-                    });
-                }
-            }
-
-            if (domainPermissionsMenu.length > 0) {
-                permissionsMenu.push({
-                    label: domain,
-                    submenu: domainPermissionsMenu,
-                });
-            }
-        }
-    }
-    menu.append(new MenuItem({
-        label: 'Permissions',
-        enabled: ready,
-        submenu: permissionsMenu,
-    }));
-
-    menu.append(new MenuItem({type: "separator"}));
-
-    menu.append(new MenuItem({
-        label: 'Edit', click: () => {
-            ipcRenderer.send('openServiceSettings', serviceId);
-        },
-    }));
-    menu.append(new MenuItem({
-        label: 'Delete', click: () => {
-            dialog.showMessageBox(remote.getCurrentWindow(), {
-                type: 'question',
-                title: 'Confirm',
-                message: 'Are you sure you want to delete this service?',
-                buttons: ['Cancel', 'Confirm'],
-                cancelId: 0,
-            }).then(result => {
-                if (result.response === 1) {
-                    ipcRenderer.send('deleteService', serviceId);
-                }
-            }).catch(console.error);
-        },
-    }));
-    menu.popup({window: remote.getCurrentWindow()});
-}
-
 
 ipcRenderer.on('data', (
     event,
@@ -258,6 +123,44 @@ ipcRenderer.on('data', (
     document.documentElement.style.setProperty('--nav-width', config.bigNavBar ? '64px' : '48px');
 });
 
+ipcRenderer.on('load-service-home', (event, serviceId: number) => {
+    const service = services[serviceId];
+    if (!service) throw new Error('Service doesn\'t exist.');
+
+    service.view?.loadURL(service.url)
+        .catch(console.error);
+});
+
+ipcRenderer.on('reload-service', (event, serviceId: number) => {
+    reloadService(serviceId);
+});
+
+ipcRenderer.on('unload-service', (event, serviceId: number) => {
+    unloadService(serviceId);
+});
+
+ipcRenderer.on('reset-service-zoom-level', (event, serviceId: number) => {
+    const service = services[serviceId];
+    if (service?.view) {
+        service.view.setZoomFactor(1);
+        service.view.setZoomLevel(0);
+    }
+});
+
+ipcRenderer.on('zoom-in-service', (event, serviceId: number) => {
+    const service = services[serviceId];
+    if (service?.view) {
+        service.view.setZoomLevel(service.view.getZoomLevel() + 1);
+    }
+});
+
+ipcRenderer.on('zoom-out-service', (event, serviceId: number) => {
+    const service = services[serviceId];
+    if (service?.view) {
+        service.view.setZoomLevel(service.view.getZoomLevel() - 1);
+    }
+});
+
 function removeServiceFeatures(id: number): Element | null {
     // Remove nav
     const nav = document.querySelector('#service-selector');
@@ -358,7 +261,20 @@ function createServiceNavigationElement(index: number, nextNavButton?: Element |
             ipcRenderer.send('setActiveService', id);
         }
     });
-    button.addEventListener('contextmenu', e => openServiceContextMenu(e, index));
+    button.addEventListener('contextmenu', e => {
+        e.preventDefault();
+
+        const service = services[index];
+        if (!service) throw new Error('Service doesn\'t exist.');
+
+        ipcRenderer.send(
+            'open-service-navigation-context-menu',
+            index,
+            !!service.view && !!service.viewReady,
+            !service.view && !service.viewReady,
+            service.view?.getZoomFactor() !== 1 && service.view?.getZoomLevel() !== 0,
+        );
+    });
 
     let icon: HTMLImageElement | HTMLElement;
     if (service.useFavicon && service.favicon != null) {
@@ -490,7 +406,7 @@ document.addEventListener('DOMContentLoaded', () => {
     refreshButton?.addEventListener('click', () => reload());
 
     addButton = document.getElementById('add-button');
-    addButton?.addEventListener('click', () => ipcRenderer.send('openServiceSettings', null));
+    addButton?.addEventListener('click', () => ipcRenderer.send('create-new-service', null));
 
     settingsButton = document.getElementById('settings-button');
     settingsButton?.addEventListener('click', () => ipcRenderer.send('openSettings', null));
@@ -571,72 +487,17 @@ function loadService(serviceId: number, service: FrontService) {
                 }
             });
 
-            const webContents = remote.webContents.fromId(view.getWebContentsId());
 
             // Set custom user agent
             if (typeof service.customUserAgent === 'string') {
-                webContents.setUserAgent(service.customUserAgent);
+                ipcRenderer.send('set-web-contents-user-agent', view.getWebContentsId(), service.customUserAgent);
             }
 
             // Set context menu
-            setContextMenu(webContents);
+            ipcRenderer.send('open-service-content-context-menu', view.getWebContentsId());
 
             // Set permission request handler
-            function getUrlDomain(url: string) {
+            ipcRenderer.send('set-partition-permissions', serviceId, view.partition);
-                const matches = url.match(/^https?:\/\/((.+?)\/|(.+))/i);
-                if (matches !== null) {
-                    let domain = matches[1];
-                    if (domain.endsWith('/')) domain = domain.substr(0, domain.length - 1);
-                    return domain;
-                }
-
-                return '';
-            }
-
-            function getDomainPermissions(domain: string) {
-                let domainPermissions = service.permissions[domain];
-                if (!domainPermissions) domainPermissions = service.permissions[domain] = [];
-                return domainPermissions;
-            }
-
-            const serviceSession = session.fromPartition(view.partition);
-            serviceSession.setPermissionRequestHandler((webContents, permissionName, callback, details) => {
-                const domain = getUrlDomain(details.requestingUrl);
-                const domainPermissions = getDomainPermissions(domain);
-
-                const existingPermissions = domainPermissions.filter(p => p.name === permissionName);
-                if (existingPermissions.length > 0) {
-                    callback(existingPermissions[0].authorized);
-                    return;
-                }
-
-                dialog.showMessageBox(remote.getCurrentWindow(), {
-                    type: 'question',
-                    title: 'Grant ' + permissionName + ' permission',
-                    message: 'Do you wish to grant the ' + permissionName + ' permission to ' + domain + '?',
-                    buttons: ['Deny', 'Authorize'],
-                    cancelId: 0,
-                }).then(result => {
-                    const authorized = result.response === 1;
-
-                    domainPermissions.push({
-                        name: permissionName,
-                        authorized: authorized,
-                    });
-                    updateServicePermissions(serviceId);
-
-                    console.log(authorized ? 'Granted' : 'Denied', permissionName, 'for domain', domain);
-                    callback(authorized);
-                }).catch(console.error);
-            });
-            serviceSession.setPermissionCheckHandler((webContents1, permissionName, requestingOrigin, details) => {
-                console.log('Permission check', permissionName, requestingOrigin, details);
-                const domain = getUrlDomain(details.requestingUrl);
-                const domainPermissions = getDomainPermissions(domain);
-
-                const existingPermissions = domainPermissions.filter(p => p.name === permissionName);
-                return existingPermissions.length > 0 && existingPermissions[0].authorized;
-            });
 
             view.setAttribute('src', service.url);
         });
@@ -717,13 +578,6 @@ function reloadService(serviceId: number) {
     }
 }
 
-function updateServicePermissions(serviceId: number) {
-    const service = services[serviceId];
-    if (!service) throw new Error('Service doesn\'t exist.');
-
-    ipcRenderer.send('updateServicePermissions', serviceId, service.permissions);
-}
-
 function updateNavigation() {
     console.debug('Updating navigation');
     // Update active list element
@@ -781,11 +635,11 @@ function updateStatusButton() {
 
 function updateWindowTitle() {
     if (selectedServiceId === null) {
-        ipcRenderer.send('updateWindowTitle', null);
+        ipcRenderer.send('update-window-title', null);
     } else {
         const service = services[selectedServiceId];
         if (service?.viewReady && service.view) {
-            ipcRenderer.send('updateWindowTitle', selectedServiceId, remote.webContents.fromId(service.view.getWebContentsId()).getTitle());
+            ipcRenderer.send('update-window-title', selectedServiceId, service.view.getWebContentsId());
         }
     }
 }
@@ -804,14 +658,14 @@ function goForward() {
     if (selectedServiceId === null) return;
 
     const view = services[selectedServiceId]?.view;
-    if (view) remote.webContents.fromId(view.getWebContentsId()).goForward();
+    if (view) ipcRenderer.send('go-forward', view.getWebContentsId());
 }
 
 function goBack() {
     if (selectedServiceId === null) return;
 
     const view = services[selectedServiceId]?.view;
-    if (view) remote.webContents.fromId(view.getWebContentsId()).goBack();
+    if (view) ipcRenderer.send('go-back', view.getWebContentsId());
 }
 
 function reload() {
@@ -820,133 +674,6 @@ function reload() {
     reloadService(selectedServiceId);
 }
 
-function setContextMenu(webContents: WebContents) {
-    webContents.on('context-menu', (event, props: ContextMenuParams) => {
-        const menu = new Menu();
-        const {editFlags} = props;
-
-        // linkURL
-        if (props.linkURL.length > 0) {
-            if (menu.items.length > 0) {
-                menu.append(new MenuItem({type: 'separator'}));
-            }
-
-            menu.append(new MenuItem({
-                label: 'Copy link URL',
-                click: () => {
-                    clipboard.writeText(props.linkURL);
-                },
-            }));
-            menu.append(new MenuItem({
-                label: 'Open URL in default browser',
-                click: () => {
-                    if (props.linkURL.startsWith('https://')) {
-                        shell.openExternal(props.linkURL)
-                            .catch(console.error);
-                    }
-                },
-            }));
-        }
-
-        // Image
-        if (props.hasImageContents) {
-            if (menu.items.length > 0) {
-                menu.append(new MenuItem({type: 'separator'}));
-            }
-
-            menu.append(new MenuItem({
-                label: 'Copy image',
-                click: () => {
-                    webContents.copyImageAt(props.x, props.y);
-                },
-            }));
-
-            menu.append(new MenuItem({
-                label: 'Save image as',
-                click: () => {
-                    webContents.downloadURL(props.srcURL);
-                },
-            }));
-        }
-
-        // Text clipboard
-        if (editFlags.canUndo || editFlags.canRedo || editFlags.canCut || editFlags.canCopy || editFlags.canPaste ||
-            editFlags.canDelete) {
-            if (editFlags.canUndo || editFlags.canRedo) {
-                if (menu.items.length > 0) {
-                    menu.append(new MenuItem({type: 'separator'}));
-                }
-
-                if (editFlags.canUndo) {
-                    menu.append(new MenuItem({
-                        label: 'Undo',
-                        role: 'undo',
-                    }));
-                }
-                if (editFlags.canRedo) {
-                    menu.append(new MenuItem({
-                        label: 'Redo',
-                        role: 'redo',
-                    }));
-                }
-            }
-
-            if (menu.items.length > 0) {
-                menu.append(new MenuItem({type: 'separator'}));
-            }
-
-            menu.append(new MenuItem({
-                label: 'Cut',
-                role: 'cut',
-                enabled: editFlags.canCut,
-            }));
-            menu.append(new MenuItem({
-                label: 'Copy',
-                role: 'copy',
-                enabled: editFlags.canCopy,
-            }));
-            menu.append(new MenuItem({
-                label: 'Paste',
-                role: 'paste',
-                enabled: editFlags.canPaste,
-            }));
-            menu.append(new MenuItem({
-                label: 'Delete',
-                role: 'delete',
-                enabled: editFlags.canDelete,
-            }));
-        }
-
-        if (editFlags.canSelectAll) {
-            if (menu.items.length > 0) {
-                menu.append(new MenuItem({type: 'separator'}));
-            }
-
-            menu.append(new MenuItem({
-                label: 'Select all',
-                role: 'selectAll',
-            }));
-        }
-
-        // Inspect element
-        if (menu.items.length > 0) {
-            menu.append(new MenuItem({type: 'separator'}));
-        }
-
-        menu.append(new MenuItem({
-            label: 'Inspect element',
-            click: () => {
-                webContents.inspectElement(props.x, props.y);
-            },
-        }));
-
-
-        menu.popup({
-            window: remote.getCurrentWindow(),
-        });
-    });
-}
-
 ipcRenderer.on('fullscreenchange', (e, fullscreen: boolean) => {
     if (fullscreen) document.body.classList.add('fullscreen');
     else document.body.classList.remove('fullscreen');

frontend/ts/service-settings.ts

@@ -1,4 +1,4 @@
-import {ipcRenderer, remote} from "electron";
+import {ipcRenderer} from "electron";
 import Service from "../../src/Service";
 import {IconProperties, IconSet} from "../../src/Meta";
 
@@ -64,7 +64,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     document.getElementById('cancel-button')?.addEventListener('click', e => {
         e.preventDefault();
-        remote.getCurrentWindow().close();
+        ipcRenderer.send('close-window', 'ServiceSettingsWindow');
     });
 
     document.querySelector('form')?.addEventListener('submit', e => {
@@ -226,7 +226,7 @@ function save() {
     }
 
     ipcRenderer.send('saveService', serviceId, service);
-    remote.getCurrentWindow().close();
+    ipcRenderer.send('close-window', 'ServiceSettingsWindow');
 }
 
 function isValid() {

frontend/ts/settings.ts

@@ -1,4 +1,4 @@
-import {ipcRenderer, remote, shell} from "electron";
+import {ipcRenderer, shell} from "electron";
 import Config from "../../src/Config";
 import {SemVer} from "semver";
 import {UpdateInfo} from "electron-updater";
@@ -63,7 +63,7 @@ function save() {
     config.refreshButton = formData.get('refresh-button') === 'on';
 
     ipcRenderer.send('save-config', config);
-    remote.getCurrentWindow().close();
+    ipcRenderer.send('close-window', 'SettingsWindow');
 }
 
 document.addEventListener('DOMContentLoaded', () => {
@@ -87,7 +87,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     document.getElementById('cancel-button')?.addEventListener('click', e => {
         e.preventDefault();
-        remote.getCurrentWindow().close();
+        ipcRenderer.send('close-window', 'SettingsWindow');
     });
 
     document.querySelector('form')?.addEventListener('submit', e => {

src/Window.ts

@@ -32,6 +32,19 @@ export default abstract class Window {
             this.teardown();
             this.window = undefined;
         });
+
+        this.onIpc('close-window', (
+            event,
+            constructorName: string,
+        ) => {
+            if (constructorName === this.constructor.name) {
+                console.log('Closing', this.constructor.name);
+                const window = this.getWindow();
+                if (window.closable) {
+                    window.close();
+                }
+            }
+        });
     }
 
     public teardown(): void {
@@ -80,6 +93,7 @@ export default abstract class Window {
 
     public getWindow(): BrowserWindow {
         if (!this.window) throw Error('Window not initialized.');
+        else if (this.window.isDestroyed()) throw Error('Window destroyed.');
         return this.window;
     }
 }

src/windows/MainWindow.ts

@@ -1,11 +1,18 @@
 import path from "path";
-import {ipcMain} from "electron";
+import {
+    clipboard,
+    ContextMenuParams,
+    dialog,
+    ipcMain,
+    Menu,
+    MenuItem, session, shell,
+    webContents,
+} from "electron";
 import ServiceSettingsWindow from "./ServiceSettingsWindow";
 import SettingsWindow from "./SettingsWindow";
 import Application from "../Application";
 import Meta, {SpecialPages} from "../Meta";
 import Window from "../Window";
-import {ServicePermissions} from "../Service";
 
 export default class MainWindow extends Window {
     private activeServiceId: number = 0;
@@ -20,7 +27,6 @@ export default class MainWindow extends Window {
         super.setup({
             webPreferences: {
                 nodeIntegration: true,
-                enableRemoteModule: true,
                 webviewTag: true,
                 contextIsolation: false,
             },
@@ -82,40 +88,14 @@ export default class MainWindow extends Window {
             this.config.save();
         });
 
-        // Delete service
-        this.onIpc('deleteService', (e, id: number) => {
-            console.log('Deleting service', id);
-            this.config.services.splice(id, 1);
-            this.config.save();
-
-            window.webContents.send('deleteService', id);
-        });
-
-        // Update service permissions
-        ipcMain.on('updateServicePermissions', (e, serviceId: number, permissions: ServicePermissions) => {
-            this.config.services[serviceId].permissions = permissions;
-            this.config.save();
-        });
-
         // Update window title
-        ipcMain.on('updateWindowTitle', (event, serviceId: number | null, viewTitle?: string) => {
+        ipcMain.on('update-window-title', (event, serviceId: number | null, webContentsId?: number) => {
             if (serviceId === null) {
                 window.setTitle(Meta.title);
-            } else if (viewTitle) {
+            } else if (webContentsId) {
                 const service = this.config.services[serviceId];
-                window.setTitle(Meta.getTitleForService(service, viewTitle));
+                const serviceWebContents = webContents.fromId(webContentsId);
-            }
+                window.setTitle(Meta.getTitleForService(service, serviceWebContents.getTitle()));
-        });
-
-        // Open service settings window
-        ipcMain.on('openServiceSettings', (e, serviceId: number | null) => {
-            if (!this.serviceSettingsWindow) {
-                console.log('Opening service settings', serviceId);
-                this.serviceSettingsWindow = new ServiceSettingsWindow(this.application, this, serviceId);
-                this.serviceSettingsWindow.setup();
-                this.serviceSettingsWindow.onClose(() => {
-                    this.serviceSettingsWindow = undefined;
-                });
             }
         });
 
@@ -131,6 +111,50 @@ export default class MainWindow extends Window {
             }
         });
 
+        // Context menus
+        ipcMain.on('open-service-navigation-context-menu', (
+            event,
+            serviceId: number,
+            ready: boolean,
+            notReady: boolean,
+            canResetZoom: boolean,
+        ) => {
+            this.openServiceNavigationContextMenu(serviceId, ready, notReady, canResetZoom);
+        });
+        ipcMain.on('open-service-content-context-menu', (
+            event,
+            webContentsId: number,
+        ) => {
+            this.openServiceContentContextMenu(webContentsId);
+        });
+
+        // User agent
+        ipcMain.on('set-web-contents-user-agent', (event, webContentsId: number, userAgent: string) => {
+            webContents.fromId(webContentsId).setUserAgent(userAgent);
+        });
+
+        // Permission management
+        ipcMain.on('set-partition-permissions', (
+            event,
+            serviceId: number,
+            partition: string,
+        ) => {
+            this.setPartitionPermissions(serviceId, partition);
+        });
+
+        // Navigation
+        ipcMain.on('go-forward', (event, webContentsId: number) => {
+            webContents.fromId(webContentsId).goForward();
+        });
+        ipcMain.on('go-back', (event, webContentsId: number) => {
+            webContents.fromId(webContentsId).goBack();
+        });
+
+        // Create new service
+        ipcMain.on('create-new-service', () => {
+            this.openServiceSettings(null);
+        });
+
         window.on('enter-full-screen', () => {
             window.webContents.send('fullscreenchange', true);
         });
@@ -161,4 +185,335 @@ export default class MainWindow extends Window {
         console.log('Set active service', index);
         this.activeServiceId = index;
     }
+
+    private openServiceSettings(serviceId: number | null): void {
+        console.log('o', serviceId, !!this.serviceSettingsWindow);
+        if (!this.serviceSettingsWindow) {
+            console.log('Opening service settings', serviceId);
+            this.serviceSettingsWindow = new ServiceSettingsWindow(this.application, this, serviceId);
+            this.serviceSettingsWindow.setup();
+            this.serviceSettingsWindow.onClose(() => {
+                this.serviceSettingsWindow = undefined;
+            });
+        }
+    }
+
+    private deleteService(serviceId: number): void {
+        console.log('Deleting service', serviceId);
+        this.config.services.splice(serviceId, 1);
+        this.config.save();
+
+        this.getWindow().webContents.send('deleteService', serviceId);
+    }
+
+    private openServiceNavigationContextMenu(
+        serviceId: number,
+        ready: boolean,
+        notReady: boolean,
+        canResetZoom: boolean,
+    ): void {
+        const ipc = this.getWindow().webContents;
+        const permissions = this.config.services[serviceId].permissions;
+
+        const menu = new Menu();
+        menu.append(new MenuItem({
+            label: 'Home', click: () => {
+                ipc.send('load-service-home', serviceId);
+            },
+            enabled: ready,
+        }));
+        menu.append(new MenuItem({
+            label: ready ? 'Reload' : 'Load', click: () => {
+                ipc.send('reload-service', serviceId);
+            },
+            enabled: ready || notReady,
+        }));
+        menu.append(new MenuItem({
+            label: 'Close', click: () => {
+                ipc.send('unload-service', serviceId);
+            },
+            enabled: ready,
+        }));
+
+        menu.append(new MenuItem({type: "separator"}));
+
+        menu.append(new MenuItem({
+            label: 'Reset zoom level', click: () => {
+                ipc.send('reset-service-zoom-level', serviceId);
+            },
+            enabled: ready && canResetZoom,
+        }));
+        menu.append(new MenuItem({
+            label: 'Zoom in', click: () => {
+                ipc.send('zoom-in-service', serviceId);
+            },
+            enabled: ready,
+        }));
+        menu.append(new MenuItem({
+            label: 'Zoom out', click: () => {
+                ipc.send('zoom-out-service', serviceId);
+            },
+            enabled: ready,
+        }));
+
+        menu.append(new MenuItem({type: "separator"}));
+
+        const permissionsMenu = [];
+        if (ready) {
+            for (const domain of Object.keys(permissions)) {
+                const domainPermissionsMenu = [];
+
+                const domainPermissions = permissions[domain];
+                if (domainPermissions) {
+                    for (const permission of domainPermissions) {
+                        domainPermissionsMenu.push({
+                            label: (permission.authorized ? '✓' : '❌') + ' ' + permission.name,
+                            submenu: [{
+                                label: 'Toggle',
+                                click: () => {
+                                    permission.authorized = !permission.authorized;
+                                    this.config.save();
+                                },
+                            }, {
+                                label: 'Forget',
+                                click: () => {
+                                    permissions[domain] = domainPermissions.filter(p => p !== permission);
+                                },
+                            }],
+                        });
+                    }
+                }
+
+                if (domainPermissionsMenu.length > 0) {
+                    permissionsMenu.push({
+                        label: domain,
+                        submenu: domainPermissionsMenu,
+                    });
+                }
+            }
+        }
+        menu.append(new MenuItem({
+            label: 'Permissions',
+            enabled: ready,
+            submenu: permissionsMenu,
+        }));
+
+        menu.append(new MenuItem({type: "separator"}));
+
+        menu.append(new MenuItem({
+            label: 'Edit', click: () => {
+                this.openServiceSettings(serviceId);
+            },
+        }));
+        menu.append(new MenuItem({
+            label: 'Delete', click: () => {
+                dialog.showMessageBox(this.getWindow(), {
+                    type: 'question',
+                    title: 'Confirm',
+                    message: 'Are you sure you want to delete this service?',
+                    buttons: ['Cancel', 'Confirm'],
+                    cancelId: 0,
+                }).then(result => {
+                    if (result.response === 1) {
+                        this.deleteService(serviceId);
+                    }
+                }).catch(console.error);
+            },
+        }));
+        menu.popup({window: this.getWindow()});
+    }
+
+    private openServiceContentContextMenu(
+        webContentsId: number,
+    ): void {
+        const serviceWebContents = webContents.fromId(webContentsId);
+
+        serviceWebContents.on('context-menu', (event, props: ContextMenuParams) => {
+            const menu = new Menu();
+            const {editFlags} = props;
+
+            // linkURL
+            if (props.linkURL.length > 0) {
+                if (menu.items.length > 0) {
+                    menu.append(new MenuItem({type: 'separator'}));
+                }
+
+                menu.append(new MenuItem({
+                    label: 'Copy link URL',
+                    click: () => {
+                        clipboard.writeText(props.linkURL);
+                    },
+                }));
+                menu.append(new MenuItem({
+                    label: 'Open URL in default browser',
+                    click: () => {
+                        if (props.linkURL.startsWith('https://')) {
+                            shell.openExternal(props.linkURL)
+                                .catch(console.error);
+                        }
+                    },
+                }));
+            }
+
+            // Image
+            if (props.hasImageContents) {
+                if (menu.items.length > 0) {
+                    menu.append(new MenuItem({type: 'separator'}));
+                }
+
+                menu.append(new MenuItem({
+                    label: 'Copy image',
+                    click: () => {
+                        serviceWebContents.copyImageAt(props.x, props.y);
+                    },
+                }));
+
+                menu.append(new MenuItem({
+                    label: 'Save image as',
+                    click: () => {
+                        serviceWebContents.downloadURL(props.srcURL);
+                    },
+                }));
+            }
+
+            // Text clipboard
+            if (editFlags.canUndo || editFlags.canRedo || editFlags.canCut || editFlags.canCopy || editFlags.canPaste ||
+                editFlags.canDelete) {
+                if (editFlags.canUndo || editFlags.canRedo) {
+                    if (menu.items.length > 0) {
+                        menu.append(new MenuItem({type: 'separator'}));
+                    }
+
+                    if (editFlags.canUndo) {
+                        menu.append(new MenuItem({
+                            label: 'Undo',
+                            role: 'undo',
+                        }));
+                    }
+                    if (editFlags.canRedo) {
+                        menu.append(new MenuItem({
+                            label: 'Redo',
+                            role: 'redo',
+                        }));
+                    }
+                }
+
+                if (menu.items.length > 0) {
+                    menu.append(new MenuItem({type: 'separator'}));
+                }
+
+                menu.append(new MenuItem({
+                    label: 'Cut',
+                    role: 'cut',
+                    enabled: editFlags.canCut,
+                }));
+                menu.append(new MenuItem({
+                    label: 'Copy',
+                    role: 'copy',
+                    enabled: editFlags.canCopy,
+                }));
+                menu.append(new MenuItem({
+                    label: 'Paste',
+                    role: 'paste',
+                    enabled: editFlags.canPaste,
+                }));
+                menu.append(new MenuItem({
+                    label: 'Delete',
+                    role: 'delete',
+                    enabled: editFlags.canDelete,
+                }));
+            }
+
+            if (editFlags.canSelectAll) {
+                if (menu.items.length > 0) {
+                    menu.append(new MenuItem({type: 'separator'}));
+                }
+
+                menu.append(new MenuItem({
+                    label: 'Select all',
+                    role: 'selectAll',
+                }));
+            }
+
+            // Inspect element
+            if (menu.items.length > 0) {
+                menu.append(new MenuItem({type: 'separator'}));
+            }
+
+            menu.append(new MenuItem({
+                label: 'Inspect element',
+                click: () => {
+                    serviceWebContents.inspectElement(props.x, props.y);
+                },
+            }));
+
+
+            menu.popup({
+                window: this.getWindow(),
+            });
+        });
+    }
+
+    private setPartitionPermissions(
+        serviceId: number,
+        partition: string,
+    ): void {
+        const service = this.config.services[serviceId];
+
+        function getUrlDomain(url: string) {
+            const matches = url.match(/^https?:\/\/((.+?)\/|(.+))/i);
+            if (matches !== null) {
+                let domain = matches[1];
+                if (domain.endsWith('/')) domain = domain.substr(0, domain.length - 1);
+                return domain;
+            }
+
+            return '';
+        }
+
+        function getDomainPermissions(domain: string) {
+            let domainPermissions = service.permissions[domain];
+            if (!domainPermissions) domainPermissions = service.permissions[domain] = [];
+            return domainPermissions;
+        }
+
+        const serviceSession = session.fromPartition(partition);
+        serviceSession.setPermissionRequestHandler((webContents, permissionName, callback, details) => {
+            const domain = getUrlDomain(details.requestingUrl);
+            const domainPermissions = getDomainPermissions(domain);
+
+            const existingPermissions = domainPermissions.filter(p => p.name === permissionName);
+            if (existingPermissions.length > 0) {
+                callback(existingPermissions[0].authorized);
+                return;
+            }
+
+            dialog.showMessageBox(this.getWindow(), {
+                type: 'question',
+                title: 'Grant ' + permissionName + ' permission',
+                message: 'Do you wish to grant the ' + permissionName + ' permission to ' + domain + '?',
+                buttons: ['Deny', 'Authorize'],
+                cancelId: 0,
+            }).then(result => {
+                const authorized = result.response === 1;
+
+                domainPermissions.push({
+                    name: permissionName,
+                    authorized: authorized,
+                });
+                this.config.save();
+
+                console.log(authorized ? 'Granted' : 'Denied', permissionName, 'for domain', domain);
+                callback(authorized);
+            }).catch(console.error);
+        });
+        serviceSession.setPermissionCheckHandler((webContents1, permissionName, requestingOrigin, details) => {
+            console.log('Permission check', permissionName, requestingOrigin, details);
+            const domain = getUrlDomain(details.requestingUrl);
+            const domainPermissions = getDomainPermissions(domain);
+
+            const existingPermissions = domainPermissions.filter(p => p.name === permissionName);
+            return existingPermissions.length > 0 && existingPermissions[0].authorized;
+        });
+    }
 }

src/windows/ServiceSettingsWindow.ts

@@ -16,7 +16,6 @@ export default class ServiceSettingsWindow extends Window {
         super.setup({
             webPreferences: {
                 nodeIntegration: true,
-                enableRemoteModule: true,
                 webviewTag: true,
                 contextIsolation: false,
             },

src/windows/SettingsWindow.ts

@@ -10,7 +10,6 @@ export default class SettingsWindow extends Window {
         super.setup({
             webPreferences: {
                 nodeIntegration: true,
-                enableRemoteModule: true,
                 webviewTag: true,
                 contextIsolation: false,
             },