@epilot360/webpack-config-epilot360 2.5.6 → 2.5.8

package/lib/env.js

@@ -0,0 +1,44 @@
+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;
+      },
+      {
+        // Useful for determining whether we’re running in production mode.
+        // Most importantly, it switches React into the correct mode.
+        NODE_ENV: process.env.NODE_ENV || 'development',
+        // Useful for resolving the correct path to static assets in `public`.
+        // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
+        // This should only be used as an escape hatch. Normally you would put
+        // images into the `src` and `import` them in code to get their paths.
+        PUBLIC_URL: publicUrl,
+        // We support configuring the sockjs pathname during development.
+        // These settings let a developer run multiple simultaneous projects.
+        // They are used as the connection `hostname`, `pathname` and `port`
+        // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
+        // and `sockPort` options in webpack-dev-server.
+        WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
+        WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
+        WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
+        // Whether or not react-refresh is enabled.
+        // 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;
+    }, {}),
+  };
+
+  return { raw, stringified };
+}
+
+module.exports = getClientEnvironment;

package/lib/webpack-config-epilot360-portal.js

@@ -9,6 +9,7 @@ const StandaloneSingleSpaPlugin = require("standalone-single-spa-webpack-plugin"
 const SystemJSPublicPathPlugin = require("systemjs-webpack-interop/SystemJSPublicPathWebpackPlugin");
 const { ESBuildMinifyPlugin } = require('esbuild-loader')
 const resolveCwd = require('resolve-cwd');
+const env = require('./env')()
 
 process.env.NODE_ENV = process.env.NODE_ENV || 'development'
 
@@ -53,10 +54,14 @@ function webpackConfigEpilot360ReactApp(opts) {
   const legacyEntrypoint = path.resolve(
     process.cwd(),
     'src',
-    `${opts.orgName}-${opts.projectName}.tsx`
+    `${opts.orgName}-${opts.projectName}.ts`
   )
 
-  const fileExists = (path) => fs.existsSync(path) ? path : null
+  const fileExists = (path) => {
+    if (fs.existsSync(path)) return path
+    if (fs.existsSync(path + 'x')) return path + 'x'
+    return null
+  }
 
   return {
     mode: isProduction ? "production" : "development",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot360/webpack-config-epilot360",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "description": "A webpack config for in-browser modules used with single-spa for Epilot360",
   "main": "lib/webpack-config-epilot360-portal.js",
   "directories": {