Enhance Prettier and Eslint configuration

.babelrc

@@ -2,14 +2,12 @@
     "presets": [
         "@babel/env",
         "@babel/react",
-        "@babel/flow",
-        "@babel/typescript"
+        "@babel/flow"
     ],
     "plugins": [
         "@babel/plugin-transform-runtime",
         "@babel/plugin-syntax-dynamic-import",
         "@babel/plugin-proposal-object-rest-spread",
-        ["@babel/plugin-proposal-class-properties", { "loose": true }],
         "lodash"
     ]
 }

.eslintignore

@@ -1 +1,7 @@
-src/demoData/*
+node_modules/*
+static/*
+dist/*
+scripts/
+cypress/
+deploy/
+lib/

.eslintrc.js

@@ -0,0 +1,44 @@
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    'prettier/@typescript-eslint',
+    'plugin:testing-library/react',
+  ],
+  rules: {
+    'keyword-spacing': 2,
+    'switch-colon-spacing': ['error', { after: true, before: false }],
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    'no-case-declarations': 'off',
+    'no-var-requires': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/camelcase': 'off',
+    'no-prototype-builtins': 'off',
+    'no-useless-escape': 'off',
+    'no-useless-catch': 'off',
+  },
+  parserOptions: {
+    ecmaVersion: 2016,
+    sourceType: 'module',
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  globals: {
+    "window": true,
+    "document": true,
+    "global": true,
+    "insights": true,
+  }
+};

.prettierignore

@@ -1 +1 @@
-package.json
+*.yaml

.prettierrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+    bracketSpacing: true,
+    printWidth: 100,
+    semi: true,
+    singleQuote: true,
+    tabWidth: 2,
+    trailingComma: 'es5',
+};
+

README.md

@@ -23,10 +23,6 @@ git clone https://github.com/project-xavier/xavier-ui.git
 cd xavier-ui
 npm ci
 
-git clone https://github.com/RedHatInsights/insights-chrome
-cd insights-chrome
-npm ci
-
 git clone https://github.com/RedHatInsights/insights-proxy.git
 cd insights-proxy
 npm install
@@ -48,19 +44,11 @@ npm ci # Always execute this when package.json changed
 npm run start
 ```
 
-### insights-chrome
-
-```shell
-cd insights-chrome
-npm run build
-npm run start
-```
-
 ### insights-proxy
 Move to insight-chrome/build folder and then execute:
 ```shell
-cd insights-chrome/build
-SPANDX_CONFIG=../../xavier-ui/profiles/local-frontend-and-api.js LOCAL_CHROME=true sh ../../insights-proxy/scripts/run.sh
+cd insights-proxy
+SPANDX_CONFIG=../xavier-ui/profiles/local-frontend-and-api.js sh scripts/run.sh
 ```
 
 # Open you browser

babel.config.js

@@ -0,0 +1,97 @@
+require.extensions['.css'] = () => undefined;
+const path = require('path');
+const glob = require('glob');
+
+// Mapper for Patternly components
+const mapper = {
+  TextVariants: 'Text',
+  DropdownPosition: 'dropdownConstants',
+  EmptyStateVariant: 'EmptyState',
+  TextListItemVariants: 'TextListItem',
+  TextListVariants: 'TextList'
+};
+
+// Wrapper for Patternfly icons
+const iconMapper = {}
+
+// Mapper for cloud-services components
+const FECMapper = {
+    SkeletonSize: 'Skeleton',
+    PageHeaderTitle: 'PageHeader'
+};
+
+module.exports = {
+    presets: [
+        '@babel/env',
+        '@babel/react'
+    ],
+    plugins: [
+        '@babel/plugin-transform-runtime',
+        '@babel/plugin-syntax-dynamic-import',
+        '@babel/plugin-proposal-object-rest-spread',
+        '@babel/plugin-proposal-class-properties',
+        'lodash',
+        [
+            'transform-imports',
+            {
+              '@patternfly/react-core': {
+                transform: (importName) => {
+                  const files = glob.sync(
+                    path.resolve(
+                      __dirname,
+                      `./node_modules/@patternfly/react-core/dist/js/**/${mapper[
+                      importName
+                      ] || importName}.js`
+                    )
+                  );
+                  if (files.length > 0) {
+                    return files[0].replace(/.*(?=@patternfly)/, '');
+                  } else {
+                    throw `File with importName ${importName} does not exist`;
+                  }
+                },
+                preventFullImport: false,
+                skipDefaultConversion: true
+              }
+            },
+            'react-core'
+          ],
+          [
+            'transform-imports',
+            {
+              '@patternfly/react-icons': {
+                transform: (importName) =>
+                  `@patternfly/react-icons/dist/js/icons/${importName
+                  .split(/(?=[A-Z])/)
+                  .join('-')
+                  .toLowerCase()}`,
+                preventFullImport: true
+              }
+            },
+            'react-icons'
+          ],
+          [
+            'transform-imports',
+            {
+              '@redhat-cloud-services/frontend-components': {
+                transform: (importName) =>
+                  `@redhat-cloud-services/frontend-components/components/cjs/${FECMapper[importName] || importName}`,
+                preventFullImport: false,
+                skipDefaultConversion: true
+              }
+            },
+            'frontend-components'
+          ],
+          [
+            'transform-imports',
+            {
+              '@redhat-cloud-services/frontend-components-notifications': {
+                transform: (importName) =>
+                  `@redhat-cloud-services/frontend-components-notifications/cjs/${importName}`,
+                preventFullImport: true
+              }
+            },
+            'frontend-notifications'
+          ]
+    ]
+};