Status file tweaks

Author: ajones513

packages/react-scripts/package.json

@@ -48,6 +48,7 @@
     "jest-resolve": "23.6.0",
     "lodash": "^4.17.11",
     "mini-css-extract-plugin": "0.4.3",
+    "mkdirp": "^1.0.3",
     "node-sass": "4.12.0",
     "optimize-css-assets-webpack-plugin": "5.0.1",
     "pnp-webpack-plugin": "1.1.0",

packages/react-scripts/scripts/start-ssr.js

@@ -38,15 +38,14 @@ const webpack = require('webpack');
 const configFactory = require('../config/webpack.config.ssr');
 const paths = require('../config/paths');
 
-const registerStatusFileHooks = require('./utils/registerStatusFileHooks');
+const statusFile = require('./utils/statusFile');
 
 const config = configFactory('development');
 const appName = require(paths.appPackageJson).name;
 const useYarn = fs.existsSync(paths.yarnLockFile);
 
 const compiler = createCompiler(webpack, config, appName, undefined, useYarn);
-
-registerStatusFileHooks(compiler);
+statusFile.init(compiler, paths.appBuildSsr);
 
 compiler.watch(
   {
@@ -57,5 +56,7 @@ compiler.watch(
       console.log(err.message || err);
       process.exit(1);
     }
+
+    statusFile.done(paths.appBuildSsr);
   }
 );

packages/react-scripts/scripts/start.js

@@ -31,7 +31,6 @@ const verifyTypeScriptSetup = require('./utils/verifyTypeScriptSetup');
 verifyTypeScriptSetup();
 // @remove-on-eject-end
 
-const path = require('path');
 const fs = require('fs');
 const chalk = require('chalk');
 const webpack = require('webpack');
@@ -49,7 +48,7 @@ const paths = require('../config/paths');
 const configFactory = require('../config/webpack.config');
 const createDevServerConfig = require('../config/webpackDevServer.config');
 
-const registerStatusFileHooks = require('./utils/registerStatusFileHooks');
+const statusFile = require('./utils/statusFile');
 
 const useYarn = fs.existsSync(paths.yarnLockFile);
 const isInteractive = process.stdout.isTTY;
@@ -100,8 +99,7 @@ checkBrowsers(paths.appPath, isInteractive)
     const urls = prepareUrls(protocol, HOST, port);
     // Create a webpack compiler that is configured with custom messages.
     const compiler = createCompiler(webpack, config, appName, urls, useYarn);
-
-    registerStatusFileHooks(compiler);
+    statusFile.init(compiler, paths.appBuildWeb);
 
     // Load proxy config
     const proxySetting = require(paths.appPackageJson).proxy;

packages/react-scripts/scripts/utils/registerStatusFileHooks.js

@@ -0,0 +1,31 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const mkdirp = require('mkdirp');
+
+function statusFilePath(buildPath) {
+  return path.join(buildPath, '.build-status');
+}
+
+function done(buildPath) {
+  fs.writeFileSync(statusFilePath(buildPath), 'DONE');
+}
+
+function inProgress(buildPath) {
+  fs.writeFileSync(statusFilePath(buildPath), 'IN_PROGRESS');
+}
+
+exports.init = function(compiler, buildPath) {
+  mkdirp.sync(buildPath);
+  inProgress(buildPath);
+
+  compiler.hooks.invalid.tap('invalid', () => {
+    inProgress(buildPath);
+  });
+  compiler.hooks.done.tap('done', () => {
+    done(buildPath);
+  });
+};
+
+exports.done = done;