// 導(dǎo)入app、BrowserWindow模塊
// app 控制應(yīng)用程序的事件生命周期。事件調(diào)用app.on('eventName', callback)，方法調(diào)用app.functionName(arg)
// BrowserWindow 創(chuàng)建和控制瀏覽器窗口。new BrowserWindow([options]) 事件和方法調(diào)用同app
// Electron參考文檔 https://www.electronjs.org/docs
const { app, BrowserWindow, nativeImage } = require('electron');
   const url = require('url');
   const path = require('path');
function createWindow () {
  let mainWindow = new BrowserWindow({
    width: 800, // 窗口寬度
    height: 600, // 窗口高度
    title: "Electron", // 窗口標(biāo)題,如果由loadURL()加載的HTML文件中含有標(biāo)簽<title>，該屬性可忽略
    icon: nativeImage.createFromPath('src/public/favicon.ico'), // "string" || nativeImage.createFromPath('src/image/icons/256x256.ico')從位于 path 的文件創(chuàng)建新的 NativeImage 實(shí)例
    webPreferences: { // 網(wǎng)頁(yè)功能設(shè)置
      nodeIntegration: true, // 是否啟用node集成 渲染進(jìn)程的內(nèi)容有訪問(wèn)node的能力
      webviewTag: true, // 是否使用<webview>標(biāo)簽 在一個(gè)獨(dú)立的 frame 和進(jìn)程里顯示外部 web 內(nèi)容
      webSecurity: false, // 禁用同源策略
      nodeIntegrationInSubFrames: true // 是否允許在子頁(yè)面(iframe)或子窗口(child window)中集成Node.js
    }
  });
  // 加載應(yīng)用 --打包react應(yīng)用后，__dirname為當(dāng)前文件路徑
  // mainWindow.loadURL(url.format({
  //   pathname: path.join(__dirname, './build/index.html'),
  //   protocol: 'file:',
  //   slashes: true
  // }));
  // 加載應(yīng)用 --開發(fā)階段  需要運(yùn)行 npm run start
  mainWindow.loadURL('http://localhost:3000/');
  // 解決應(yīng)用啟動(dòng)白屏問(wèn)題
  mainWindow.on('ready-to-show', () => {
    mainWindow.show();
    mainWindow.focus();
  });
  // 當(dāng)窗口關(guān)閉時(shí)發(fā)出。在你收到這個(gè)事件后，你應(yīng)該刪除對(duì)窗口的引用，并避免再使用它。
  mainWindow.on('closed', () => {
    mainWindow = null;
  });
}
app.whenReady().then(createWindow);
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
});
app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
});

{
  "name": "my-electron-app",
  "version": "0.1.0",
  "private": true,
  "main": "main.js",  // 配置啟動(dòng)文件
  "homepage":".", // 設(shè)置應(yīng)用打包的根路徑 更多了解參考：https://segmentfault.com/a/1190000021875558
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4"
  },
  "scripts": {
    "start": "react-scripts start",  // react 啟動(dòng)命令
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "electron-start": "electron ."  // electron 啟動(dòng)命令
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "electron": "^11.1.1"
  }
}