new-item-app/src/main/index.ts

/* eslint-disable prettier/prettier */
/* eslint-disable @typescript-eslint/no-explicit-any */
import { app, shell, BrowserWindow, ipcMain, screen, globalShortcut } from 'electron'
import path, { join } from 'path'
import { electronApp, optimizer, is } from '@electron-toolkit/utils'
import icon from '../../resources/icon.png?asset'
import fs from 'fs'

function createWindow(): void {
    // Get Screen width, height
    const { width, height } = screen.getPrimaryDisplay().workAreaSize

    const mainWindow = new BrowserWindow({
        width: width / 2,
        height: height / 2,
        show: false,
        autoHideMenuBar: true,
        ...(process.platform === 'linux' ? { icon } : {}),
        webPreferences: {
            preload: join(__dirname, '../preload/index.js'),
            sandbox: false
        }
    })

    // Set App Show Position
    mainWindow.setPosition(width / 2, height / 2)

    mainWindow.on('ready-to-show', () => {
        mainWindow.show()
    })

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

    // Make the window always on top
    mainWindow.setAlwaysOnTop(true, 'normal')

    // Right-click to Inspect Element
    // mainWindow.webContents.on('context-menu', (_, params) => {
    //     mainWindow?.webContents.inspectElement(params.x, params.y)
    // })

    // Inspect element with shortcut
    mainWindow.webContents.once('did-finish-load', () => {
        const shortcut = 'Control+Shift+C'

        mainWindow.on('focus', () => {
            globalShortcut.register(shortcut, () => {
                const pos = screen.getCursorScreenPoint()
                mainWindow.webContents.inspectElement(pos.x, pos.y)
                mainWindow.webContents.focus() // optional: refocus back
            })
        })

        mainWindow.on('blur', () => {
            globalShortcut.unregister(shortcut)
        })

        mainWindow.on('closed', () => {
            globalShortcut.unregister(shortcut)
        })
    })

    // 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']) {
        mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
    } else {
        mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
    }
}

// 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('com.electron')

    // 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
    ipcMain.on('ping', () => console.log('pong'))

    createWindow()

    app.on('activate', function () {
        // On macOS it's common to re-create a window in the app when the
        // 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.
// Custom events

ipcMain.handle('save-config-file', async (_event, jsonContent: any) => {
    // const filePath = path.join(__dirname, 'config-data.json')
    const userDataPath = app.getPath('userData')
    const filePath = path.join(userDataPath, 'config-data.json')

    try {
        let fileData: any = {}

        // 👀 Kiểm tra nếu file đã tồn tại
        if (fs.existsSync(filePath)) {
            const rawData = fs.readFileSync(filePath, 'utf-8')
            fileData = JSON.parse(rawData)
        }

        const now = new Date().getTime()

        // 📦 Ghi dữ liệu mới
        const newData = {
            ...jsonContent, // giữ dữ liệu mới (nếu bạn muốn merge thì sửa dòng này)
            created_at: fileData.created_at || now, // nếu có created_at thì giữ nguyên, không có thì lấy now
            updated_at: now // luôn cập nhật updated_at
        }

        fs.writeFileSync(filePath, JSON.stringify(newData, null, 2), 'utf-8')

        return { success: true, path: filePath }
    } catch (error: any) {
        console.error('Error saving file:', error)
        return { success: false, error: error.message }
    }
})

ipcMain.handle('get-config-file', async () => {
    const userDataPath = app.getPath('userData')
    const filePath = path.join(userDataPath, 'config-data.json')

    try {
        // 📂 Kiểm tra file có tồn tại không
        if (!fs.existsSync(filePath)) {
            return { success: false, error: 'Config file does not exist' }
        }

        const rawData = fs.readFileSync(filePath, 'utf-8')
        const fileData = JSON.parse(rawData)

        return fileData
    } catch (error: any) {
        console.error('Error reading config file:', error)
        return null
    }
})