index.js

'use strict';

const electron = require('electron');
const installExtension = require('electron-devtools-installer').default
const REACT_DEVELOPER_TOOLS = require('electron-devtools-installer').REACT_DEVELOPER_TOOLS
const REDUX_DEVTOOLS = require('electron-devtools-installer').REDUX_DEVTOOLS
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

var mainWindow = null;

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

app.on('ready', function() {
  mainWindow = new BrowserWindow({
    title: 'MARS',
    width: 1366,
    height: 768
  });

  if(process.env.WATCH) {
    mainWindow.loadURL('http://localhost:8080/index.html');
  } else {
    mainWindow.loadURL('file://' + __dirname + '/dist/index.html');
  }

  if(process.env.DEV) {

    installExtension(REACT_DEVELOPER_TOOLS)
      .then((name) => {
        console.log(`\nAdded Extension: ${name}`)
        return installExtension(REDUX_DEVTOOLS)
      })
      .then((name) => {
        console.log(`Added Extension: ${name}`)
        mainWindow.webContents.openDevTools()
      })
      .catch((err) => console.log('An error occurred: ', err))
  }

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