Electron Forge x React with Menubar

[maxmandia]

Description

I am trying to load the correct index file in the menubar options with a electron forge app set up with webpack and react. I'm not sure what path to use for the index. Any help would be appreciated.

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

const mb = menubar({
  icon: "./src/assets/brain@4x.png",
  index: "file://" + path.join(__dirname, "src", "app.jsx"),
  preloadWindow: true,
});

// Handle creating/removing shortcuts on Windows when installing/uninstalling.
if (require("electron-squirrel-startup")) {
  app.quit();
}

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

mb.on("ready", () => {
  console.log("app is ready");
  // your app code here
});

Steps to Reproduce the Problem

1. ...
2. ...
3. ...

Expected Behaviour

Actual Behaviour

Specifications

• Menubar version:
• Platform:
• Electron version: (Run electron -v or node_modules/.bin/electron -v to get it)

Other information

[maxmandia]

Here's the fix:

const mb = menubar({
  icon: "./src/assets/brain@4x.png",
  index: MAIN_WINDOW_WEBPACK_ENTRY,
  preloadWindow: true,
  showDockIcon: false,
  browserWindow: {
    width: 750,
    height: 500,
    x: 10000,
    alwaysOnTop: true,
  },
});