// src-electron/main.js
const { app, BrowserWindow } = require('electron')
const { join } = require('path')
// 屏蔽安全警告
// ectron Security Warning (Insecure Content-Security-Policy)
process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true'

// 創(chuàng)建瀏覽器窗口時(shí)，調(diào)用這個(gè)函數(shù)。
const createWindow = () => {
    const win = new BrowserWindow({
        width: 800,
        height: 600,
        //如果不添加，則使用的是默認(rèn)的圖標(biāo)
        icon: join(__dirname,'../public/favicon.ico'),
        title:'lvmabna'
    })

    // win.loadURL('http://localhost:3000')
    // development模式
    if(process.env.VITE_DEV_SERVER_URL) {
        win.loadURL(process.env.VITE_DEV_SERVER_URL)
        // 開(kāi)啟調(diào)試臺(tái)
        win.webContents.openDevTools()
    }else {
        win.loadFile(join(__dirname, '../dist/index.html'))
    }
}

// Electron 會(huì)在初始化后并準(zhǔn)備
app.whenReady().then(() => {
    createWindow()
    app.on('activate', () => {
        if (BrowserWindow.getAllWindows().length === 0) createWindow()
    })
})

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') app.quit()
})

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import electron from 'vite-plugin-electron'   //增加

export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    //增加electron
    electron({ 
      // 主進(jìn)程入口文件
      entry: './src-electron/main.js'
  })
  ],
  //配置端口
  server:{
    port:3000,
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

{
  /*
  界面的 title設(shè)置三種方法
  1、默認(rèn)使用的是項(xiàng)目的入口文件index.html中的title，可以在這里修改。
  2、也可以把index.html中的title給刪除掉，則讀取是下面的name值。
  3、也可以在src-electron/main.js中 new BrowserWindow(...title:'lvmabna')這個(gè)函數(shù)中添加
  */
  "name": "electron-desktop-tool",
  "version": "0.0.0",
  "private": true,
  //"type": "module",   //把這行刪除掉，新增下面一行
  "main": "./src-electron/main.js",  //新增
  ...
}

{
  "scripts": {
    "dev": "vite",
    "build": "run-p type-check \"build-only {@}\" --",
    "preview": "vite preview",
    "build-only": "vite build",
    "type-check": "vue-tsc --build --force",
    "electron:build": "vite build && electron-builder"   //新增
  },
....
  //新增一個(gè) build屬性對(duì)象,里面主要配置打包的信息
  "build": {
    "productName": "ElectronDeskTopTool",
    "appId": "dyy.dongyuanwai",
    "copyright": "dyy.dongyuanwai ? 2024",
    "compression": "maximum",
    "asar": true, 
    "directories": {
      "output": "release/" // 輸出目錄
    },
    "nsis": {
      "oneClick": false,// 是否一鍵安裝
      "allowToChangeInstallationDirectory": true,// 允許修改安裝目錄
      "perMachine": true,
      "deleteAppDataOnUninstall": true,
      "createDesktopShortcut": true,// 創(chuàng)建桌面圖標(biāo)
      "createStartMenuShortcut": true,// 創(chuàng)建開(kāi)始菜單圖標(biāo)
      "shortcutName": "ElectronDeskTopTool"
    },
    "win": {
      "icon": "./public/logo.ico",// 安裝圖標(biāo)
      "artifactName": "${productName}-v${version}-${platform}-setup.${ext}",//安裝包名稱
      "target": [
        {
          "target": "nsis"
        }
      ]
    },
    "mac": {
      "icon": "./public/logo.ico",
      "artifactName": "${productName}-v${version}-${platform}-setup.${ext}"
    },
    "linux": {
      "icon": "./public/logo.ico",
      "artifactName": "${productName}-v${version}-${platform}-setup.${ext}"
    }
  },
}

// 打包的配置都放到 build里
"build": {  
    "productName":"ElectronDeskTopTool",//項(xiàng)目名 這也是生成的exe文件的前綴名，也可以在每個(gè)環(huán)境中自行配置
    "appId": "com.dyy.dongyuanwai",//應(yīng)用程序的唯一標(biāo)識(shí)符，通常是反轉(zhuǎn)的域名格式 
    "copyright":"dyy.dongyuanwai ? 2024",//版權(quán)信息，顯示在應(yīng)用程序中說(shuō)明版權(quán)歸屬的地方
    "compression": "maximum", //壓縮級(jí)別，指定打包時(shí)使用的壓縮級(jí)別。這里設(shè)置為"maximum"表示最大壓縮
    "asar": true, // 是否啟用 asar 打包，asar 是 Electron 提供的一種文件打包方式，能夠提高應(yīng)用程序的性能和安全性。
    "directories": { //指定輸出目錄，打包完成后的文件會(huì)放置在該目錄下。
      "output": "release"
    }, 
    // windows相關(guān)的配置
    "win": {  
      "icon": "xxx/icon.ico", //圖標(biāo)路徑 
      "artifactName": "${productName}-v${version}-${platform}-setup.${ext}" // 安裝包名稱
    }，
     // 這個(gè)意思是打出來(lái)32 bit + 64 bit的包，但是要注意：這樣打包出來(lái)的安裝包體積比較大，所以建議直接打32的安裝包。
      "arch": [
          "x64",
          "ia32"
        ]
  }