重构主进程代码，拆分窗口创建逻辑并注册 IPC 处理程序

src/main/index.ts

@@ -1,189 +1,26 @@
-import { app, shell, BrowserWindow, ipcMain, dialog } from 'electron'
+import { app, BrowserWindow } from 'electron'
-import * as path from 'path'
+import { electronApp, optimizer } from '@electron-toolkit/utils'
-// const path = require('path')
+import { createMainWindow } from './windows/mainWindow'
-// import { path.join } from 'path'
+import { registerIpcHandlers } from './ipcHandlers'
-import { electronApp, optimizer, is } from '@electron-toolkit/utils'
-import icon from '../../resources/icon.png?asset'
-import * as fs from 'fs'
 
-function createWindow(): void {
-  // Create the browser window.
-  const mainWindow = new BrowserWindow({
-    width: 720,
-    height: 480,
-    show: false,
-    autoHideMenuBar: true,
-    ...(process.platform === 'linux' ? { icon } : {}),
-    webPreferences: {
-      preload: path.join(__dirname, '../preload/index.js'),
-      sandbox: false,
-      nodeIntegration: true
-    }
-    // titleBarStyle: 'hidden',
-    // titleBarOverlay: {
-    //   color: 'rgba(0,0,0,0)',
-    //   height: 35,
-    //   symbolColor: 'white'
-    // }
-  })
-
-  mainWindow.setAspectRatio(720 / 480) // 固定宽高比
-  mainWindow.setMinimumSize(720, 480) // 最小尺寸
-
-  mainWindow.on('ready-to-show', () => {
-    mainWindow.show()
-  })
-
-  mainWindow.webContents.setWindowOpenHandler((details) => {
-    shell.openExternal(details.url)
-    return { action: 'deny' }
-  })
-
-  const route = 'mainpage'
-
-  // HMR for renderer base on electron-vite cli.
-  // Load the remote URL for development or the local html file for production.
-  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
-    // 🚧 Use ['ENV_NAME'] avoid vite:define plugin
-    const url = process.env['ELECTRON_RENDERER_URL']
-
-    mainWindow.loadURL(`${url}#/${route}`)
-  } else {
-    mainWindow.loadFile(path.resolve(__dirname, '../renderer/index.html'), { hash: route })
-  }
-}
-
-function createEditorWindow(): void {
-  const editorWindow = new BrowserWindow({
-    width: 920,
-    height: 700,
-    show: false,
-    autoHideMenuBar: true,
-    titleBarStyle: 'default',
-    webPreferences: {
-      preload: path.join(__dirname, '../preload/index.js'),
-      sandbox: false
-    }
-  })
-
-  editorWindow.on('ready-to-show', () => {
-    editorWindow.show()
-  })
-
-  editorWindow.webContents.setWindowOpenHandler((details) => {
-    shell.openExternal(details.url)
-    return { action: 'deny' }
-  })
-
-  const route = 'editor'
-
-  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
-    const url = process.env['ELECTRON_RENDERER_URL']
-    editorWindow.loadURL(`${url}#/${route}`)
-  } else {
-    editorWindow.loadFile(path.resolve(__dirname, '../renderer/index.html'), { hash: route })
-  }
-}
-
-function createPlayerWindow(configPath: string): void {
-  const playerWindow = new BrowserWindow({
-    width: 1920,
-    height: 1080,
-    fullscreen: true,
-    autoHideMenuBar: true,
-    webPreferences: {
-      preload: path.join(__dirname, '../preload/index.js'),
-      sandbox: false
-    }
-  })
-
-  playerWindow.on('ready-to-show', () => {
-    playerWindow.show()
-  })
-
-  playerWindow.webContents.setWindowOpenHandler((details) => {
-    shell.openExternal(details.url)
-    return { action: 'deny' }
-  })
-
-  const route = 'playerview'
-
-  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
-    const url = process.env['ELECTRON_RENDERER_URL']
-    playerWindow.loadURL(`${url}#/${route}`)
-  } else {
-    playerWindow.loadFile(path.resolve(__dirname, '../renderer/index.html'), { hash: route })
-  }
-
-  // 读取配置文件并发送给渲染进程
-  fs.readFile(configPath, 'utf-8', (err, data) => {
-    if (err) {
-      console.error('Failed to read config file:', err)
-      return
-    }
-    // 延迟发送事件，确保渲染进程有足够时间挂载组件
-    setTimeout(() => {
-      playerWindow.webContents.send('load-config', data)
-      console.log('Config file loaded:', data)
-    }, 1000) // 延迟1秒
-  })
-}
-
-// This method will be called when Electron has finished
-// initialization and is ready to create browser windows.
-// Some APIs can only be used after this event occurs.
 app.whenReady().then(() => {
-  // Set app user model id for windows
   electronApp.setAppUserModelId('org.examaware')
 
-  // Default open or close DevTools by F12 in development
-  // and ignore CommandOrControl + R in production.
-  // see https://github.com/alex8088/electron-toolkit/tree/master/packages/utils
   app.on('browser-window-created', (_, window) => {
     optimizer.watchWindowShortcuts(window)
   })
 
-  // IPC test
+  registerIpcHandlers()
-  ipcMain.on('ping', () => console.log('pong'))
 
-  // Handle open editor window request
+  createMainWindow()
-  ipcMain.on('open-editor-window', () => {
-    createEditorWindow()
-  })
-
-  ipcMain.on('open-player-window', (event, configPath) => {
-    createPlayerWindow(configPath)
-  })
-
-  ipcMain.handle('select-file', async () => {
-    const result = await dialog.showOpenDialog({
-      properties: ['openFile'],
-      filters: [{ name: 'JSON Files', extensions: ['json'] }]
-    })
-    if (result.canceled) {
-      return null
-    } else {
-      return result.filePaths[0]
-    }
-  })
-
-  createWindow()
 
   app.on('activate', function () {
-    // On macOS it's common to re-create a window in the app when the
+    if (BrowserWindow.getAllWindows().length === 0) createMainWindow()
-    // dock icon is clicked and there are no other windows open.
-    if (BrowserWindow.getAllWindows().length === 0) createWindow()
   })
 })
 
-// Quit when all windows are closed, except on macOS. There, it's common
-// for applications and their menu bar to stay active until the user quits
-// explicitly with Cmd + Q.
 app.on('window-all-closed', () => {
   if (process.platform !== 'darwin') {
     app.quit()
   }
 })
-
-// In this file you can include the rest of your app"s specific main process
-// code. You can also put them in separate files and require them here.

src/main/ipcHandlers/index.ts

@@ -0,0 +1,29 @@
+import { ipcMain, dialog } from 'electron'
+import { createEditorWindow } from '../windows/editorWindow'
+import { createPlayerWindow } from '../windows/playerWindow'
+
+export function registerIpcHandlers(): void {
+  // IPC test
+  ipcMain.on('ping', () => console.log('pong'))
+
+  // Handle open editor window request
+  ipcMain.on('open-editor-window', () => {
+    createEditorWindow()
+  })
+
+  ipcMain.on('open-player-window', (event, configPath) => {
+    createPlayerWindow(configPath)
+  })
+
+  ipcMain.handle('select-file', async () => {
+    const result = await dialog.showOpenDialog({
+      properties: ['openFile'],
+      filters: [{ name: 'JSON Files', extensions: ['json'] }]
+    })
+    if (result.canceled) {
+      return null
+    } else {
+      return result.filePaths[0]
+    }
+  })
+}

src/main/windows/editorWindow.ts

@@ -0,0 +1,37 @@
+import { BrowserWindow, shell } from 'electron'
+import * as path from 'path'
+import { is } from '@electron-toolkit/utils'
+
+export function createEditorWindow(): BrowserWindow {
+  const editorWindow = new BrowserWindow({
+    width: 920,
+    height: 700,
+    show: false,
+    autoHideMenuBar: true,
+    titleBarStyle: 'default',
+    webPreferences: {
+      preload: path.join(__dirname, '../preload/index.js'),
+      sandbox: false
+    }
+  })
+
+  editorWindow.on('ready-to-show', () => {
+    editorWindow.show()
+  })
+
+  editorWindow.webContents.setWindowOpenHandler((details) => {
+    shell.openExternal(details.url)
+    return { action: 'deny' }
+  })
+
+  const route = 'editor'
+
+  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
+    const url = process.env['ELECTRON_RENDERER_URL']
+    editorWindow.loadURL(`${url}#/${route}`)
+  } else {
+    editorWindow.loadFile(path.resolve(__dirname, '../renderer/index.html'), { hash: route })
+  }
+
+  return editorWindow
+}

src/main/windows/mainWindow.ts

@@ -0,0 +1,41 @@
+import { BrowserWindow, shell } from 'electron'
+import * as path from 'path'
+import { is } from '@electron-toolkit/utils'
+
+export function createMainWindow(): BrowserWindow {
+  const mainWindow = new BrowserWindow({
+    width: 720,
+    height: 480,
+    show: false,
+    autoHideMenuBar: true,
+    ...(process.platform === 'linux' ? { icon: path.join(__dirname, '../../resources/icon.png') } : {}),
+    webPreferences: {
+      preload: path.join(__dirname, '../preload/index.js'),
+      sandbox: false,
+      nodeIntegration: true
+    }
+  })
+
+  mainWindow.setAspectRatio(720 / 480)
+  mainWindow.setMinimumSize(720, 480)
+
+  mainWindow.on('ready-to-show', () => {
+    mainWindow.show()
+  })
+
+  mainWindow.webContents.setWindowOpenHandler((details) => {
+    shell.openExternal(details.url)
+    return { action: 'deny' }
+  })
+
+  const route = 'mainpage'
+
+  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
+    const url = process.env['ELECTRON_RENDERER_URL']
+    mainWindow.loadURL(`${url}#/${route}`)
+  } else {
+    mainWindow.loadFile(path.resolve(__dirname, '../renderer/index.html'), { hash: route })
+  }
+
+  return mainWindow
+}

src/main/windows/playerWindow.ts

@@ -0,0 +1,48 @@
+import { BrowserWindow, shell } from 'electron'
+import * as path from 'path'
+import * as fs from 'fs'
+import { is } from '@electron-toolkit/utils'
+
+export function createPlayerWindow(configPath: string): BrowserWindow {
+  const playerWindow = new BrowserWindow({
+    width: 1920,
+    height: 1080,
+    fullscreen: true,
+    autoHideMenuBar: true,
+    webPreferences: {
+      preload: path.join(__dirname, '../preload/index.js'),
+      sandbox: false
+    }
+  })
+
+  playerWindow.on('ready-to-show', () => {
+    playerWindow.show()
+  })
+
+  playerWindow.webContents.setWindowOpenHandler((details) => {
+    shell.openExternal(details.url)
+    return { action: 'deny' }
+  })
+
+  const route = 'playerview'
+
+  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
+    const url = process.env['ELECTRON_RENDERER_URL']
+    playerWindow.loadURL(`${url}#/${route}`)
+  } else {
+    playerWindow.loadFile(path.resolve(__dirname, '../renderer/index.html'), { hash: route })
+  }
+
+  fs.readFile(configPath, 'utf-8', (err, data) => {
+    if (err) {
+      console.error('Failed to read config file:', err)
+      return
+    }
+    setTimeout(() => {
+      playerWindow.webContents.send('load-config', data)
+      console.log('Config file loaded:', data)
+    }, 1000)
+  })
+
+  return playerWindow
+}