init monorepo and refactor navigation to extensions (opendatahub-io#4138)

* init monorepo and refactor navigation to extensions

* rename pathMatch to path and update doc

* add const for ADMIN_USER flag and remove commented code

* remove commented code from webpack.common.js

Author: christianvogt

frontend/.eslintrc

@@ -210,11 +210,6 @@
             "pattern": "@mf/**",
             "group": "external",
             "position": "after"
-          },
-          {
-            "pattern": "~/**",
-            "group": "internal",
-            "position": "before"
           }
         ],
         "pathGroupsExcludedImportTypes": ["builtin"],
@@ -249,7 +244,11 @@
       "error",
       {
         "devDependencies": true,
-        "optionalDependencies": true
+        "optionalDependencies": true,
+        "packageDir": [
+          ".",
+          "./packages"
+        ]
       }
     ],
     "no-relative-import-paths/no-relative-import-paths": [
@@ -416,19 +415,19 @@
           }
         ]
       }
-    // },
-    // {
-    //   "files": ["src/plugins/extensions.ts"],
-    //   "rules": {
-    //     "@typescript-eslint/consistent-type-imports": "error",
-    //     "no-restricted-syntax": [
-    //       "error",
-    //       {
-    //         "selector":"ImportDeclaration[importKind!='type']",
-    //         "message": "Must use 'import type' when importing. Use dynamic imports for code references (eg. `() => import('~/Test')`)."
-    //       }
-    //     ]
-    //   }
+    },
+    {
+      "files": ["src/plugins/extensions/**"],
+      "rules": {
+        "@typescript-eslint/consistent-type-imports": "error",
+        "no-restricted-syntax": [
+          "error",
+          {
+            "selector":"ImportDeclaration[importKind!='type']",
+            "message": "Must use 'import type' when importing. Use dynamic imports for code references (eg. `() => import('~/Test')`)."
+          }
+        ]
+      }
     }
   ]
 }

frontend/config/dotenv.js

@@ -140,7 +140,7 @@ const setupDotenvFilesForEnv = ({ env }) => {
   const IMAGES_DIRNAME = process.env.ODH_IMAGES_DIRNAME || 'images';
   const PUBLIC_PATH = process.env.ODH_PUBLIC_PATH || '/';
   const SRC_DIR = path.resolve(RELATIVE_DIRNAME, process.env.ODH_SRC_DIR || TS_BASE_URL || 'src');
-  const COMMON_DIR = path.resolve(RELATIVE_DIRNAME, process.env.ODH_COMMON_DIR || '../common');
+  const COMMON_DIR = path.resolve(RELATIVE_DIRNAME, process.env.ODH_COMMON_DIR || 'packages');
   const DIST_DIR = path.resolve(RELATIVE_DIRNAME, process.env.ODH_DIST_DIR || TS_OUT_DIR || 'public');
   const HOST = process.env.ODH_HOST || 'localhost';
   const PORT = process.env.ODH_PORT || '3000';

frontend/config/webpack.common.js

@@ -177,6 +177,7 @@ module.exports = (env) => {
       filename: '[name].bundle.js',
       path: DIST_DIR,
       publicPath: PUBLIC_PATH,
+      chunkFilename: '[name]-[chunkhash].js',
     },
     plugins: [
       ...setupWebpackDotenvFilesForEnv({
@@ -237,7 +238,7 @@ module.exports = (env) => {
       alias: {
         '~': path.resolve(SRC_DIR),
       },
-      symlinks: false,
+      symlinks: true,
       cacheWithContext: false,
     },
   };

frontend/jest.config.js

@@ -2,7 +2,7 @@
 // https://jestjs.io/docs/en/configuration.html
 
 module.exports = {
-  roots: ['<rootDir>/src/'],
+  roots: ['<rootDir>'],
   testMatch: [
     '**/src/__tests__/unit/**/?(*.)+(spec|test).ts?(x)',
     '**/__tests__/?(*.)+(spec|test).ts?(x)',
@@ -12,7 +12,7 @@ module.exports = {
   clearMocks: true,
 
   // An array of directory names to be searched recursively up from the requiring module's location
-  moduleDirectories: ['node_modules', '<rootDir>/src'],
+  moduleDirectories: ['node_modules', '<rootDir>/src', '<rootDir>/packages'],
 
   // A map from regular expressions to module names that allow to stub out resources with a single module
   moduleNameMapper: {
@@ -40,6 +40,7 @@ module.exports = {
 
   collectCoverageFrom: [
     '<rootDir>/src/**/*.{ts,tsx}',
+    '<rootDir>/packages/**/src/**/*.{ts,tsx}',
     '!<rootDir>/src/third_party/**',
     '!<rootDir>/src/__tests__/**',
     '!<rootDir>/src/__mocks__/**',