How do i make this menu in Electron?

[AlTech]

So I've tried to copy and paste as well as modify the example which Electron provides on their documentation website.

 

I have not been able to customize the Menu Bar to my liking....

 

 

Code I've tried (it's JS for those who can't tell):

 

const {app, BrowserWindow} = require('electron')
const electron = require('electron')
const path = require('path')
const url = require('url')
const Menu = electron.Menu
const Tray = electron.Tray
const ipc = electron.ipcMain

//Once the app has loaded, start the browser window and open index .html
  app.on('ready',()=>{
    let win = new BrowserWindow({width:800, height: 600})

win.loadURL(url.format({
  pathname: path.join(__dirname, 'index.html'),
  protocol: 'file',
  slashes: 'true'
}))

const template = [
  {
    label: 'Edit',
    submenu: [
      {
        role: 'undo'
      },
      {
        role: 'redo'
      },
      {
        type: 'separator'
      },
      {
        role: 'cut'
      },
      {
        role: 'copy'
      },
      {
        role: 'paste'
      },
      {
        role: 'pasteandmatchstyle'
      },
      {
        role: 'delete'
      },
      {
        role: 'selectall'
      }
    ]
  },
  {
    label: 'View',
    submenu: [
      {
        label: 'Reload',
        accelerator: 'CmdOrCtrl+R',
        click (item, focusedWindow) {
          if (focusedWindow) focusedWindow.reload()
        }
      },
      {
        label: 'Toggle Developer Tools',
        accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I',
        click (item, focusedWindow) {
          if (focusedWindow) focusedWindow.webContents.toggleDevTools()
        }
      },
      {
        type: 'separator'
      },
      {
        role: 'resetzoom'
      },
      {
        role: 'zoomin'
      },
      {
        role: 'zoomout'
      },
      {
        type: 'separator'
      },
      {
        role: 'togglefullscreen'
      }
    ]
  },
  {
    role: 'window',
    submenu: [
      {
        role: 'minimize'
      },
      {
        role: 'close'
      }
    ]
  },
  {
    role: 'help',
    submenu: [
      {
        label: 'Learn More',
        click () { require('electron').shell.openExternal('https://github.com/AluminiumTech/AluminiumCode') }
      },
      {
        label: 'Give Feedback',
        click () { require('electron').shell.openExternal('https://github.com/AluminiumTech/AluminiumCode/issues') }
      }
    ]
  }
}

if (process.platform === 'darwin') {
  template.unshift({
    label: app.getName(),
    submenu: [
      {
        role: 'about'
      },
      {
        type: 'separator'
      },
      {
        role: 'services',
        submenu: []
      },
      {
        type: 'separator'
      },
      {
        role: 'hide'
      },
      {
        role: 'hideothers'
      },
      {
        role: 'unhide'
      },
      {
        type: 'separator'
      },
      {
        role: 'quit'
      }
    ]
  })
  // Edit menu.
  template[1].submenu.push(
    {
      type: 'separator'
    },
    {
      label: 'Speech',
      submenu: [
        {
          role: 'startspeaking'
        },
        {
          role: 'stopspeaking'
        }
      ]
    }
  )
  // Window menu.
  template[3].submenu = [
    {
      label: 'Close',
      accelerator: 'CmdOrCtrl+W',
      role: 'close'
    },
    {
      label: 'Minimize',
      accelerator: 'CmdOrCtrl+M',
      role: 'minimize'
    },
    {
      label: 'Zoom',
      role: 'zoom'
    },
    {
      type: 'separator'
    },
    {
      label: 'Bring All to Front',
      role: 'front'
    }
  ]
}

const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

  });

 

Thank you guys.

[gtx1060=value]

are you sure all the github links are up and functioning?

[gtx1060=value]

i don't really see anything wrong with the javascript at first glance - im not exactly proficient in javascript for desktop apps - its been 5 years since i've touched it, i mainly do mysql and php if you have anything in that genre you want me to take a look at i can help a lot more

[SCHISCHKA]

 

if (process.platform === 'darwin') {
  template.unshift({
    label: app.getName(),
    submenu: [
      {role: 'about'},
      {type: 'separator'},
      {role: 'services', submenu: []},
      {type: 'separator'},
      {role: 'hide'},
      {role: 'hideothers'},
      {role: 'unhide'},
      {type: 'separator'},
      {role: 'quit'}
    ]
  })

are these ^ being accesses by these:

// Window menu.
  template[3].submenu = [

// Edit menu.
  template[1].submenu.push(

if so the indexes look to point to separator type

[AlTech]

25 minutes ago, SCHISCHKA said:

 

if (process.platform === 'darwin') {
  template.unshift({
    label: app.getName(),
    submenu: [
      {role: 'about'},
      {type: 'separator'},
      {role: 'services', submenu: []},
      {type: 'separator'},
      {role: 'hide'},
      {role: 'hideothers'},
      {role: 'unhide'},
      {type: 'separator'},
      {role: 'quit'}
    ]
  })

are these ^ being accesses by these:

// Window menu.
  template[3].submenu = [

// Edit menu.
  template[1].submenu.push(

if so the indexes look to point to separator type

idk, the top code is only executed on Macs.

[SCHISCHKA]

i think you're missing the closing square ] for 

const template = [