Electron support

config/webpack.config.dev.js

@@ -50,6 +50,12 @@ module.exports = {
     root: nodeModulesPath,
     moduleTemplates: ['*-loader']
   },
+  target: 'electron-main',
+
+  node: {
+    __dirname: false,
+    __filename: false
+  },
   module: {
     preLoaders: [
       {

config/webpack.config.prod.js

@@ -46,6 +46,12 @@ module.exports = {
     root: nodeModulesPath,
     moduleTemplates: ['*-loader']
   },
+  target: 'electron-main',
+
+  node: {
+    __dirname: false,
+    __filename: false
+  },
   module: {
     preLoaders: [
       {

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-scripts",
+  "name": "electron-react-scripts",
   "version": "0.1.0",
   "description": "Configuration and scripts for Create React App.",
   "repository": "facebookincubator/create-react-app",

scripts/init.js

@@ -19,7 +19,7 @@ module.exports = function(hostPath, appName, verbose) {
 
   // Copy over some of the devDependencies
   hostPackage.dependencies = hostPackage.dependencies || {};
-  ['react', 'react-dom'].forEach(function (key) {
+  ['react', 'react-dom', 'electron-prebuilt'].forEach(function (key) {
     hostPackage.dependencies[key] = selfPackage.devDependencies[key];
   });
 
@@ -42,7 +42,7 @@ module.exports = function(hostPath, appName, verbose) {
   fs.move(path.join(hostPath, 'gitignore'), path.join(hostPath, '.gitignore'), []);
 
   // Run another npm install for react and react-dom
-  console.log('Installing react and react-dom from npm...');
+  console.log('Installing react, react-dom, and electron-prebuilt from npm...');
   // TODO: having to do two npm installs is bad, can we avoid it?
   var args = [
     'install',

scripts/start.js

@@ -14,7 +14,7 @@ var chalk = require('chalk');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
 var config = require('../config/webpack.config.dev');
-var execSync = require('child_process').execSync;
+var exec = require('child_process').exec;
 var opn = require('opn');
 
 // TODO: hide this behind a flag and eliminate dead code on eject.
@@ -122,24 +122,13 @@ compiler.plugin('done', function (stats) {
 });
 
 function openBrowser() {
-  if (process.platform === 'darwin') {
-    try {
-      // Try our best to reuse existing tab
-      // on OS X Google Chrome with AppleScript
-      execSync('ps cax | grep "Google Chrome"');
-      execSync(
-        'osascript ' +
-        path.resolve(__dirname, './openChrome.applescript') +
-        ' http://localhost:3000/'
-      );
-      return;
-    } catch (err) {
-      // Ignore errors.
-    }
+  try {
+    // Try our best to reuse existing tab
+    // on OS X Google Chrome with AppleScript
+    exec('electron .');
+  } catch (err) {
+    // Ignore errors.
   }
-  // Fallback to opn
-  // (It will always open new tab)
-  opn('http://localhost:3000/');
 }
 
 new WebpackDevServer(compiler, {