main.js

var electron = require('electron');
var app = electron.app;
var BrowserWindow = electron.BrowserWindow;
var Menu = electron.Menu;
var crashReporter = electron.crashReporter;
const shell = electron.shell;
var menu, template;

crashReporter.start({
  productName: 'GraphiQL',
  companyName: 'n/a',
  submitURL: 'https://github.com/skevy/graphiql-app/issues',
  autoSubmit: true
});

var mainWindow = null;

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


app.on('ready', function() {

  mainWindow = new BrowserWindow({ width: 1024, height: 728 });

  electron.session.defaultSession.webRequest.onBeforeSendHeaders((details, callback) => {
    details.requestHeaders['Origin'] = 'electron://graphiql-app';
    callback({ cancel: false, requestHeaders: details.requestHeaders });
  });

  if (process.env.HOT) {
    mainWindow.loadURL('file://' + __dirname + '/app/hot-dev-app.html');
  } else {
    mainWindow.loadURL('file://' + __dirname + '/app/app.html');
  }

  mainWindow.on('closed', function() {
    mainWindow = null;
  });

  if (process.env.NODE_ENV === 'development') {
    mainWindow.openDevTools();
  }

  if (process.platform === 'darwin') {
    template = [{
      label: 'GraphiQL',
      submenu: [{
        label: 'About GraphiQL',
        selector: 'orderFrontStandardAboutPanel:'
      }, {
        type: 'separator'
      }, {
        label: 'Services',
        submenu: []
      }, {
        type: 'separator'
      }, {
        label: 'Hide GraphiQL',
        accelerator: 'Command+H',
        selector: 'hide:'
      }, {
        label: 'Hide Others',
        accelerator: 'Command+Shift+H',
        selector: 'hideOtherApplications:'
      }, {
        label: 'Show All',
        selector: 'unhideAllApplications:'
      }, {
        type: 'separator'
      }, {
        label: 'Quit',
        accelerator: 'Command+Q',
        click: function() {
          app.quit();
        }
      }]
    }, {
      label: 'File',
      submenu: [{
        label: 'New Query',
        accelerator: 'Command+T',
        click: function() {
          mainWindow.webContents.send('handleElectronMenuOption', 'NEW_TAB');
        }
      }, {
        label: 'Close Query',
        accelerator: 'Command+W',
        click: function() {
          mainWindow.webContents.send('handleElectronMenuOption', 'CLOSE_TAB');
        }
      }, {
        type: 'separator'
      }, {
        label: 'Export query (to clipboard)',
        accelerator: 'Command+E',
        click: function() {
          mainWindow.webContents.send('handleElectronMenuOption', 'EXPORT_QUERY');
        }
      }]
    }, {
      label: 'Edit',
      submenu: [{
        label: 'Undo',
        accelerator: 'Command+Z',
        selector: 'undo:'
      }, {
        label: 'Redo',
        accelerator: 'Shift+Command+Z',
        selector: 'redo:'
      }, {
        type: 'separator'
      }, {
        label: 'Cut',
        accelerator: 'Command+X',
        selector: 'cut:'
      }, {
        label: 'Copy',
        accelerator: 'Command+C',
        selector: 'copy:'
      }, {
        label: 'Paste',
        accelerator: 'Command+V',
        selector: 'paste:'
      }, {
        label: 'Select All',
        accelerator: 'Command+A',
        selector: 'selectAll:'
      }]
    }, {
      label: 'View',
      submenu: [{
        label: 'Reload',
        accelerator: 'Command+R',
        click: function() {
          if (mainWindow.restart) {
            mainWindow.restart();
          }
          else if (mainWindow.reload) {
            mainWindow.reload();
          }
        }
      }, {
        label: 'Toggle Full Screen',
        accelerator: 'Ctrl+Command+F',
        click: function() {
          mainWindow.setFullScreen(!mainWindow.isFullScreen());
        }
      }, {
        label: 'Toggle Developer Tools',
        accelerator: 'Alt+Command+I',
        click: function() {
          mainWindow.toggleDevTools();
        }
      }, {
        role: 'resetzoom'
      }, {
        role: 'zoomin'
      }, {
        role: 'zoomout'
      }]
    }, {
      label: 'Window',
      submenu: [{
        label: 'Minimize',
        accelerator: 'Command+M',
        selector: 'performMiniaturize:'
      }, {
        type: 'separator'
      }, {
        label: 'Bring All to Front',
        selector: 'arrangeInFront:'
      }]
    }, {
      label: 'Help',
      submenu: [{
        label: 'Learn GraphQL',
        click: function() {
          shell.openExternal('http://graphql.org/learn/');
        }
      }, {
        label: 'Documentation',
        click: function() {
          shell.openExternal('https://github.com/graphql/graphiql#graphiql');
        }
      }, {
        label: 'Community Resources',
        click: function() {
          shell.openExternal('http://graphql.org/community/');
        }
      }, {
        label: 'Search GraphiQL Issues',
        click: function() {
          shell.openExternal('https://github.com/graphql/graphiql/issues');
        }
      }, {
        label: 'Search App Issues',
        click: function() {
          shell.openExternal('https://github.com/skevy/graphiql-app/issues');
        }
      }]
    }];

    menu = Menu.buildFromTemplate(template);
    Menu.setApplicationMenu(menu);
  } else {
    template = [{
      label: '&File',
      submenu: [{
        label: 'New Query',
        accelerator: 'Ctrl+N',
        click: function() {
          mainWindow.webContents.send('handleElectronMenuOption', 'NEW_TAB');
        }
      }, {
        label: 'Close Query',
        accelerator: 'Ctrl+W',
        click: function() {
          mainWindow.webContents.send('handleElectronMenuOption', 'CLOSE_TAB');
        }
      }, {
        type: 'separator'
      }, {
        label: 'Export query (to clipboard)',
        accelerator: 'Ctrl+E',
        click: function() {
          mainWindow.webContents.send('handleElectronMenuOption', 'EXPORT_QUERY');
        }
      }]
    }, {
      label: '&View',
      submenu: [{
        label: '&Reload',
        accelerator: 'Ctrl+R',
        click: function() {
          if (mainWindow.restart) {
            mainWindow.restart();
          }
          else if (mainWindow.reload) {
            mainWindow.reload();
          }
        }
      }, {
        label: 'Toggle &Full Screen',
        accelerator: 'F11',
        click: function() {
          mainWindow.setFullScreen(!mainWindow.isFullScreen());
        }
      }, {
        label: 'Toggle &Developer Tools',
        accelerator: 'Alt+Ctrl+I',
        click: function() {
          mainWindow.toggleDevTools();
        }
      }]
    }, {
      label: 'Help',
      submenu: [{
        label: 'Learn More',
        click: function() {
          shell.openExternal('http://electron.atom.io');
        }
      }, {
        label: 'Documentation',
        click: function() {
          shell.openExternal('https://github.com/atom/electron/tree/master/docs#readme');
        }
      }, {
        label: 'Community Discussions',
        click: function() {
          shell.openExternal('https://discuss.atom.io/c/electron');
        }
      }, {
        label: 'Search Issues',
        click: function() {
          shell.openExternal('https://github.com/atom/electron/issues');
        }
      }]
    }];
    menu = Menu.buildFromTemplate(template);
    mainWindow.setMenu(menu);
  }
});