@redhat-cloud-services/frontend-components-config-utilities 2.0.0-beta.0 → 2.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components-config-utilities",
-    "version": "2.0.0-beta.0",
+    "version": "2.0.0-beta.1",
     "description": "Utilities for shared config used in RedHat Cloud Services project.",
     "main": "index.js",
     "publishConfig": {
@@ -20,6 +20,7 @@
         "webpack": "^5.0.0"
     },
     "dependencies": {
+        "chalk": "^4.1.2",
         "@openshift/dynamic-plugin-sdk-webpack": "^3.0.0",
         "node-fetch": "2.6.7"
     }

package/search-ignored-styles.js

@@ -1,20 +1,37 @@
 const path = require('path');
 const glob = require('glob');
+const chalk = require('chalk');
+
+function logWarning(message) {
+  console.log(chalk.blue('[fec]') + chalk.yellow(' WARNING: ') + message);
+}
 
 /**
  * Function that searches for all patternfly styles in node_modules and outputs an webpack alias object to ignore found modules.
  * @param {string} root absolute directory path to root folder containig package.json
+ * @param {string[]} ...paths node_modulesDirectories
  * @returns {Object}
  */
-const searchIgnoredStyles = (root) => {
-  const modulesPath = path.join(root, 'node_modules/@patternfly/react-styles');
-  return glob.sync(`${modulesPath}/**/*.css`).reduce(
-    (acc, curr) => ({
-      ...acc,
-      [curr]: false,
-    }),
-    {}
-  );
+const searchIgnoredStyles = (root, ...paths) => {
+  const modulesPaths = [path.join(root, 'node_modules/@patternfly/react-styles'), ...paths.map((path) => `${path}/@patternfly/react-styles`)];
+  const result = modulesPaths
+    .map((modulesPath) => glob.sync(`${modulesPath}/**/*.css`))
+    .flat()
+    .reduce(
+      (acc, curr) => ({
+        ...acc,
+        [curr]: false,
+      }),
+      {}
+    );
+  if (Object.keys(result).length === 0) {
+    logWarning(`No PF CSS assets found!
+    Your application can override PF styling in deployed environments!
+    Please check your build configuration.
+    If your node_modules directory is not located at application root, provide the "nodeModulesDirectories" configuration in your build config.
+    Make sure to use absolute path to your node_modules.\n`);
+  }
+  return result;
 };
 
 module.exports = searchIgnoredStyles;