initial commit

Author: adeelibr

.gitignore

@@ -1,3 +1,6 @@
+# Lock files
+package-lock.json
+
 # Logs
 logs
 *.log

bin/index.js

@@ -0,0 +1,58 @@
+#!/usr/bin/env;
+const spawn = require('react-dev-utils/crossSpawn');
+const chalk = require('react-dev-utils/chalk');
+const args = process.argv.slice(2);
+
+const scriptIndex = args.findIndex(
+  (x) => x === 'build' || x === 'start' || x === 'test' || x === 'eject'
+);
+const script = scriptIndex === -1 ? args[0] : args[scriptIndex];
+const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
+
+switch (script) {
+  case 'build':
+  case 'start': {
+    const result = spawn.sync(
+      'node',
+      nodeArgs
+        .concat(require.resolve(`../scripts/${script}`))
+        .concat(args.slice(scriptIndex + 1)),
+      { stdio: 'inherit' }
+    );
+
+    if (result.signal) {
+      if (result.signal === 'SIGKILL') {
+        console.log('The build failed because the process exited too early.');
+        console.log(
+          'This probably means the system ran out of memory or someone called kill -9` on the process.'
+        );
+      }
+      if (result.signal === 'SIGTERM') {
+        console.log('The build failed because the process exited too early.');
+        console.log(
+          'Someone might have called `kill` or `killall`, or the system could be shutting down.'
+        );
+      }
+      process.exit(1);
+    }
+
+    process.exit(result.status);
+    break;
+  }
+  case 'test': {
+    console.log('This is not supported by us, you should just use:');
+    console.log('react-scripts test, in your npm package.json');
+    break;
+  }
+  case 'eject': {
+    console.log('This is not supported by us, you should just use:');
+    console.log('react-scripts eject, in your npm package.json');
+    break;
+  }
+  default: {
+    console.log(`Unknown script ${chalk.green(script)}.`);
+    console.log('Kindly ensure you have the latest react-scripts installed');
+    console.log(`${chalk.green('Go to this link:')}`);
+    console.log('https://create-react-app.dev/docs/updating-to-new-releases');
+  }
+}

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "react-scripts-extend",
+  "version": "1.0.0",
+  "description": "utility library to extend react-scripts configuration",
+  "main": "bin/index.js",
+  "bin": {
+    "react-scripts-extend": "index.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/withvoid/react-scripts-extend.git"
+  },
+  "keywords": [
+    "react-scripts",
+    "react",
+    "reactjs"
+  ],
+  "author": "Adeel Imran",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/withvoid/react-scripts-extend/issues"
+  },
+  "homepage": "https://github.com/withvoid/react-scripts-extend#readme",
+  "dependencies": {
+    "react-dev-utils": "^10.2.1"
+  }
+}

scripts/build.js

@@ -0,0 +1,23 @@
+const { nodeEnv, scriptName, configFilePath, paths } = require('./paths.utils');
+const { getFile, defaultOverridesConfig } = require('./helpers.utils');
+const overrides = getFile(configFilePath) || defaultOverridesConfig;
+
+// react-scripts files
+const pathsPath = `${scriptName}/config/paths`;
+const webpackConfigPath = `${scriptName}/config/webpack.config`;
+const devServerConfigPath = `${scriptName}/config/webpackDevServer.config`;
+const webpackConfig = require(webpackConfigPath);
+const devServerConfig = require(devServerConfigPath);
+
+// override config in memory
+require.cache[require.resolve(pathsPath)].exports = overrides.paths(
+  paths,
+  nodeEnv
+);
+require.cache[require.resolve(webpackConfigPath)].exports = overrides.webpack(
+  webpackConfig,
+  nodeEnv
+);
+
+// run original script
+require(`${scriptName}/scripts/build`);

scripts/helpers.utils.js

@@ -0,0 +1,28 @@
+const fs = require('fs');
+const path = require('path');
+
+const getFile = (file) => {
+  try {
+    const configPath = path.resolve(process.cwd(), file);
+    console.log(configPath);
+    const result = require(configPath);
+    return result;
+  } catch (error) {
+    return false;
+  }
+}
+
+const defaultOverridesConfig = {
+  paths: (paths, env) => {
+    return paths;
+  },
+  webpack: (config, env) => {
+    return config;
+  },
+  devServer: (configFn) => (proxy, allowedHost) => {
+    const config = configFn(proxy, allowedHost);
+    return config;
+  }
+};
+
+module.exports = { getFile, defaultOverridesConfig }

scripts/paths.utils.js

@@ -0,0 +1,9 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'development'
+const nodeEnv = process.env.NODE_ENV || 'development';
+
+module.exports = {
+  nodeEnv,
+  scriptName: 'react-scripts',
+  configFilePath: './config-extends',
+  paths: require(`react-scripts/config/paths`)
+}

scripts/start.js

@@ -0,0 +1,27 @@
+const { nodeEnv, scriptName, configFilePath, paths } = require('./paths.utils');
+const { getFile, defaultOverridesConfig } = require('./helpers.utils');
+const overrides = getFile(configFilePath) || defaultOverridesConfig;
+
+// react-scripts files
+const pathsPath = `${scriptName}/config/paths`;
+const webpackConfigPath = `${scriptName}/config/webpack.config`;
+const devServerConfigPath = `${scriptName}/config/webpackDevServer.config`;
+const webpackConfig = require(webpackConfigPath);
+const devServerConfig = require(devServerConfigPath);
+
+// override config in memory
+require.cache[require.resolve(pathsPath)].exports = overrides.paths(
+  paths,
+  nodeEnv
+);
+require.cache[require.resolve(webpackConfigPath)].exports = overrides.webpack(
+  webpackConfig,
+  nodeEnv
+);
+require.cache[require.resolve(devServerConfigPath)].exports = overrides.devServer(
+  devServerConfig,
+  nodeEnv
+);
+
+// run original script
+require(`${scriptName}/scripts/start`);

scripts/test.js

@@ -0,0 +1 @@
+console.log('test js');