@centreon/js-config 24.4.30 → 24.4.32

package/package.json

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

package/webpack/patch/module.js

@@ -1,46 +1,20 @@
-const fs = require('fs');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 
-class CentreonModulePlugin {
-  constructor(federatedComponentConfiguration) {
-    this.federatedComponentConfiguration = federatedComponentConfiguration;
-  }
+const WriteRemoteEntryNameToModuleFederation = require('../plugins/WriteRemoteEntryNameToModuleFederation');
+const TransformPreloadScript = require('../plugins/TransformPreloadScript');
 
-  apply(compiler) {
-    compiler.hooks.done.tap('CentreonModulePlugin', (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),
-      );
-    });
-  }
-}
-
-module.exports = ({
-  outputPath,
-  federatedComponentConfiguration,
-}) => ({
+module.exports = ({ outputPath, federatedComponentConfiguration }) => ({
   output: {
     library: '[chunkhash:8]',
-    path: outputPath,
+    path: outputPath
   },
   plugins: [
     new CleanWebpackPlugin({
       cleanOnceBeforeBuildPatterns: [`${outputPath}/**/*.js`],
       dangerouslyAllowCleanPatternsOutsideProject: true,
-      dry: false,
+      dry: false
     }),
-    new CentreonModulePlugin(federatedComponentConfiguration),
-  ],
+    new WriteRemoteEntryNameToModuleFederation(federatedComponentConfiguration),
+    new TransformPreloadScript(federatedComponentConfiguration)
+  ]
 });

package/webpack/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('CentreonModulePlugin', () => {
+      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/webpack/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)
+        );
+      }
+    );
+  }
+};