chore(RHINENG-7042): adopt fec-config (#1178)

* chore(RHINENG-7042): adopt fec-config

* chore(RHINENG-7042): use proper fed-module export path, return entry files

* chore(RHINENG-7042): further remove obsolete npm scripts, cleanup travis config

* chore: permissive requiredVersion and remove interceptChromeConfig in fec.config

* chore: update package-lock

Author: mkholjuraev

.gitignore

@@ -21,4 +21,6 @@ coverage
 
 codecov*
 .nyc_output/
-reports/
+reports/
+
+.cache/

.travis.yml

@@ -15,10 +15,8 @@ jobs:
       script: npm run lint
     - stage: Test
       script: npm run test && npm run test:ct && npm run coverage
-    - stage: Deploy
-      script: npm run deploy && curl -sSL https://raw.githubusercontent.com/RedHatInsights/insights-frontend-builder-common/master/src/bootstrap.sh | bash -s
-    - stage: Build components and release
-      script: rm -rf dist ; npm run build:components ; npm run semantic-release
+    - stage: Tag release
+      script: npm run semantic-release
 env:
   global:
     - REPO="git@github.com:RedHatInsights/patchman-ui-build"

README.md

@@ -35,14 +35,11 @@ Note: You will need to set up the Insights environment if you want to develop wi
 
 2. ```npm install```
 
-3. ```SPANDX_CONFIG="./config/spandx.config.js" bash $PROXY_PATH/scripts/run.sh```
-    - If you are using insights proxy, it is time to start it. Otherwise you can skip this step
-
-4. ```npm run start```
+3. ```npm run start:proxy```
     - use this command if you want to develop Patch UI using insights proxy. The command starts webpack bundler and serves the files with webpack dev server
-   
-  ```npm run start:proxy:beta``` 
-    - use this command if you wand to develop Patch UI using webpack proxy starts webpack bundler and serves the files with webpack dev server
+    - While you run the command above, you will be prompted to choose an enviroment.
+
+Open browser with the URL generated by the webpack dev server your terminal
 
 ### Testing
 

babel.config.js

@@ -1,116 +1,9 @@
-/* global module, __dirname, require */
-require.extensions['.css'] = () => undefined;
-const path = require('path');
-const glob = require('glob');
-
-/**
- * We require a mapper for some PF modules because the modle export names do not match their location
- */
-const mapper = {
-    TextVariants: 'Text',
-    EmptyStateVariant: 'EmptyState',
-    PaginationVariant: 'Pagination',
-    SelectVariant: 'selectConstants',
-    DropdownPosition: 'dropdownConstants',
-    TextListVariants: 'TextList',
-    TextListItemVariants: 'TextListItem',
-    ClipboardCopyVariant: 'ClipboardCopy',
-    TooltipPosition: 'Tooltip'
-};
-
-const IconMapper = {
-    AnsibeTowerIcon: 'ansibeTower-icon'
-};
-
-const FECMapper = {
-    SkeletonSize: 'Skeleton',
-    PageHeaderTitle: 'PageHeader',
-    conditionalFilterType: 'ConditionalFilter'
-};
-
-const NotificationMapper = {
-    REMOVE_NOTIFICATION: 'actionTypes',
-    ADD_NOTIFICATION: 'actionTypes',
-    NotificationsPortal: 'NotificationPortal',
-    addNotification: 'actions'
-};
-
-/**
- * These two plugins will replace all replative imports with absolute import paths to the commonJS version of asset
- * PF esm build is broken, it points to commonJS files internaly
- * There fore its better to use commonJS version of the build to avoid duplicate cjs/esm variants of components
- * After its fixed in PF we can swap to using esm build
- */
-const patternflyTransformImports = (env) => [
-    'transform-imports',
-    {
-        '@patternfly/react-table': {
-            skipDefaultConversion: true,
-            transform: `@patternfly/react-table/dist/${env}`
-        },
-        '@patternfly/react-core': {
-            transform: (importName) => {
-                let res;
-                const files = glob.sync(
-                    path.resolve(
-                        __dirname,
-                        `./node_modules/@patternfly/react-core/dist/${env}/**/${mapper[
-                        importName
-                        ] || importName}.js`
-                    )
-                );
-                if (files.length > 0) {
-                    res = files[0];
-                } else {
-                    throw `File with importName ${importName} does not exist`;
-                }
-
-                res = res.replace(path.resolve(__dirname, './node_modules/'), '');
-                res = res.replace(/^\//, '');
-                return res;
-            },
-            preventFullImport: true,
-            skipDefaultConversion: true
-        },
-        '@patternfly/react-icons': {
-            transform: (importName) =>
-                `@patternfly/react-icons/dist/${env}/icons/${IconMapper[importName] || importName
-                .split(/(?=[A-Z])/)
-                .join('-')
-                .toLowerCase()}.js`,
-            preventFullImport: true
-        }
-    },
-    'patternfly-react'
-];
-
-const fecTransformImports = (env) => [
-    'transform-imports',
-    {
-        '@redhat-cloud-services/frontend-components': {
-            transform: (importName) => `@redhat-cloud-services/frontend-components/components/${
-                env
-            }/${
-                FECMapper[importName] || importName
-            }.js`,
-            preventFullImport: false,
-            skipDefaultConversion: true
-        },
-        '@redhat-cloud-services/frontend-components-notifications': {
-            transform: (importName) =>
-                `@redhat-cloud-services/frontend-components-notifications/${
-                    env
-                }/${
-                    NotificationMapper[importName] || importName
-                }.js`,
-            preventFullImport: true
-        }
-    },
-    'frontend-components'
-];
-
 module.exports = {
-    presets: ['@babel/env', '@babel/react', '@babel/flow'],
+    presets: [
+        '@babel/env',
+        '@babel/react',
+        '@babel/flow'
+    ],
     plugins: [
         ['transform-inline-environment-variables', {
             include: [
@@ -124,24 +17,6 @@ module.exports = {
         '@babel/plugin-proposal-class-properties'
     ],
     env: {
-        esm: {
-            plugins: [
-                patternflyTransformImports('esm'),
-                fecTransformImports('esm')
-            ]
-        },
-        production: {
-            plugins: [
-                patternflyTransformImports('esm'),
-                fecTransformImports('esm')
-            ]
-        },
-        development: {
-            plugins: [
-                patternflyTransformImports('esm'),
-                fecTransformImports('esm')
-            ]
-        },
         componentTest: {
             plugins: [
                 'istanbul'