export zoom factor to frontend

Author: sawka

emain/emain-tabview.ts

@@ -83,6 +83,9 @@ export class WaveTabView extends WebContentsView {
             removeWaveTabView(this.waveTabId);
             this.isDestroyed = true;
         });
+        this.webContents.on("zoom-changed", (_event, zoomDirection) => {
+            this.webContents.send("zoom-factor-change", this.webContents.getZoomFactor());
+        });
         this.setBackgroundColor(computeBgColor(fullConfig));
     }
 

emain/emain.ts

@@ -280,6 +280,10 @@ electron.ipcMain.on("get-about-modal-details", (event) => {
     event.returnValue = getWaveVersion() as AboutModalDetails;
 });
 
+electron.ipcMain.on("get-zoom-factor", (event) => {
+    event.returnValue = event.sender.getZoomFactor();
+});
+
 const hasBeforeInputRegisteredMap = new Map<number, boolean>();
 
 electron.ipcMain.on("webview-focus", (event: Electron.IpcMainEvent, focusedId: number) => {

emain/preload.ts

@@ -15,6 +15,7 @@ contextBridge.exposeInMainWorld("api", {
     getAboutModalDetails: () => ipcRenderer.sendSync("get-about-modal-details"),
     getDocsiteUrl: () => ipcRenderer.sendSync("get-docsite-url"),
     getWebviewPreload: () => ipcRenderer.sendSync("get-webview-preload"),
+    getZoomFactor: () => ipcRenderer.sendSync("get-zoom-factor"),
     openNewWindow: () => ipcRenderer.send("open-new-window"),
     showContextMenu: (workspaceId, menu) => ipcRenderer.send("contextmenu-show", workspaceId, menu),
     onContextMenuClick: (callback) => ipcRenderer.on("contextmenu-click", (_event, id) => callback(id)),
@@ -29,6 +30,8 @@ contextBridge.exposeInMainWorld("api", {
     getEnv: (varName) => ipcRenderer.sendSync("get-env", varName),
     onFullScreenChange: (callback) =>
         ipcRenderer.on("fullscreen-change", (_event, isFullScreen) => callback(isFullScreen)),
+    onZoomFactorChange: (callback) =>
+        ipcRenderer.on("zoom-factor-change", (_event, zoomFactor) => callback(zoomFactor)),
     onUpdaterStatusChange: (callback) => ipcRenderer.on("app-update-status", (_event, status) => callback(status)),
     getUpdaterStatus: () => ipcRenderer.sendSync("get-app-update-status"),
     getUpdaterChannel: () => ipcRenderer.sendSync("get-updater-channel"),

frontend/types/custom.d.ts

@@ -74,13 +74,15 @@ declare global {
         getWebviewPreload: () => string; // get-webview-preload
         getAboutModalDetails: () => AboutModalDetails; // get-about-modal-details
         getDocsiteUrl: () => string; // get-docsite-url
+        getZoomFactor: () => number; // get-zoom-factor
         showContextMenu: (workspaceId: string, menu?: ElectronContextMenuItem[]) => void; // contextmenu-show
         onContextMenuClick: (callback: (id: string) => void) => void; // contextmenu-click
         onNavigate: (callback: (url: string) => void) => void;
         onIframeNavigate: (callback: (url: string) => void) => void;
         downloadFile: (path: string) => void; // download
         openExternal: (url: string) => void; // open-external
         onFullScreenChange: (callback: (isFullScreen: boolean) => void) => void; // fullscreen-change
+        onZoomFactorChange: (callback: (zoomFactor: number) => void) => void; // zoom-factor-change
         onUpdaterStatusChange: (callback: (status: UpdaterStatus) => void) => void; // app-update-status
         getUpdaterStatus: () => UpdaterStatus; // get-app-update-status
         getUpdaterChannel: () => string; // get-updater-channel