zulip-notes-app/electron/main.ts

/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable @typescript-eslint/no-explicit-any */
import { config } from "dotenv";
import { app, BrowserWindow, ipcMain, Notification, screen } from "electron";
import path from "node:path";
import { fileURLToPath } from "node:url";
import { io } from "socket.io-client";
import { WebSocket } from "ws";
import { addEmail, deleteEmail, fetchEmails, fetchMessages } from "../src/apis";
const __dirname = path.dirname(fileURLToPath(import.meta.url));

// dot env
config();

// The built directory structure
//
// ├─┬─┬ dist
// │ │ └── index.html
// │ │
// │ ├─┬ dist-electron
// │ │ ├── main.js
// │ │ └── preload.mjs
// │
process.env.APP_ROOT = path.join(__dirname, "..");

let newWin: BrowserWindow | null = null;

// 🚧 Use ['ENV_NAME'] avoid vite:define plugin - Vite@2.x
export const VITE_DEV_SERVER_URL = process.env["VITE_DEV_SERVER_URL"];
export const MAIN_DIST = path.join(process.env.APP_ROOT, "dist-electron");
export const RENDERER_DIST = path.join(process.env.APP_ROOT, "dist");

process.env.VITE_PUBLIC = VITE_DEV_SERVER_URL
  ? path.join(process.env.APP_ROOT, "public")
  : RENDERER_DIST;

let win: BrowserWindow | null;

function createWindow() {
  // Lấy thông tin tất cả các màn hình
  const displays = screen.getAllDisplays();

  // Lấy vị trí con trỏ chuột
  const cursorPoint = screen.getCursorScreenPoint();

  // Tìm màn hình có chứa con trỏ chuột
  let display = displays.find((display) => {
    const { x, y, width, height } = display.bounds;
    return (
      cursorPoint.x >= x &&
      cursorPoint.x <= x + width &&
      cursorPoint.y >= y &&
      cursorPoint.y <= y + height
    );
  });

  // Nếu không tìm thấy màn hình chứa con trỏ, sử dụng màn hình chính
  if (!display) {
    display = screen.getPrimaryDisplay();
  }

  const { width, height } = display.workAreaSize;

  // Vị trí cửa sổ ở góc phải dưới của màn hình đã chọn

  win = new BrowserWindow({
    width: 600,
    height: 200,
    x: 0, // Đặt cửa sổ ở góc phải
    y: 0, // Đặt cửa sổ ở góc dưới
    alwaysOnTop: true, // Cửa sổ luôn nằm trên các cửa sổ khác
    resizable: true, // Không cho phép thay đổi kích thước
    icon: path.join(process.env.VITE_PUBLIC, "electron-vite.svg"),
    webPreferences: {
      preload: path.join(__dirname, "preload.mjs"),
    },
  });

  // Test active push message to Renderer-process.
  win.webContents.on("did-finish-load", () => {
    win?.webContents.send("main-process-message", new Date().toLocaleString());
  });

  win.setPosition(width - 600, height - 200);

  if (VITE_DEV_SERVER_URL) {
    win.loadURL(VITE_DEV_SERVER_URL);
  } else {
    // win.loadFile('dist/index.html')
    win.loadFile(path.join(RENDERER_DIST, "index.html"));
  }
}

// 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();
    win = null;
  }
});

app.on("activate", () => {
  // On OS X 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();
  }
});

app.whenReady().then(createWindow);

// IPC Main Events
ipcMain.on("open-devtools", (event) => {
  const webContents = event.sender;
  webContents.openDevTools({ mode: "detach" });
});

// Xử lý connect socket
ipcMain.handle("connect-socket", async (_) => {
  const socket = io("https://zulip.ipsupply.com.au", {
    path: "/apac-custom/socket.io",
    secure: true,
    query: { token: process.env.API_KEY },
    rejectUnauthorized: false,
  });

  if (!socket.connected) {
    socket.connect();
  }

  socket.on("connect", () => {
    console.log(socket.connected); // true
  });

  socket.on("newNote", (data) => {
    win?.webContents.send("newNote", data);
  });
});

ipcMain.handle("fetchMessages", async () => {
  return await fetchMessages();
});

ipcMain.handle("fetchEmails", async () => {
  return await fetchEmails();
});

ipcMain.handle("open-new-window", async () => {
  createMailWindow();
});

ipcMain.handle("add-email", async (_, email: string) => {
  return addEmail(email);
});

ipcMain.handle("del-email", async (_, id: number) => {
  return deleteEmail(id);
});

ipcMain.handle("show-notification", async (_, { title, body }) => {
  const notification = new Notification({
    title,
    body,
    silent: false,
  });
  notification.show();
});

// Funtions
export function createMailWindow() {
  newWin = new BrowserWindow({
    width: 600,
    height: 400,
    webPreferences: {
      preload: path.join(__dirname, "preload.mjs"),
    },
  });

  // Nếu đang phát triển, sử dụng HashRouter trong URL
  const url = process.env.VITE_DEV_SERVER_URL
    ? `${process.env.VITE_DEV_SERVER_URL}/#/mails` // URL với HashRouter
    : path.join(RENDERER_DIST, "index.html"); // Nếu build, dùng đúng path

  newWin.loadURL(url);

  // 👉 Mở DevTools sau khi load
  newWin.webContents.openDevTools();

  newWin.on("closed", () => {
    newWin = null;
  });
}