@redhat-cloud-services/frontend-components-config-utilities 1.5.17 → 1.5.20

package/README.md

@@ -2,13 +2,17 @@
 
 [![npm version](https://badge.fury.io/js/%40redhat-cloud-services%2Ffrontend-components-config-utilities.svg)](https://badge.fury.io/js/%40redhat-cloud-services%2Ffrontend-components-config-utilities)
 
-- [RedHat Cloud Services frontend components - webpack config](#redhat-cloud-services-frontend-components---webpack-config-utilities)
-  - [Chrome render loader](#chrome-render-loaded)
+- [RedHat Cloud Services frontend components - webpack config utilities](#redhat-cloud-services-frontend-components---webpack-config-utilities)
+  - [Chrome render loader](#chrome-render-loader)
     - [Disable chrome 2](#disable-chrome-2)
   - [Chunk mapper](#chunk-mapper)
   - [Federated modules](#federated-modules)
-  - [Override container ports](#Override container ports)
-    - [List of shared deps](#list-of-shared-deps)
+    - [Override container ports](#override-container-ports)
+      - [List of shared deps](#list-of-shared-deps)
+  - [Extensions plugin](#extensions-plugin)
+    - [Arguments](#arguments)
+    - [`pluginConfig`](#pluginconfig)
+      - [extension object](#extension-object)
 
 ## Chrome render loader
 
@@ -95,6 +99,7 @@ We've aimed for easy plug and play, but feel free to override any fed mods parti
 * `moduleName` - used to generate the file under this name (generally your `insights.appname` - if you have dashes in your name replace them with cammel case)
 * `useFileHash` - in order to prevent caching we are using file hashes, you might want to turn this off in your dev env
 * `exclude` - if you want to exclude any shared module you can do it trough here (even for general dependencies added by us)
+* `eager` - if set to `true`, turns eager fetch for shared modules on
 
 ### Override container ports
 The default ports for the RBAC server(**4012**) and/or the Keycloak server(**4001**) can be overridden using a corresponding variable in the environment. 

package/federated-modules.js

@@ -3,24 +3,26 @@ const { resolve } = require('path');
 const { ModuleFederationPlugin } = require('webpack').container;
 const jsVarName = require('./jsVarName');
 
-const include = {
-  '@patternfly/react-core': { eager: true },
-  '@patternfly/react-table': { eager: true },
+const createIncludes = (eager = false) => ({
+  '@patternfly/react-core': { eager },
+  '@patternfly/react-table': { eager },
   '@patternfly/react-tokens': {},
   '@patternfly/react-icons': {},
-  '@patternfly/quickstarts': { singleton: true, eager: true },
+  '@patternfly/quickstarts': { singleton: true, eager },
   '@redhat-cloud-services/frontend-components': {},
   '@redhat-cloud-services/frontend-components-utilities': {},
   '@redhat-cloud-services/frontend-components-notifications': {},
   axios: {},
   lodash: {},
   'redux-promise-middleware': {},
-  react: { singleton: true, eager: true },
-  'react-dom': { singleton: true, eager: true },
-  'react-router-dom': { eager: true },
-};
+  react: { singleton: true, eager },
+  'react-dom': { singleton: true, eager },
+  'react-router-dom': { eager },
+});
+
+module.exports = ({ root, exposes, shared = [], debug, moduleName, useFileHash = true, libType = 'var', libName, exclude = [], eager = false }) => {
+  const include = createIncludes(eager);
 
-module.exports = ({ root, exposes, shared = [], debug, moduleName, useFileHash = true, libType = 'var', libName, exclude = [] }) => {
   const { dependencies, insights } = require(resolve(root, './package.json')) || {};
   const appName = moduleName || (insights && jsVarName(insights.appname));
 
@@ -39,7 +41,7 @@ module.exports = ({ root, exposes, shared = [], debug, moduleName, useFileHash =
    * No application should be installing/interacting with scalprum directly.
    */
   if (dependencies['@redhat-cloud-services/frontend-components']) {
-    sharedDeps.push({ '@scalprum/react-core': { requiredVersion: '*', singleton: true, eager: true } });
+    sharedDeps.push({ '@scalprum/react-core': { requiredVersion: '*', singleton: true, eager } });
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components-config-utilities",
-    "version": "1.5.17",
+    "version": "1.5.20",
     "description": "Utilities for shared config used in RedHat Cloud Services project.",
     "main": "index.js",
     "publishConfig": {
@@ -18,5 +18,8 @@
     "homepage": "https://github.com/RedHatInsights/frontend-components#readme",
     "peerDependencies": {
         "webpack": "^5.0.0"
+    },
+    "dependencies": {
+        "node-fetch": "2.6.7"
     }
 }

package/proxy.js

@@ -1,6 +1,8 @@
 /* eslint-disable no-console */
 // Webpack proxy and express config for `useProxy: true` or `standalone: true`
 const { execSync } = require('child_process');
+const fetch = require('node-fetch');
+var express = require('express');
 const path = require('path');
 const HttpsProxyAgent = require('https-proxy-agent');
 const cookieTransform = require('./cookieTransform');
@@ -34,6 +36,8 @@ module.exports = ({
   registry = [],
   isChrome = false,
   onBeforeSetupMiddleware = () => {},
+  bounceProd = false,
+  useAgent = true,
 }) => {
   const proxy = [];
   const majorEnv = env.split('-')[0];
@@ -53,12 +57,17 @@ module.exports = ({
 
   let agent;
 
-  if (env.startsWith('prod') || env.startsWith('stage')) {
-    // PROD and stage are deployed with Akamai which requires a corporate proxy
+  const isProd = env.startsWith('prod');
+  const isStage = env.startsWith('stage');
+
+  const shouldBounceProdRequests = isProd && bounceProd && !useAgent;
+
+  if (isStage || (isProd && useAgent)) {
+    // stage is deployed with Akamai which requires a corporate proxy
     agent = new HttpsProxyAgent(proxyURL);
   }
 
-  if (env.startsWith('stage')) {
+  if (isStage) {
     // stage-stable / stage-beta branches don't exist in build repos
     // Currently stage pulls from QA
     env = env.replace('stage', 'qa');
@@ -185,19 +194,37 @@ module.exports = ({
         return false;
       },
       target,
-      ...(isChrome && {
-        bypass: (req) => {
-          /**
-           * Bypass any HTML requests if using chrome
-           * Serves as a historyApiFallback when refreshing on any other URL than '/'
-           */
-          if (!req.url.match(/\/api\//) && !req.url.match(/\./) && req.headers.accept.includes('text/html')) {
-            return '/';
+      bypass: async (req, res) => {
+        /**
+         * Bypass any HTML requests if using chrome
+         * Serves as a historyApiFallback when refreshing on any other URL than '/'
+         */
+        if (isChrome && !req.url.match(/\/api\//) && !req.url.match(/\./) && req.headers.accept.includes('text/html')) {
+          return '/';
+        }
+
+        /**
+         * Use node-fetch to proxy all non-GET requests (this avoids all origin/host akamai policy)
+         * This enables using PROD proxy without VPN and agent
+         */
+        if (shouldBounceProdRequests && req.method !== 'GET') {
+          const result = await fetch((target + req.url).replace(/\/\//g, '/'), {
+            method: req.method,
+            body: JSON.stringify(req.body),
+            headers: { cookie: req.headers.cookie, 'Content-Type': 'application/json' },
+          });
+
+          const text = await result.text();
+          try {
+            const data = JSON.parse(text);
+            res.status(result.status).json(data);
+          } catch (err) {
+            res.status(result.status).send(text);
           }
+        }
 
-          return null;
-        },
-      }),
+        return null;
+      },
       router: router(target, useCloud),
       ...(agent && {
         agent,
@@ -235,6 +262,12 @@ module.exports = ({
     },
     onBeforeSetupMiddleware({ app, compiler, options }) {
       app.enable('strict routing'); // trailing slashes are mean
+
+      if (shouldBounceProdRequests) {
+        app.use(express.json());
+        app.use(express.urlencoded({ extended: true }));
+      }
+
       /**
        * Allow serving chrome assets
        * This will allow running chrome as a host application