@centreon/js-config 24.9.1 → 24.10.0

package/jest/index.js

@@ -1,12 +1,15 @@
 module.exports = {
   moduleNameMapper: {
     '\\.(s?css|png|svg|jpg)$': 'identity-obj-proxy',
+    '^.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
     '^react($|/.+)': '<rootDir>/node_modules/react$1'
   },
-  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
   testEnvironment: 'jsdom',
-  testPathIgnorePatterns: ['/node_modules/'],
+  testPathIgnorePatterns: ['/node_modules/', '!*.cypress.spec.tsx'],
   transform: {
+    '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
     '^.+\\.[jt]sx?$': [
       '@swc/jest',
       {

package/jest/lambda/typescript.js

@@ -0,0 +1,49 @@
+/*
+ * Copyright 2023 Centreon Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// For a detailed explanation regarding each configuration property, visit:
+// https://jestjs.io/docs/en/configuration.html
+const path = require('path');
+
+const rootPath = path.join(__dirname);
+
+
+
+module.exports = {
+    rootDir: rootPath,
+    // Automatically clear mock calls and instances between every test
+    clearMocks: true,
+    // The directory where Jest should output its coverage files
+    coverageDirectory: '<rootDir>/coverage',
+    // An array of regexp pattern strings used to skip coverage collection
+    coveragePathIgnorePatterns: ['\\\\node_modules\\\\', 'tests'],
+
+    // An array of file extensions your modules use
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+
+    // Automatically reset mock state between every test
+    // resetMocks: true,
+
+    testMatch: ['**/*.(test|tests|spec|specs).+(ts|tsx|js)'],
+
+    // This option allows the use of a custom results processor
+    // testResultsProcessor: 'jest-sonar-reporter',
+
+    // A map from regular expressions to paths to transformers
+    transform: {
+        '^.+\\.(ts|tsx)$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.json' }],
+    },
+};

package/package.json

@@ -1,47 +1,59 @@
 {
-  "name": "@centreon/js-config",
-  "description": "Centreon Frontend shared build configuration",
-  "version": "24.9.1",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/centreon/centreon-frontend.git"
-  },
-  "keywords": [
-    "centreon",
-    "eslint"
-  ],
-  "author": "centreon@centreon.com",
-  "license": "GPL-2.0",
-  "bugs": {
-    "url": "https://github.com/centreon/centreon-frontend/issues"
-  },
-  "devDependencies": {
-    "@badeball/cypress-cucumber-preprocessor": "^14.0.0",
-    "@types/dockerode": "^3.3.16",
-    "dockerode": "^3.3.5",
-    "eslint": "^8.17.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-hooks": "^0.4.3",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^26.1.5",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prefer-arrow-functions": "^3.1.4",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.5.0",
-    "eslint-plugin-sort-keys-fix": "^1.1.2",
-    "eslint-plugin-typescript-sort-keys": "^2.1.0"
-  },
-  "homepage": "https://github.com/centreon/centreon-frontend#readme",
-  "files": [
-    "eslint",
-    "jest",
-    "tsconfig",
-    "webpack",
-    "cypress"
-  ]
+    "name": "@centreon/js-config",
+    "description": "Centreon Frontend shared build configuration",
+    "version": "24.10.0",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/centreon/centreon-frontend.git"
+    },
+    "keywords": [
+        "centreon",
+        "eslint"
+    ],
+    "author": "centreon@centreon.com",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/centreon/centreon-frontend/issues"
+    },
+    "homepage": "https://github.com/centreon/centreon-frontend#readme",
+    "peerDependencies": {
+        "eslint": "^8.53.0",
+        "prettier": "^3.0.0"
+    },
+    "dependencies": {
+        "@badeball/cypress-cucumber-preprocessor": "^20.1.2",
+        "@bahmutov/cypress-esbuild-preprocessor": "^2.2.2",
+        "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+        "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
+        "@tsconfig/node16": "^16.1.3",
+        "@tsconfig/node20": "^20.1.4",
+        "@types/cypress-cucumber-preprocessor": "^4.0.5",
+        "cypress": "^13.13.3",
+        "cypress-multi-reporters": "^1.6.4",
+        "cypress-terminal-report": "^6.1.2",
+        "cypress-wait-until": "^3.0.2",
+        "dotenv": "^16.4.5",
+        "esbuild": "^0.21.5",
+        "eslint": "^8.53.0",
+        "eslint-config-airbnb": "19.0.4",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-import-resolver-alias": "^1.1.2",
+        "eslint-import-resolver-typescript": "^3.5.5",
+        "eslint-plugin-babel": "^5.3.1",
+        "eslint-plugin-hooks": "^0.4.3",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-jest": "^26.1.5",
+        "eslint-plugin-jsx-a11y": "^6.5.1",
+        "eslint-plugin-node": "^11.1.0",
+        "eslint-plugin-prefer-arrow-functions": "^3.1.4",
+        "eslint-plugin-prettier": "^5.0.0",
+        "eslint-plugin-react": "^7.29.4",
+        "eslint-plugin-react-hooks": "^4.5.0",
+        "eslint-plugin-sort-keys-fix": "^1.1.2",
+        "eslint-plugin-typescript-sort-keys": "^2.1.0",
+        "mochawesome": "^7.1.3",
+        "mysql2": "^3.11.0",
+        "tar-fs": "^3.0.6",
+        "testcontainers": "^10.11.0"
+    }
 }

package/rspack/base/globalConfig.js

@@ -0,0 +1,71 @@
+const isDev = process.env.NODE_ENV !== 'production';
+
+const excludeNodeModulesExceptCentreonUi =
+  /node_modules(\\|\/)\.pnpm(\\|\/)(?!(@centreon|file\+packages\+ui-context))/;
+
+module.exports = {
+  cache: false,
+  excludeNodeModulesExceptCentreonUi,
+  getModuleConfiguration: (enableCoverage) => ({
+    rules: [
+      {
+        exclude: [excludeNodeModulesExceptCentreonUi],
+        test: /\.[jt]sx?$/,
+        use: {
+          loader: 'swc-loader',
+          options: {
+            jsc: {
+              experimental: {
+                plugins: [
+                  enableCoverage && ['swc-plugin-coverage-instrument', {}]
+                ].filter(Boolean)
+              },
+              parser: {
+                syntax: 'typescript',
+                tsx: true
+              },
+              transform: {
+                react: {
+                  development: isDev,
+                  refresh: isDev
+                }
+              }
+            }
+          }
+        }
+      },
+      {
+        test: /\.icon.svg$/,
+        use: ['@svgr/webpack']
+      },
+      {
+        exclude: excludeNodeModulesExceptCentreonUi,
+        test: /\.(bmp|png|jpg|jpeg|gif|svg)$/,
+        type: 'asset/inline'
+      },
+      {
+        generator: {
+          filename: '[name][ext]'
+        },
+        test: /\.(woff|woff2|eot|ttf|otf)$/i,
+        type: 'asset/resource'
+      },
+      {
+        test: /\.css$/i,
+        use: ['style-loader', 'css-loader']
+      }
+    ]
+  }),
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+      maxSize: 400 * 1024
+    }
+  },
+  output: {
+    chunkFilename: '[name].[chunkhash:8].chunk.js',
+    filename: '[name].[chunkhash:8].js',
+    libraryTarget: 'umd',
+    umdNamedDefine: true
+  }
+};

package/rspack/base/index.js

@@ -0,0 +1,89 @@
+const path = require('path');
+
+const rspack = require('@rspack/core');
+
+const {
+  getModuleConfiguration,
+  optimization,
+  output,
+  cache
+} = require('./globalConfig');
+
+const getBaseConfiguration = ({
+  moduleName,
+  moduleFederationConfig,
+  enableCoverage
+}) => ({
+  cache,
+  module: getModuleConfiguration(enableCoverage),
+  optimization,
+  output: {
+    ...output,
+    clean: true,
+    library: moduleName,
+    uniqueName: moduleName
+  },
+  plugins: [
+    moduleName &&
+      new rspack.container.ModuleFederationPlugin({
+        filename: 'remoteEntry.[chunkhash:8].js',
+        library: { name: moduleName, type: 'umd' },
+        name: moduleName,
+        shared: [
+          {
+            '@centreon/ui-context': {
+              requiredVersion: '1.x',
+              singleton: true
+            }
+          },
+          {
+            jotai: {
+              requiredVersion: '2.x',
+              singleton: true
+            }
+          },
+          {
+            'jotai-suspense': {
+              singleton: true
+            }
+          },
+          {
+            react: {
+              requiredVersion: '18.x',
+              singleton: true
+            }
+          },
+          {
+            'react-dom': {
+              requiredVersion: '18.x',
+              singleton: true
+            }
+          },
+          {
+            'react-i18next': {
+              requiredVersion: '14.x',
+              singleton: true
+            }
+          },
+          {
+            'react-router-dom': {
+              requiredVersion: '6.x',
+              singleton: true
+            }
+          }
+        ],
+        ...moduleFederationConfig
+      })
+  ].filter(Boolean),
+  resolve: {
+    alias: {
+      '@centreon/ui/fonts': path.resolve(
+        './node_modules/@centreon/ui/public/fonts'
+      ),
+      react: path.resolve('./node_modules/react')
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx']
+  }
+});
+
+module.exports = getBaseConfiguration;

package/rspack/patch/dev.js

@@ -0,0 +1,12 @@
+module.exports = {
+  getDevConfiguration: () => ({
+    cache: true,
+    devtool: 'eval-cheap-module-source-map',
+    optimization: {
+      splitChunks: false
+    },
+    output: {
+      filename: '[name].js'
+    }
+  })
+};

package/{webpack → rspack}/patch/devServer.js

@@ -1,6 +1,6 @@
 const os = require('os');
 
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const ReactRefreshPlugin = require('@rspack/plugin-react-refresh');
 
 const devServerPort = 9090;
 
@@ -19,10 +19,9 @@ const devServerAddress = externalInterface
 
 const publicPath = `http://${devServerAddress}:${devServerPort}/static/`;
 
-const isServeMode = process.env.WEBPACK_ENV === 'serve';
-const isDevelopmentMode = process.env.WEBPACK_ENV === 'development';
+const isDevelopmentMode = process.env.NODE_ENV !== 'production';
 
-const devServerPlugins = isServeMode ? [new ReactRefreshWebpackPlugin()] : [];
+const devServerPlugins = isDevelopmentMode ? [new ReactRefreshPlugin()] : [];
 
 module.exports = {
   devServer: {
@@ -32,6 +31,5 @@ module.exports = {
   },
   devServerPlugins,
   isDevelopmentMode,
-  isServeMode,
   publicPath
 };

package/rspack/patch/module.js

@@ -0,0 +1,13 @@
+const WriteRemoteEntryNameToModuleFederation = require('../plugins/WriteRemoteEntryNameToModuleFederation');
+const TransformPreloadScript = require('../plugins/TransformPreloadScript');
+
+module.exports = ({ outputPath, federatedComponentConfiguration }) => ({
+  output: {
+    library: '[chunkhash:8]',
+    path: outputPath
+  },
+  plugins: [
+    new WriteRemoteEntryNameToModuleFederation(federatedComponentConfiguration),
+    new TransformPreloadScript(federatedComponentConfiguration)
+  ]
+});

package/rspack/plugins/TransformPreloadScript.js

@@ -0,0 +1,37 @@
+const fs = require('fs');
+
+const swc = require('@swc/core');
+
+module.exports = class TransformPreloadScript {
+  constructor(federatedComponentConfiguration) {
+    this.federatedComponentConfiguration = federatedComponentConfiguration;
+  }
+
+  apply(compiler) {
+    compiler.hooks.done.tap('TransformPreloadScript', () => {
+      if (!fs.existsSync(compiler.options.output.path)) {
+        fs.mkdirSync(compiler.options.output.path, { recursive: true });
+      }
+
+      if (this.federatedComponentConfiguration.preloadScript) {
+        const { code } = swc.transformFileSync(
+          `./${this.federatedComponentConfiguration.preloadScript}.ts`,
+          {
+            filename: `${this.federatedComponentConfiguration.preloadScript}.ts`,
+            jsc: {
+              parser: {
+                syntax: 'typescript'
+              }
+            },
+            minify: true
+          }
+        );
+
+        fs.writeFileSync(
+          `${compiler.options.output.path}/${this.federatedComponentConfiguration.preloadScript}.js`,
+          code
+        );
+      }
+    });
+  }
+};

package/rspack/plugins/WriteRemoteEntryNameToModuleFederation.js

@@ -0,0 +1,30 @@
+const fs = require('fs');
+
+module.exports = class WriteRemoteEntryNameToModuleFederation {
+  constructor(federatedComponentConfiguration) {
+    this.federatedComponentConfiguration = federatedComponentConfiguration;
+  }
+
+  apply(compiler) {
+    compiler.hooks.done.tap(
+      'WriteRemoteEntryNameToModuleFederation',
+      (stats) => {
+        const newFederatedComponentConfiguration = {
+          ...this.federatedComponentConfiguration,
+          remoteEntry: Object.keys(stats.compilation.assets).find((assetName) =>
+            assetName.match(/(^remoteEntry)\S+.js$/)
+          )
+        };
+
+        if (!fs.existsSync(compiler.options.output.path)) {
+          fs.mkdirSync(compiler.options.output.path, { recursive: true });
+        }
+
+        fs.writeFileSync(
+          `${compiler.options.output.path}/moduleFederation.json`,
+          JSON.stringify(newFederatedComponentConfiguration, null, 2)
+        );
+      }
+    );
+  }
+};

package/tsconfig/index.json

@@ -1,13 +1,14 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node",
     "downlevelIteration": true,
-    "module": "es6",
-    "target": "es6",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "target": "es2018",
     "jsx": "react-jsx",
     "strict": true,
     "noImplicitAny": false,
     "skipLibCheck": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "resolveJsonModule": true
   }
 }

package/tsconfig/lambda/node20.tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "extends": "@tsconfig/node20/tsconfig.json",
+    "compilerOptions": {
+        "sourceMap": true,
+        "allowJs": true,
+        "strictNullChecks": false,
+        "declaration": false,
+        "esModuleInterop": true,
+        "strict": true,
+        "types": ["@types/jest", "node"]
+    }
+}

package/tsconfig/lambda/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "extends": "@tsconfig/node16/tsconfig.json",
+    "compilerOptions": {
+        "sourceMap": true,
+        "allowJs": true,
+        "strictNullChecks": false,
+        "declaration": false,
+        "esModuleInterop": true,
+        "types": [
+            "@types/jest",
+            "node"
+        ]
+    }
+}

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "extends": "./tsconfig/index.json",
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist",
+    "declaration": true,
+    "skipLibCheck": true,
+    "pretty": true,
+    "emitDeclarationOnly": true,
+    "types": ["cypress", "cypress-wait-until"],
+    "esModuleInterop": true,
+    "paths": {
+      "@badeball/cypress-cucumber-preprocessor/*": ["./node_modules/@badeball/cypress-cucumber-preprocessor/dist/subpath-entrypoints/*"]
+    }
+  },
+  "exclude": [
+    "./node_modules",
+    "./dist",
+    "../../node_modules"
+  ],
+}

package/webpack/base/index.js

@@ -1,130 +0,0 @@
-const path = require('path');
-
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const { ModuleFederationPlugin } = require('webpack').container;
-
-const excludeNodeModulesExceptCentreonUi =
-  /node_modules(\\|\/)\.pnpm(\\|\/)(?!(@centreon))/;
-
-const getBaseConfiguration = ({
-  moduleName,
-  moduleFederationConfig,
-  jscTransformConfiguration
-}) => ({
-  cache: false,
-  module: {
-    rules: [
-      {
-        parser: { system: false },
-        test: /\.[cm]?(j|t)sx?$/
-      },
-      {
-        exclude: excludeNodeModulesExceptCentreonUi,
-        test: /\.[jt]sx?$/,
-        use: {
-          loader: 'swc-loader',
-          options: {
-            jsc: {
-              parser: {
-                syntax: 'typescript',
-                tsx: true
-              },
-              transform: jscTransformConfiguration
-            }
-          }
-        }
-      },
-      {
-        test: /\.icon.svg$/,
-        use: ['@svgr/webpack']
-      },
-      {
-        exclude: excludeNodeModulesExceptCentreonUi,
-        test: /\.(bmp|png|jpg|jpeg|gif|svg)$/,
-        use: [
-          {
-            loader: 'url-loader',
-            options: {
-              limit: 10000,
-              name: '[name].[hash:8].[ext]'
-            }
-          }
-        ]
-      }
-    ]
-  },
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-      maxSize: 400 * 1024
-    }
-  },
-  output: {
-    chunkFilename: '[name].[chunkhash:8].chunk.js',
-    filename: '[name].[chunkhash:8].js',
-    libraryTarget: 'umd',
-    umdNamedDefine: true
-  },
-  plugins: [
-    new CleanWebpackPlugin(),
-    moduleName &&
-      new ModuleFederationPlugin({
-        filename: 'remoteEntry.[chunkhash:8].js',
-        library: { name: moduleName, type: 'var' },
-        name: moduleName,
-        shared: [
-          {
-            '@centreon/ui-context': {
-              requiredVersion: '22.10.0',
-              singleton: true
-            }
-          },
-          {
-            jotai: {
-              requiredVersion: '1.x',
-              singleton: true
-            }
-          },
-          {
-            'jotai-suspense': {
-              requiredVersion: '0.1.x',
-              singleton: true
-            }
-          },
-          {
-            react: {
-              requiredVersion: '18.x',
-              singleton: true
-            }
-          },
-          {
-            'react-dom': {
-              requiredVersion: '18.x',
-              singleton: true
-            }
-          },
-          {
-            'react-i18next': {
-              requiredVersion: '11.x',
-              singleton: true
-            }
-          },
-          {
-            'react-router-dom': {
-              requiredVersion: '6.x',
-              singleton: true
-            }
-          }
-        ],
-        ...moduleFederationConfig
-      })
-  ].filter(Boolean),
-  resolve: {
-    alias: {
-      react: path.resolve('./node_modules/react')
-    },
-    extensions: ['.js', '.jsx', '.ts', '.tsx']
-  }
-});
-
-module.exports = getBaseConfiguration;