main.js

const { app, BrowserWindow, ipcMain } = require("electron");
const path = require("path");

// Let electron reloads by itself
if (
  process.env.ELECTRON_DEBUG === "true" ||
  process.env.ELECTRON_DEBUG === "vscode"
) {
  require("electron-reload")(__dirname, {});
}

function createWindow() {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    autoHideMenuBar: true,
    title: "Hero and Princess2",
    center: true,
    // useContentSize: true,
    frame: false,
    width: 500,
    height: 780,
    webPreferences: {
      nodeIntegration: true,
    },
  });
  mainWindow.setMenuBarVisibility(false)

  // Hot reload
  if (process.env.ELECTRON_HOT === "true") {
    mainWindow.loadURL("http://localhost:8080");
  } else {
    // and load the index.html of the app.
    mainWindow.loadFile(path.join(__dirname, "dist/index.html"));
  }

  if (process.env.ELECTRON_DEBUG === "true") {
    // Open the DevTools.
    mainWindow.webContents.openDevTools();
  }

  // keep ratio when scaling
  mainWindow.setAspectRatio(0.58);
}

// 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.on("ready", createWindow);

// Quit when all windows are closed.
app.on("window-all-closed", () => {
  // On OS X it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  //if (process.platform !== "darwin") {
    app.quit();
  //}
});

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();
});

// 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.