Electron #

const { app, BrowserWindow } = require('electron')
// 判断是否是开发环境（本地加载的话使用http://localhost:5173，生产环境需要加载index.html
const isDev = require('electron-is-dev')
const path = require('path')

// createWindow函数用于将页面加载到新的 BrowserWindow 实例中
function createWindow() {
  //创建浏览器窗口,宽高自定义具体大小你开心就好
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true, //是否启用Node integration（即在前端应用中使用Node.js的功能和模块）. 默认值为 false
      contextIsolation: true, // 是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本. 默认为 true
      preload: path.join(__dirname, 'preload.js') // 在页面运行其他脚本之前预先加载指定的脚本
    }
  })
  // 加载渲染进程应用
  if (isDev) {
    mainWindow.loadURL('http://localhost:5173')
    // mainWindow.loadURL('../index.html');
  } else {
    mainWindow.loadFile(path.resolve(__dirname, '../dist/index.html'))
  }
  // 打开调试控制台
  // mainWindow.webContents.openDevTools()
}

app.whenReady().then(() => {
  // 使用app.whenReady() 方法，作为其 ready 事件的专用监听器，当ready事件成功触发后创建BrowserWindows实例
  createWindow()

  app.on('activate', () => {
    // 如果没有窗口打开则打开一个窗口
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// 关闭所有窗口时退出应用
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

const { ipcMain } = require('electron')

const mainWindow = new BrowserWindow({
  width: 800,
  height: 600,
  webPreferences: {
    nodeIntegration: true,
    contextIsolation: true,
    preload: path.join(__dirname, 'preload.js')
  }
})

// ipcMain.handle 表明主进程如何响应来自HTML页面上的按钮点击事件
ipcMain.handle('dark-mode:toggle', () => {
  if (nativeTheme.shouldUseDarkColors) {
    nativeTheme.themeSource = 'light'
  } else {
    nativeTheme.themeSource = 'dark'
  }
  return nativeTheme.shouldUseDarkColors
})

ipcMain.handle('dark-mode:system', () => {
  nativeTheme.themeSource = 'system'
})

const { contextBridge, ipcRenderer } = require('electron') //引入electron模块

contextBridge.exposeInMainWorld('darkMode', {
  toggle: () => ipcRenderer.invoke('dark-mode:toggle'),
  system: () => ipcRenderer.invoke('dark-mode:system')
})