index.js

const electron = require('electron')
const config = require('./config')

// Module to control application life.
const app = electron.app
// Module to create native browser window.
const BrowserWindow = electron.BrowserWindow

const path = require('path')
const url = require('url')
const isDev = require('electron-is-dev')

// Enable all debug output
process.env['DEBUG'] = '*';

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow

function createWindow (fullscreen) {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: config.W,
    height: config.H,
    useContentSize: true,
    backgroundColor: '#000'
  });

  // and load the index.html of the app.
  mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }))
  
  if (fullscreen) {
    setTimeout(function() {
      mainWindow.setKiosk(true);
    }, 7000);
  }
  
  // Open the DevTools.
  if (isDev && !fullscreen) mainWindow.webContents.openDevTools()
  
  // Emitted when the window is closed.
  mainWindow.on('closed', function () {
    // Dereference the window object, usually you would store windows
    // in an array if your app supports multi windows, this is the time
    // when you should delete the corresponding element.
    mainWindow = null
  })
}

// 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', function () {
  if (config.LAUNCH_FULLSCREEN || !isDev) {
    createWindow(true); // true for fullscreen
  } else {
    createWindow();
  }
  setupMenu();
})

// Quit when all windows are closed.
app.on('window-all-closed', function () {
  // 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', function () {
  // 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 (mainWindow === null) {
    if (config.LAUNCH_FULLSCREEN || !isDev) {
      createWindow(true); // true for fullscreen
    } else {
      createWindow();
    }
  }
})



function setupMenu() {
  const template = [{
    label: app.getName(),
    submenu: [
      { label: 'Fullscreen (Kiosk)',
        accelerator: 'Alt+F',
        click: () => { mainWindow.setKiosk(!mainWindow.isKiosk()); }
      },
      {role: 'reload', accelerator: 'Alt+R' },
      {role: 'toggledevtools', accelerator: 'Alt+I' },
      {type: 'separator' },
      {role: 'quit',  accelerator: 'Alt+Q' }
    ]
  }, { role: 'editMenu'}, { role: 'windowMenu'}];
  const menu = electron.Menu.buildFromTemplate(template);
  electron.Menu.setApplicationMenu(menu)
}


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