add support for cra-1.x.x

Author: smmoosavi

bin/monkey-react-scripts.js

@@ -1,25 +1,25 @@
 #!/usr/bin/env node
-var spawn = require('cross-spawn');
-var script = process.argv[2];
-var args = process.argv.slice(3);
+const spawn = require('react-dev-utils/crossSpawn');
+const script = process.argv[2];
+const args = process.argv.slice(3);
 
 switch (script) {
     case 'build':
     case 'start':
-    case 'test':
-        var result = spawn.sync(
+    case 'test': {
+        const result = spawn.sync(
             'node',
             [require.resolve('../scripts/' + script)].concat(args),
             {stdio: 'inherit'}
         );
         if (result.signal) {
-            if (result.signal == 'SIGKILL') {
+            if (result.signal === 'SIGKILL') {
                 console.log(
                     'The build failed because the process exited too early. ' +
                     'This probably means the system ran out of memory or someone called ' +
                     '`kill -9` on the process.'
                 );
-            } else if (result.signal == 'SIGTERM') {
+            } else if (result.signal === 'SIGTERM') {
                 console.log(
                     'The build failed because the process exited too early. ' +
                     'Someone might have called `kill` or `killall`, or the system could ' +
@@ -30,6 +30,7 @@ switch (script) {
         }
         process.exit(result.status);
         break;
+    }
     default:
         console.log('Unknown script "' + script + '".');
         break;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-react-scripts",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "Monkey react script runner",
   "main": "index.js",
   "repository": "git@github.com:monkey-patches/monkey-react-scripts.git",
@@ -14,6 +14,9 @@
     "monkey-react-scripts": "./bin/monkey-react-scripts.js"
   },
   "peerDependencies": {
-    "react-scripts": ">=0.9.0"
+    "react-scripts": ">=1.0.0"
+  },
+  "dependencies": {
+    "react-dev-utils": "^3.0.2"
   }
 }

scripts/build.js

@@ -1,14 +1,15 @@
-var fs = require('fs');
-var path = require('path');
+const fs = require('fs');
+const path = require('path');
 
+process.env.BABEL_ENV = 'production';
 process.env.NODE_ENV = 'production';
 
-require('dotenv').config({silent: true});
+require('react-scripts/config/env');
 
-var chalk = require('chalk');
-var appPath = require('react-scripts/config/paths').appPath;
-var webpackMonkeyPath = path.resolve(appPath, 'webpack.monkey.js');
-var webpackConfig = require('react-scripts/config/webpack.config.prod');
+const chalk = require('chalk');
+const appPath = require('react-scripts/config/paths').appPath;
+const webpackMonkeyPath = path.resolve(appPath, 'webpack.monkey.js');
+const webpackConfig = require('react-scripts/config/webpack.config.prod');
 
 if (fs.existsSync(webpackMonkeyPath)) {
     console.log(chalk.yellow('WARNING! You are using modified webpack config!'));

scripts/start.js

@@ -1,14 +1,15 @@
-var fs = require('fs');
-var path = require('path');
+const fs = require('fs');
+const path = require('path');
 
+process.env.BABEL_ENV = 'development';
 process.env.NODE_ENV = 'development';
 
-require('dotenv').config({silent: true});
+require('react-scripts/config/env');
 
-var chalk = require('chalk');
-var appPath = require('react-scripts/config/paths').appPath;
-var webpackMonkeyPath = path.resolve(appPath, 'webpack.monkey.js');
-var webpackConfig = require('react-scripts/config/webpack.config.dev');
+const chalk = require('chalk');
+const appPath = require('react-scripts/config/paths').appPath;
+const webpackMonkeyPath = path.resolve(appPath, 'webpack.monkey.js');
+const webpackConfig = require('react-scripts/config/webpack.config.dev');
 
 if (fs.existsSync(webpackMonkeyPath)) {
     console.log(chalk.yellow('WARNING! You are using modified webpack config!'));

snippets/cra-1.x.x.md

@@ -0,0 +1,7 @@
+# Code snippets for create-react-app 1.x.x
+useful codes you can copy and use in webpack.monkey.js file.
+
+In real project I copy some of them in other file and use require function:
+
+## TODO
+coming soon. you can see [snippets for cra@0.9.x](cra-0.9.x.md) and get some idea.