main process can toggle url served based on production or development…

… environment

.gitignore

@@ -11,6 +11,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

config/keys.js

@@ -0,0 +1,8 @@
+module.exports = {
+  startUrl: process.env.DEV_URL ||
+  	 url.format({
+  		 pathname: path.join(__dirname, './build/index.html'),
+  		 protocol: 'file:',
+  		 slashes: true
+  	 })
+}

index.js

@@ -1,9 +1,11 @@
+require('dotenv').config();
 const electron = require('electron');
 const path = require('path');
+const url = require('url');
 const MainWindow = require('./app/MainWindow');
 const CaptureTray = require('./app/CaptureTray');
 const { app, BrowserWIndow, Tray, Menu } = electron;
-const startUrl = process.env.DEV_URL;
+const startUrl = require('./config/keys').startUrl;
 
 let mainWindow;
 let tray;
@@ -14,9 +16,9 @@ app.on('ready', () => {
 	  {label: 'Record', type: 'radio'},
 	  {label: 'Stop', type: 'radio'},
 	])
-	console.log('url', startUrl);
-	// use the below once a build bundle is created
-	// mainWindow.loadURL(`file://${__dirname}/public/index.html`);
+
+	console.log('env', process.env.NODE_ENV)
+
 	mainWindow = new MainWindow(startUrl);
 
 	tray = new CaptureTray(iconPath, contextMenu);

package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "concurrently": "^3.5.0",
+    "dotenv": "^4.0.0",
     "electron": "^1.6.11",
     "react": "^15.6.1",
     "react-desktop": "^0.3.1",
@@ -23,6 +24,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
+    "electron": "electron .",
     "electron-dev": "set DEV_URL=http://localhost:3000 && electron .",
     "start": "concurrently \"npm run react-start\" \"wait-on http://localhost:3000/ && npm run electron-dev\""
   }