feat: initial config for UI slot

openedx · Mar 13, 2024 · bb6138c · bb6138c
1 parent 35415fe
commit bb6138c
Show file tree

Hide file tree

Showing 8 changed files with 530 additions and 195 deletions.
diff --git a/config/.eslintrc.js b/config/.eslintrc.js
@@ -1,5 +1,10 @@
+const fs = require('fs');
+const path = require('path');
 const { babel } = require('../lib/presets');
 
+const defaultWebpackConfigPath = path.resolve(process.cwd(), './webpack.dev.config.js');
+const webpackConfigPath = fs.existsSync(defaultWebpackConfigPath) ? defaultWebpackConfigPath : path.resolve(__dirname, './webpack.dev.config.js');
+
 module.exports = {
   extends: '@edx/eslint-config',
   parser: '@babel/eslint-parser',
@@ -9,6 +14,19 @@ module.exports = {
       configFile: babel.resolvedFilepath || babel.defaultFilepath,
     },
   },
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: webpackConfigPath,
+      },
+      alias: {
+        map: [
+          ['@root_path', path.resolve(process.cwd(), '.')],
+        ],
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
+      },
+    },
+  },
   rules: {
     'import/no-extraneous-dependencies': [
       'error',
@@ -35,7 +53,16 @@ module.exports = {
     }],
     'import/no-import-module-export': 'off',
     'react/function-component-definition': [2, { namedComponents: 'arrow-function' }],
+    'import/prefer-default-export': 'off',
   },
+  overrides: [
+    {
+      files: ['**/plugins/**/*.jsx'],
+      rules: {
+        'import/no-extraneous-dependencies': 'off',
+      },
+    },
+  ],
   globals: {
     newrelic: false,
   },

diff --git a/config/jest.config.js b/config/jest.config.js
@@ -21,6 +21,8 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': path.resolve(__dirname, 'jest/fileMock.js'),
     '\\.(css|scss)$': 'identity-obj-proxy',
     'env.config': envConfigPath,
+    '@node_modules/(.*)': '<rootDir>/node_modules/$1',
+    '@root_path/(.*)': '<rootDir>/$1',
   },
   collectCoverageFrom: [
     'src/**/*.{js,jsx}',

diff --git a/config/webpack.common.config.js b/config/webpack.common.config.js
@@ -11,13 +11,15 @@ module.exports = {
   resolve: {
     alias: {
       'env.config': path.resolve(process.cwd(), './env.config'),
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
     },
     fallback: {
       // This causes the system to return an empty object if it can't find an env.config.js file in
       // the application being built.
       'env.config': false,
     },
-    extensions: ['.js', '.jsx'],
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   ignoreWarnings: [
     // Ignore warnings raised by source-map-loader.

diff --git a/config/webpack.dev-stage.config.js b/config/webpack.dev-stage.config.js
@@ -38,7 +38,12 @@ module.exports = merge(commonConfig, {
     publicPath: PUBLIC_PATH,
   },
   resolve: {
-    alias: aliases,
+    alias: {
+      ...aliases,
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   module: {
     // Specify file-by-file rules to Webpack. Some file-types need a particular kind of loader.

diff --git a/config/webpack.dev.config.js b/config/webpack.dev.config.js
@@ -38,7 +38,11 @@ module.exports = merge(commonConfig, {
     publicPath: PUBLIC_PATH,
   },
   resolve: {
-    alias: aliases,
+    alias: {
+      ...aliases,
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
+    },
     extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   module: {

diff --git a/config/webpack.prod.config.js b/config/webpack.prod.config.js
@@ -64,6 +64,13 @@ module.exports = merge(commonConfig, {
     path: path.resolve(process.cwd(), 'dist'),
     publicPath: process.env.PUBLIC_PATH || '/',
   },
+  resolve: {
+    alias: {
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
+  },
   module: {
     // Specify file-by-file rules to Webpack. Some file-types need a particular kind of loader.
     rules: [