auto-caption/src/main/CaptionWindow.ts

import { shell, BrowserWindow, ipcMain } from 'electron'
import path from 'path'
import { is } from '@electron-toolkit/utils'
import icon from '../../build/icon.png?asset'
import { controlWindow } from './ControlWindow'
import { allConfig } from './utils/AllConfig'

class CaptionWindow {
  window: BrowserWindow | undefined;

  public createWindow(): void {
    this.window = new BrowserWindow({
      icon: icon,
      width: allConfig.captionWindowWidth,
      height: 100,
      minWidth: 480,
      show: false,
      frame: false,
      transparent: true,
      center: true,
      autoHideMenuBar: true,
      webPreferences: {
        preload: path.join(__dirname, '../preload/index.js'),
        sandbox: false
      }
    })

    this.window.setAlwaysOnTop(true, 'screen-saver')

    this.window.on('ready-to-show', () => {
      this.window?.show()
    })

    this.window.on('close', () => {
      if(this.window) {
        allConfig.captionWindowWidth = this.window?.getBounds().width;
      }
    })

    this.window.on('closed', () => {
      this.window = undefined
    })

    this.window.webContents.setWindowOpenHandler((details) => {
      shell.openExternal(details.url)
      return { action: 'deny' }
    })

    if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
      this.window.loadURL(`${process.env['ELECTRON_RENDERER_URL']}/#/caption`)
    } else {
      this.window.loadFile(path.join(__dirname, '../renderer/index.html'), {
        hash: 'caption'
      })
    }
  }

  public handleMessage() {
    ipcMain.on('caption.controlWindow.activate', () => {
      if(!controlWindow.window){
        controlWindow.createWindow()
      }
      else {
        controlWindow.window.show()
      }
    })

    ipcMain.on('caption.windowHeight.change', (_, height) => {
      if(this.window){
        this.window.setSize(this.window.getSize()[0], height)
      }
    })

    ipcMain.on('caption.window.close', () => {
      if(this.window){
        this.window.close()
      }
    })

    ipcMain.on('caption.pin.set', (_, pinned) => {
      if(this.window){
        if(pinned) this.window.setAlwaysOnTop(true, 'screen-saver')
        else this.window.setAlwaysOnTop(false)
      }
    })
  }
}

export const captionWindow = new CaptionWindow()