@raydiant/playlist-window-manager 0.0.0-electron-upgrade-1

package/src/BrowserViewRenderer.ts

@@ -0,0 +1,180 @@
+import * as path from 'path';
+import { BrowserWindow, BrowserView, ipcMain, IpcMainEvent } from 'electron';
+import {
+  PresentationWindowRenderer,
+  CreateWindowOptions,
+  WindowBounds,
+} from './types';
+
+interface BrowserViewRendererWindow {
+  view: BrowserView;
+  bounds: WindowBounds;
+  receiveMessageCallback: (
+    event: IpcMainEvent,
+    type: string,
+    payload?: any
+  ) => void;
+}
+
+export default class BrowserViewRenderer implements PresentationWindowRenderer {
+  private windows: {
+    [windowId: string]: BrowserViewRendererWindow;
+  } = {};
+
+  constructor(
+    private mainWindow: BrowserWindow,
+    private offscreenWindow: BrowserWindow
+  ) {}
+
+  public async createWindow({
+    windowId,
+    parentWindowId,
+    bounds,
+    backgroundColor,
+    receiveMessageCallback,
+  }: CreateWindowOptions) {
+    const window = {
+      view: new BrowserView({
+        webPreferences: {
+          preload: path.join(__dirname, 'preload.js'),
+          contextIsolation: false,
+        },
+      }),
+
+      bounds: bounds || { ...this.mainWindow.getBounds(), x: 0, y: 0 },
+
+      receiveMessageCallback: (
+        _: IpcMainEvent,
+        type: string,
+        payload?: any
+      ) => {
+        if (receiveMessageCallback) {
+          receiveMessageCallback(type, payload);
+        }
+      },
+    };
+
+    this.windows[windowId] = window;
+
+    ipcMain.on(windowId, window.receiveMessageCallback);
+
+    this.offscreenWindow.addBrowserView(window.view);
+    window.view.setBounds(window.bounds);
+
+    if (backgroundColor) {
+      window.view.setBackgroundColor(backgroundColor);
+    }
+
+    // The main window browserviews should auto size with the container but child window
+    // browser views have their own resize handlers and are updated via updateWindowBounds.
+    if (!parentWindowId) {
+      window.view.setAutoResize({
+        width: true,
+        height: true,
+      });
+    }
+  }
+
+  public async loadWindow(windowId: string, url: string) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(`Failed to load window, missing window id '${windowId}'`);
+    }
+
+    await window.view.webContents.loadURL(url);
+  }
+
+  public updateWindowBounds(windowId: string, bounds: WindowBounds) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(
+        `Failed to update window bounds, missing window id '${windowId}'`
+      );
+    }
+
+    window.bounds = bounds;
+    window.view.setBounds(window.bounds);
+  }
+
+  public showWindow(windowId: string, isFocused: boolean) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(`Failed to show window, missing window id '${windowId}'`);
+    }
+
+    this.mainWindow.addBrowserView(window.view);
+
+    if (isFocused) {
+      // The setTimeout is required to set focus after the BrowserView has
+      // been added to the parent BrowserWindow.
+      setTimeout(() => window.view.webContents.focus(), 0);
+    }
+  }
+
+  public hideWindow(windowId: string) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(`Failed to hide window, missing window id '${windowId}'`);
+    }
+
+    this.offscreenWindow.addBrowserView(window.view);
+  }
+
+  public async removeWindow(windowId: string) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(`Failed to hide window, missing window id '${windowId}'`);
+    }
+
+    this.hideWindow(windowId);
+    window.view.webContents.loadURL('about:blank');
+    ipcMain.off(windowId, window.receiveMessageCallback);
+    delete this.windows[windowId];
+  }
+
+  public sendMessageString(windowId: string, message: string) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(
+        `Failed to send message to window, missing window id '${windowId}'`
+      );
+    }
+
+    window.view.webContents.send('electron-main', message);
+  }
+
+  public sendMessageObject(windowId: string, type: string, payload?: any) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(
+        `Failed to send message to window, missing window id '${windowId}'`
+      );
+    }
+
+    window.view.webContents.send('electron-main', { type, payload });
+  }
+
+  public muteWindow(windowId: string) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(`Failed to mute window, missing window id '${windowId}'`);
+    }
+
+    window.view.webContents.setAudioMuted(true);
+  }
+
+  public unMuteWindow(windowId: string) {
+    const window = this.getWindow(windowId);
+    if (!window) {
+      throw new Error(
+        `Failed to unmute window, missing window id '${windowId}'`
+      );
+    }
+
+    window.view.webContents.setAudioMuted(false);
+  }
+
+  private getWindow(windowId: string): BrowserViewRendererWindow | null {
+    return this.windows[windowId];
+  }
+}