@centreon/js-config 23.4.11-MON-build-npm-packages.7 → 23.4.11

package/eslint/base.typescript.eslintrc.js

@@ -3,23 +3,27 @@ module.exports = {
     {
       extends: [
         'plugin:@typescript-eslint/recommended',
-        'plugin:typescript-sort-keys/recommended',
+        'plugin:typescript-sort-keys/recommended'
       ],
       files: ['*.ts', '*.tsx'],
       parser: '@typescript-eslint/parser',
+      parserOptions: {
+        ecmaVersion: 2022,
+        sourceType: 'module'
+      },
       plugins: ['@typescript-eslint', 'typescript-sort-keys'],
       rules: {
         '@typescript-eslint/array-type': [
           'error',
           {
             default: 'generic',
-            readonly: 'generic',
-          },
+            readonly: 'generic'
+          }
         ],
         '@typescript-eslint/camelcase': 'off',
         '@typescript-eslint/consistent-type-definitions': [
           'error',
-          'interface',
+          'interface'
         ],
         '@typescript-eslint/explicit-function-return-type': ['error'],
         '@typescript-eslint/explicit-member-accessibility': [
@@ -31,33 +35,33 @@ module.exports = {
               constructors: 'explicit',
               methods: 'explicit',
               parameterProperties: 'explicit',
-              properties: 'explicit',
-            },
-          },
+              properties: 'explicit'
+            }
+          }
         ],
         '@typescript-eslint/method-signature-style': ['error'],
         '@typescript-eslint/naming-convention': [
           'error',
           {
             format: ['camelCase', 'PascalCase'],
-            selector: 'variable',
+            selector: 'variable'
           },
           {
             filter: {
               match: false,
-              regex: '((__esModule|.+-.+)|^_$|^(/|&))',
+              regex: '((__esModule|.+-.+)|^_$|^(/|&))'
             },
             format: ['snake_case', 'camelCase', 'PascalCase'],
-            selector: 'property',
+            selector: 'property'
           },
           {
             filter: {
               match: false,
-              regex: '^_$|^(/|&)',
+              regex: '^_$|^(/|&)'
             },
             format: ['snake_case', 'camelCase', 'PascalCase'],
-            selector: 'parameter',
-          },
+            selector: 'parameter'
+          }
         ],
         '@typescript-eslint/no-shadow': ['error'],
         '@typescript-eslint/no-unused-expressions': ['error'],
@@ -68,21 +72,21 @@ module.exports = {
           {
             after: true,
             before: false,
-            overrides: { arrow: { after: true, before: true } },
-          },
+            overrides: { arrow: { after: true, before: true } }
+          }
         ],
         camelcase: 'off',
         'no-shadow': 'off',
-        'no-unused-expressions': 'off',
+        'no-unused-expressions': 'off'
       },
       settings: {
         'import/resolver': {
           alias: {
-            extensions: ['.ts', '.tsx', '.js', '.jsx'],
-          },
-        },
-      },
-    },
+            extensions: ['.ts', '.tsx', '.js', '.jsx']
+          }
+        }
+      }
+    }
   ],
-  root: true,
+  root: true
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@centreon/js-config",
   "description": "Centreon Frontend shared build configuration",
-  "version": "23.4.11-MON-build-npm-packages.7",
+  "version": "23.4.11",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/centreon/centreon-frontend.git"

package/webpack/base/index.js

@@ -6,13 +6,10 @@ const { ModuleFederationPlugin } = require('webpack').container;
 const excludeNodeModulesExceptCentreonUi =
   /node_modules(\\|\/)\.pnpm(\\|\/)(?!(@centreon))/;
 
-const excludeAllNodeModules = /node_modules/;
-
 const getBaseConfiguration = ({
   moduleName,
   moduleFederationConfig,
-  jscTransformConfiguration,
-  filesExcludedFromSWCLoader = excludeNodeModulesExceptCentreonUi,
+  jscTransformConfiguration
 }) => ({
   cache: false,
   module: {
@@ -22,7 +19,7 @@ const getBaseConfiguration = ({
         test: /\.[cm]?(j|t)sx?$/
       },
       {
-        exclude: filesExcludedFromSWCLoader,
+        exclude: excludeNodeModulesExceptCentreonUi,
         test: /\.[jt]sx?$/,
         use: {
           loader: 'swc-loader',
@@ -129,8 +126,4 @@ const getBaseConfiguration = ({
   }
 });
 
-module.exports = {
-  getBaseConfiguration,
-  excludeNodeModulesExceptCentreonUi,
-  excludeAllNodeModules,
-};
+module.exports = getBaseConfiguration;

package/webpack/patch/devServer.js

@@ -0,0 +1,37 @@
+const os = require('os');
+
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+
+const devServerPort = 9090;
+
+const interfaces = os.networkInterfaces();
+const externalInterface = Object.keys(interfaces).find(
+  (interfaceName) =>
+    !interfaceName.includes('docker') &&
+    interfaces[interfaceName][0].family === 'IPv4' &&
+    interfaces[interfaceName][0].internal === false &&
+    !process.env.IS_STATIC_PORT_FORWARDED
+);
+
+const devServerAddress = externalInterface
+  ? interfaces[externalInterface][0].address
+  : 'localhost';
+
+const publicPath = `http://${devServerAddress}:${devServerPort}/static/`;
+
+const isServeMode = process.env.WEBPACK_ENV === 'serve';
+const isDevelopmentMode = process.env.WEBPACK_ENV === 'development';
+
+const devServerPlugins = isServeMode ? [new ReactRefreshWebpackPlugin()] : [];
+
+module.exports = {
+  devServer: {
+    compress: true,
+    hot: true,
+    port: devServerPort
+  },
+  devServerPlugins,
+  isDevelopmentMode,
+  isServeMode,
+  publicPath
+};