import { MenuItem } from "electron";
import openDevToolsWindow from "./openDevToolsWindow";

const isDev = process.env.NODE_ENV === "development";

export default function createBrowserWindowTemplate(win, name = "") {
  const template = [
    new MenuItem({
      label: "🔙",
      click: () => win.webContents.goBack(),
    }),
    new MenuItem({
      label: "🔄",
      click: () => win.webContents.reload(),
    }),
    new MenuItem({
      label: "➡️",
      click: () => win.webContents.goForward(),
    }),
    { type: "separator" },
    new MenuItem({
      label: "➕",
      click: () => {
        const currentZoomF = win.webContents.getZoomFactor();
        win.webContents.setZoomLevel(currentZoomF + 0.1);
      },
    }),
    new MenuItem({
      label: "✖️",
      click: () => win.webContents.setZoomFactor(1),
    }),
    new MenuItem({
      label: "➖",
      click: () => {
        const currentZoomF = win.webContents.getZoomFactor();
        const newZoomF = currentZoomF - 0.1 >= 0.3 ? currentZoomF - 0.1 : 0.3;
        win.webContents.setZoomFactor(newZoomF);
      },
    }),
  ];

  if (isDev)
    template.push(
      { type: "separator" },
      new MenuItem({
        label: "DevTools",
        click: () => {
          openDevToolsWindow({ window: win, title: win.webContents.getURL() });
        },
      })
    );

  if (name)
    template.push(
      { type: "separator" },
      new MenuItem({
        label: name,
        click: () => {},
      })
    );

  return template;
}