build step to replace stack version info

Author: joeycozza

CHANGELOG-FRONTIER.md

@@ -1,3 +1,8 @@
+## 8.6.0
+
+- Add some logic in env.js to look for REACT_APP_ZION_UI_VERSION and REACT_APP_REACT_SCRIPTS_VERSION env vars and calculate
+  those versions based on the info in their respective package.json files
+
 ## 8.5.5
 
 - Fix proxy to work with Russian test user

packages/react-scripts/config/env.js

@@ -6,20 +6,35 @@
  * LICENSE file in the root directory of this source tree.
  */
 // @remove-on-eject-end
-'use strict';
+'use strict'
 
-const fs = require('fs');
-const path = require('path');
-const paths = require('./paths');
+const fs = require('fs')
+const path = require('path')
+const paths = require('./paths')
+
+let zionUiVersion
+try {
+  const resolvedZionUiPath = require.resolve('@fs/zion-ui')
+  const zionUiPackageJson = require(`${resolvedZionUiPath.split('@fs/zion-ui')[0]}@fs/zion-ui/package.json`)
+  zionUiVersion = zionUiPackageJson.version
+} catch (error) {
+  zionUiVersion = '-'
+}
+
+let reactScriptsVersion
+try {
+  const reactScriptsPackageJson = require('../package.json')
+  reactScriptsVersion = reactScriptsPackageJson.version
+} catch (error) {
+  reactScriptsVersion = '-'
+}
 
 // Make sure that including paths.js after env.js will read .env variables.
-delete require.cache[require.resolve('./paths')];
+delete require.cache[require.resolve('./paths')]
 
-const NODE_ENV = process.env.NODE_ENV;
+const NODE_ENV = process.env.NODE_ENV
 if (!NODE_ENV) {
-  throw new Error(
-    'The NODE_ENV environment variable is required but was not specified.'
-  );
+  throw new Error('The NODE_ENV environment variable is required but was not specified.')
 }
 
 // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
@@ -31,7 +46,7 @@ const dotenvFiles = [
   NODE_ENV !== 'test' && `${paths.dotenv}.local`,
   `${paths.dotenv}.${NODE_ENV}`,
   paths.dotenv,
-].filter(Boolean);
+].filter(Boolean)
 
 // Load environment variables from .env* files. Suppress warnings using silent
 // if this file is missing. dotenv will never modify any environment variables
@@ -44,9 +59,9 @@ dotenvFiles.forEach(dotenvFile => {
       require('dotenv').config({
         path: dotenvFile,
       })
-    );
+    )
   }
-});
+})
 
 // We support resolving modules according to `NODE_PATH`.
 // This lets you use absolute paths in imports inside large monorepos:
@@ -57,24 +72,30 @@ dotenvFiles.forEach(dotenvFile => {
 // Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
 // https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
 // We also resolve them to make sure all tools using them work consistently.
-const appDirectory = fs.realpathSync(process.cwd());
+const appDirectory = fs.realpathSync(process.cwd())
 process.env.NODE_PATH = (process.env.NODE_PATH || '')
   .split(path.delimiter)
   .filter(folder => folder && !path.isAbsolute(folder))
   .map(folder => path.resolve(appDirectory, folder))
-  .join(path.delimiter);
+  .join(path.delimiter)
 
 // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
 // injected into the application via DefinePlugin in webpack configuration.
-const REACT_APP = /^REACT_APP_/i;
+const REACT_APP = /^REACT_APP_/i
 
 function getClientEnvironment(publicUrl) {
   const raw = Object.keys(process.env)
     .filter(key => REACT_APP.test(key))
     .reduce(
       (env, key) => {
-        env[key] = process.env[key];
-        return env;
+        if (key === 'REACT_APP_ZION_UI_VERSION') {
+          env[key] = zionUiVersion
+        } else if (key === 'REACT_APP_REACT_SCRIPTS_VERSION') {
+          env[key] = reactScriptsVersion
+        } else {
+          env[key] = process.env[key]
+        }
+        return env
       },
       {
         // Useful for determining whether we’re running in production mode.
@@ -97,16 +118,16 @@ function getClientEnvironment(publicUrl) {
         // It is defined here so it is available in the webpackHotDevClient.
         FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
       }
-    );
+    )
   // Stringify all values so we can feed into webpack DefinePlugin
   const stringified = {
     'process.env': Object.keys(raw).reduce((env, key) => {
-      env[key] = JSON.stringify(raw[key]);
-      return env;
+      env[key] = JSON.stringify(raw[key])
+      return env
     }, {}),
-  };
+  }
 
-  return { raw, stringified };
+  return { raw, stringified }
 }
 
-module.exports = getClientEnvironment;
+module.exports = getClientEnvironment

packages/react-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fs/react-scripts",
-  "version": "8.5.5",
+  "version": "8.6.0",
   "upstreamVersion": "5.0.1",
   "description": "Configuration and scripts for Create React App.",
   "repository": {