Migrate Doc-It to MUI5 and latest dependencies

.eslintrc.js

@@ -1,10 +1,11 @@
-module.exports = {
-    parser: '@typescript-eslint/parser',
-    extends: ['@brightlayer-ui/eslint-config/tsx'],
-    parserOptions: {
-        project: './tsconfig.json',
-    },
-    env: {
-        browser: true,
-    },
-};
+module.exports =  {
+        root: true,
+        parser:  '@typescript-eslint/parser',
+        extends:  [ '@brightlayer-ui/eslint-config/tsx' ],
+        parserOptions:  {
+            project: "./tsconfig.json",
+        },
+        env: {
+            browser: true
+        }
+    };

.gitignore

@@ -1,34 +1,23 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-**/**/node_modules
-**/**/bower_components
-**/**/.idea
+/node_modules
+/.pnp
+.pnp.js
 
 # testing
 /coverage
-/cypress/screenshots
-/cypress/videos
 
 # production
 /build
-package-lock.json
-
-# IDE - VSCode
-.vscode/*
-
 
 # misc
 .DS_Store
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
-.idea/
-.idea/**/**
-.editorconfig
-.angulardoc.json
 
 npm-debug.log*
 yarn-debug.log*
-yarn-error.log*
+yarn-error.log*

TODO.txt

@@ -0,0 +1,5 @@
+General
+    ❌ Eliminate the GA hook refer to devdocs
+    ❌ Look into laggy performance
+    ❌ Add Eslint rule for bundle imports
+    ❌ Use the newer version of redux

scripts/crawl/indexer.js → __scripts__/crawl/indexer.js

@@ -135,6 +135,7 @@ function transformToArray(str) {
         .replace(/<[\/]?[a-z].+?>/gim, ' ') // take out all the native tags <xxx> and </xxx>
         .replace(/<[a-z].+?[ ]?\/>/gim, ' ') // take out all the native tags <xxx/>
         .replace(/<!--[\s]*?((?!keywords:).)*?[\s]*?-->/gi, ' ') // omit the comments except for keywords
+        .replace(/{\/\*[\s]*?((?!keywords:).)*?[\s]*?\*\/}/gi, ' ') // omit the comments except for keywords
         // .replace(/<!--[\s]*?(keywords:)(.*?)[\s]*?-->/gi, '$2') // replace keyword comments
         .replace(/\[(.*?)\]\(.*?\)/g, '$1'); // replace all the markdown links [text](url) into text
     // .replace(/[!@\?#\$%\^&\*\(\)\-\\\|\[\]\+`~\.\,\?<>\{\}/":;]/gim, ' ') // replace any special characters
@@ -196,12 +197,13 @@ function main() {
         // add / update the data entry to keywordIndex
         // not all the entries have keywords
         if (sitemapDatabase[url].text) {
-            var keywords_string = sitemapDatabase[url].text.match(/<!--[\s]*?(keywords:)(.*?)[\s]*?-->/gi);
+            var keywords_string = sitemapDatabase[url].text.match(/{\/\*[\s]*?(keywords:)(.*?)[\s]*?\*\/}/gi);
+
             if (!keywords_string || keywords_string.length === 0) {
                 return;
             }
 
-            keywords_string = keywords_string[0].replace(/<!--[\s]*?(keywords:)(.*?)[\s]*?-->/gi, '$2').trim();
+            keywords_string = keywords_string[0].replace(/{\/\*[\s]*?(keywords:)(.*?)[\s]*?\*\/}/gi, '$2').trim();
             var keywords_array = keywords_string.split(' ');
 
             keywords_array.forEach((keyword) => {

___scripts___/link-check/checklinks.sh → __scripts__/link-check/checklinks.sh

@@ -2,40 +2,40 @@
 
 # Community Links
 echo "Checking Community Links... "
-find src/docs/community -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-1.json \;
+find src/docs/community -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-1.json \;
 
 # Design Links
 echo "Checking Development Links... "
-find src/docs/design -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-1.json \;
+find src/docs/design -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-1.json \;
 
 # Development Links
 echo "Checking Development Links... "
-find src/docs/development -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-1.json \;
+find src/docs/development -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-1.json \;
 
 # Mobile Framework Links
 echo "Checking Mobile Framework Links... "
-find src/docs/development/frameworks-mobile -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-2.json \;
+find src/docs/development/frameworks-mobile -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-2.json \;
 
 # Web Framework Links
 echo "Checking Web Framework Links... "
-find src/docs/development/frameworks-web -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-2.json \;
+find src/docs/development/frameworks-web -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-2.json \;
 
 # Get Started Links
 echo "Checking Get Started Links... "
-find src/docs/get-started -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-1.json \;
+find src/docs/get-started -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-1.json \;
 
 # Design Pattern Links
 echo "Checking Design Pattern Links... "
-find src/docs/patterns -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-1.json \;
+find src/docs/patterns -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-1.json \;
 
 # Release Notes Links
 echo "Checking Release Notes Links... "
-find src/docs/release-notes -maxdepth 2 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-2.json \;
+find src/docs/release-notes -maxdepth 2 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-2.json \;
 
 # Style Links
 echo "Checking Style Links... "
-find src/docs/style -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-1.json \; 
+find src/docs/style -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-1.json \; 
 
 # Root Links
 echo "Checking Root Links... "
-find src/docs -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./___scripts___/link-check/config/depth-0.json \;
+find src/docs -maxdepth 1 -name \*.mdx -exec markdown-link-check {} -q -v -c ./__scripts__/link-check/config/depth-0.json \;