@squide/firefly-webpack-configs 4.2.0 → 4.2.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @squide/firefly-webpack-configs
 
+## 4.2.2
+
+### Patch Changes
+
+- [#225](https://github.com/gsoft-inc/wl-squide/pull/225) [`4eb46d6`](https://github.com/gsoft-inc/wl-squide/commit/4eb46d69283804a5809494f7275f9d447022a97d) Thanks [@patricklafrance](https://github.com/patricklafrance)! - Added additional shared dependencies for Honeycomb.
+
+## 4.2.1
+
+### Patch Changes
+
+- [#221](https://github.com/gsoft-inc/wl-squide/pull/221) [`8411080`](https://github.com/gsoft-inc/wl-squide/commit/8411080dfd0df6d0eafb01888298154fa5e5d925) Thanks [@patricklafrance](https://github.com/patricklafrance)! - Fix deferred registrations.
+
+- Updated dependencies [[`8411080`](https://github.com/gsoft-inc/wl-squide/commit/8411080dfd0df6d0eafb01888298154fa5e5d925)]:
+  - @squide/webpack-configs@4.3.1
+
 ## 4.2.0
 
 ### Minor Changes

package/dist/defineConfig.d.ts

@@ -0,0 +1,59 @@
+import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
+import type { SwcConfig } from "@workleap/swc-configs";
+import { type DefineBuildConfigOptions, type DefineDevConfigOptions } from "@workleap/webpack-configs";
+import type HtmlWebpackPlugin from "html-webpack-plugin";
+import type webpack from "webpack";
+export type ModuleFederationPluginOptions = ConstructorParameters<typeof ModuleFederationPlugin>[0];
+export type ModuleFederationRemotesOption = ModuleFederationPluginOptions["remotes"];
+export type ModuleFederationRuntimePlugins = NonNullable<ModuleFederationPluginOptions["runtimePlugins"]>;
+export type ModuleFederationShared = NonNullable<ModuleFederationPluginOptions["shared"]>;
+export type Router = "react-router";
+export interface Features {
+    router?: Router;
+    msw?: boolean;
+    i18next?: boolean;
+    environmentVariables?: boolean;
+    honeycomb?: boolean;
+}
+export interface RemoteDefinition {
+    name: string;
+    url: string;
+}
+export interface DefineHostModuleFederationPluginOptions extends ModuleFederationPluginOptions {
+    features?: Features;
+}
+export declare function defineHostModuleFederationPluginOptions(remotes: RemoteDefinition[], options: DefineHostModuleFederationPluginOptions): ModuleFederationPluginOptions;
+export interface DefineDevHostConfigOptions extends Omit<DefineDevConfigOptions, "htmlWebpackPlugin" | "port"> {
+    htmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
+    features?: Features;
+    sharedDependencies?: ModuleFederationShared;
+    runtimePlugins?: ModuleFederationRuntimePlugins;
+    moduleFederationPluginOptions?: ModuleFederationPluginOptions;
+}
+export declare function defineDevHostConfig(swcConfig: SwcConfig, port: number, remotes: RemoteDefinition[], options?: DefineDevHostConfigOptions): webpack.Configuration;
+export interface DefineBuildHostConfigOptions extends Omit<DefineBuildConfigOptions, "htmlWebpackPlugin"> {
+    htmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
+    features?: Features;
+    sharedDependencies?: ModuleFederationShared;
+    runtimePlugins?: ModuleFederationRuntimePlugins;
+    moduleFederationPluginOptions?: ModuleFederationPluginOptions;
+}
+export declare function defineBuildHostConfig(swcConfig: SwcConfig, remotes: RemoteDefinition[], options?: DefineBuildHostConfigOptions): webpack.Configuration;
+export interface DefineRemoteModuleFederationPluginOptions extends ModuleFederationPluginOptions {
+    features?: Features;
+}
+export declare function defineRemoteModuleFederationPluginOptions(applicationName: string, options: DefineRemoteModuleFederationPluginOptions): ModuleFederationPluginOptions;
+export interface DefineDevRemoteModuleConfigOptions extends Omit<DefineDevConfigOptions, "port" | "overlay"> {
+    features?: Features;
+    sharedDependencies?: ModuleFederationShared;
+    runtimePlugins?: ModuleFederationRuntimePlugins;
+    moduleFederationPluginOptions?: ModuleFederationPluginOptions;
+}
+export declare function defineDevRemoteModuleConfig(swcConfig: SwcConfig, applicationName: string, port: number, options?: DefineDevRemoteModuleConfigOptions): webpack.Configuration;
+export interface DefineBuildRemoteModuleConfigOptions extends DefineBuildConfigOptions {
+    features?: Features;
+    sharedDependencies?: ModuleFederationShared;
+    runtimePlugins?: ModuleFederationRuntimePlugins;
+    moduleFederationPluginOptions?: ModuleFederationPluginOptions;
+}
+export declare function defineBuildRemoteModuleConfig(swcConfig: SwcConfig, applicationName: string, options?: DefineBuildRemoteModuleConfigOptions): webpack.Configuration;

package/dist/defineConfig.js

@@ -0,0 +1,385 @@
+import * as __WEBPACK_EXTERNAL_MODULE__module_federation_enhanced_webpack__ from "@module-federation/enhanced/webpack";
+import * as __WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__ from "@workleap/webpack-configs";
+import * as __WEBPACK_EXTERNAL_MODULE_deepmerge__ from "deepmerge";
+import * as __WEBPACK_EXTERNAL_MODULE_node_fs__ from "node:fs";
+import * as __WEBPACK_EXTERNAL_MODULE_node_path__ from "node:path";
+import * as __WEBPACK_EXTERNAL_MODULE_node_url__ from "node:url";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_js__ from "./shared.js";
+
+;// CONCATENATED MODULE: external "@module-federation/enhanced/webpack"
+
+;// CONCATENATED MODULE: external "@workleap/webpack-configs"
+
+;// CONCATENATED MODULE: external "deepmerge"
+
+;// CONCATENATED MODULE: external "node:fs"
+
+;// CONCATENATED MODULE: external "node:path"
+
+;// CONCATENATED MODULE: external "node:url"
+
+;// CONCATENATED MODULE: external "./shared.js"
+
+;// CONCATENATED MODULE: ./src/defineConfig.ts?__rslib_entry__
+
+
+
+
+
+
+
+// Using import.meta.url instead of import.meta.dirname because Jest is throwing the following error:
+// SyntaxError: Cannot use 'import.meta' outside a module
+const applicationDirectory = (0,__WEBPACK_EXTERNAL_MODULE_node_path__.dirname)((0,__WEBPACK_EXTERNAL_MODULE_node_url__.fileURLToPath)(import.meta.url));
+const packageDirectory = __WEBPACK_EXTERNAL_MODULE_node_url__["default"].fileURLToPath(new URL(".", import.meta.url));
+// Must be similar to the module name defined in @workleap/module-federation.
+const RemoteRegisterModuleName = "./register";
+const RemoteEntryPoint = "remoteEntry.js";
+// Generally, only the host application should have eager dependencies.
+// For more informations about shared dependencies refer to: https://github.com/patricklafrance/wmf-versioning
+function getDefaultSharedDependencies(features, isHost) {
+    return {
+        "react": {
+            singleton: true,
+            eager: isHost ? true : undefined,
+            // Fixed the warning when `react-i18next` is imported in any remote modules.
+            // For more information, refer to: https://github.com/i18next/react-i18next/issues/1697#issuecomment-1821748226.
+            requiredVersion: features.i18next ? false : undefined
+        },
+        "react-dom": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@squide/core": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@squide/module-federation": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        }
+    };
+}
+// Generally, only the host application should have eager dependencies.
+// For more informations about shared dependencies refer to: https://github.com/patricklafrance/wmf-versioning
+function getReactRouterSharedDependencies(isHost) {
+    return {
+        "react-router-dom": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@squide/react-router": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        }
+    };
+}
+function getMswSharedDependency(isHost) {
+    return {
+        "@squide/msw": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        }
+    };
+}
+function getI18nextSharedDependency(isHost) {
+    return {
+        "i18next": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        // Not adding as a shared dependency for the moment because it causes the following error:
+        // Uncaught (in promise) TypeError: i18next_browser_languagedetector__WEBPACK_IMPORTED_MODULE_3__ is not a constructor
+        // "i18next-browser-languagedetector": {
+        //     singleton: true,
+        //     eager: isHost ? true : undefined
+        // },
+        "react-i18next": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@squide/i18next": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        }
+    };
+}
+function getEnvironmentVariablesSharedDependencies(isHost) {
+    return {
+        "@squide/env-vars": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        }
+    };
+}
+function getHoneycombSharedDependencies(isHost) {
+    return {
+        "@honeycombio/opentelemetry-web": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@opentelemetry/api": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@opentelemetry/auto-instrumentations-web": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        },
+        "@squide/firefly-honeycomb": {
+            singleton: true,
+            eager: isHost ? true : undefined
+        }
+    };
+}
+function getFeaturesDependencies(features, isHost) {
+    const { router = "react-router", msw = true, i18next, environmentVariables, honeycomb } = features;
+    return {
+        ...router === "react-router" ? getReactRouterSharedDependencies(isHost) : {},
+        ...msw ? getMswSharedDependency(isHost) : {},
+        ...i18next ? getI18nextSharedDependency(isHost) : {},
+        ...environmentVariables ? getEnvironmentVariablesSharedDependencies(isHost) : {},
+        ...honeycomb ? getHoneycombSharedDependencies(isHost) : {}
+    };
+}
+function resolveDefaultSharedDependencies(features, isHost) {
+    return {
+        ...getDefaultSharedDependencies(features, isHost),
+        ...getFeaturesDependencies(features, isHost)
+    };
+}
+const forceNamedChunkIdsTransformer = (config)=>{
+    config.optimization = {
+        ...config.optimization ?? {},
+        // Without named chunk ids, there are some Webpack features that do not work
+        // when used with Module Federation. One of these feature is using a dynamic import in
+        // a remote module.
+        chunkIds: "named"
+    };
+    return config;
+};
+function createSetUniqueNameTransformer(uniqueName) {
+    const transformer = (config)=>{
+        config.output = {
+            ...config.output ?? {},
+            // Every host and remotes must have a "uniqueName" for React Refresh to work
+            // with Module Federation.
+            uniqueName
+        };
+        return config;
+    };
+    return transformer;
+}
+function resolveEntryFilePath(entryPaths) {
+    for(const entryPath in entryPaths){
+        if (__WEBPACK_EXTERNAL_MODULE_node_fs__["default"].existsSync(__WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(applicationDirectory, entryPath))) {
+            return entryPath;
+        }
+    }
+    return entryPaths[0];
+}
+const HostEntryFilePaths = [
+    "./src/index.ts",
+    "./src/index.tsx"
+];
+// The function return type is mandatory, otherwise we got an error TS4058.
+function defineHostModuleFederationPluginOptions(remotes, options) {
+    const { features = {}, shared = {}, runtimePlugins = [], ...rest } = options;
+    const defaultSharedDependencies = resolveDefaultSharedDependencies(features, true);
+    return {
+        name: __WEBPACK_EXTERNAL_MODULE__shared_js__.HostApplicationName,
+        // Since Squide modules are only exporting a register function with a standardized API
+        // it doesn't requires any typing.
+        dts: false,
+        // Currently only supporting .js remotes.
+        manifest: false,
+        remotes: remotes.reduce((acc, x)=>{
+            // Object reduce are always a mess for typings.
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            acc[x.name] = `${x.name}@${x.url}/${RemoteEntryPoint}`;
+            return acc;
+        }, {}),
+        // Deep merging the default shared dependencies with the provided shared dependencies
+        // to allow the consumer to easily override a default option of a shared dependency
+        // without extending the whole default shared dependencies object.
+        shared: __WEBPACK_EXTERNAL_MODULE_deepmerge__["default"].all([
+            defaultSharedDependencies,
+            shared
+        ]),
+        runtimePlugins: [
+            __WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(packageDirectory, "./sharedDependenciesResolutionPlugin.js"),
+            __WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(packageDirectory, "./nonCacheableRemoteEntryPlugin.js"),
+            ...runtimePlugins
+        ],
+        // Commented because it doesn't seems to work, the runtime is still embedded into remotes.
+        // experiments: {
+        //     // The runtime is 100kb minified.
+        //     federationRuntime: "hoisted"
+        // },
+        ...rest
+    };
+}
+// Fixing HMR and page reloads when using `publicPath: auto` either in the host or remotes webpack configuration.
+// Otherwise, when a nested page that belongs to a remote module is reloaded, an "Unexpected token" error will be thrown.
+function trySetHtmlWebpackPluginPublicPath(options) {
+    if (!options.publicPath) {
+        options.publicPath = "/";
+    }
+    return options;
+}
+// The function return type is mandatory, otherwise we got an error TS4058.
+function defineDevHostConfig(swcConfig, port, remotes, options = {}) {
+    const { entry = resolveEntryFilePath(HostEntryFilePaths), publicPath = "auto", cache, plugins = [], htmlWebpackPluginOptions, transformers = [], features, sharedDependencies, runtimePlugins, moduleFederationPluginOptions = defineHostModuleFederationPluginOptions(remotes, {
+        features,
+        shared: sharedDependencies,
+        runtimePlugins
+    }), ...webpackOptions } = options;
+    return (0,__WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__.defineDevConfig)(swcConfig, {
+        entry,
+        port,
+        publicPath,
+        cache,
+        htmlWebpackPlugin: trySetHtmlWebpackPluginPublicPath(htmlWebpackPluginOptions ?? (0,__WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__.defineBuildHtmlWebpackPluginConfig)()),
+        plugins: [
+            ...plugins,
+            new __WEBPACK_EXTERNAL_MODULE__module_federation_enhanced_webpack__.ModuleFederationPlugin(moduleFederationPluginOptions)
+        ],
+        ...webpackOptions,
+        transformers: [
+            createSetUniqueNameTransformer(__WEBPACK_EXTERNAL_MODULE__shared_js__.HostApplicationName),
+            ...transformers
+        ]
+    });
+}
+// The function return type is mandatory, otherwise we got an error TS4058.
+function defineBuildHostConfig(swcConfig, remotes, options = {}) {
+    const { entry = resolveEntryFilePath(HostEntryFilePaths), publicPath = "auto", plugins = [], htmlWebpackPluginOptions, transformers = [], features, sharedDependencies, runtimePlugins, moduleFederationPluginOptions = defineHostModuleFederationPluginOptions(remotes, {
+        features,
+        shared: sharedDependencies,
+        runtimePlugins
+    }), ...webpackOptions } = options;
+    return (0,__WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__.defineBuildConfig)(swcConfig, {
+        entry,
+        publicPath,
+        htmlWebpackPlugin: trySetHtmlWebpackPluginPublicPath(htmlWebpackPluginOptions ?? (0,__WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__.defineDevHtmlWebpackPluginConfig)()),
+        plugins: [
+            ...plugins,
+            new __WEBPACK_EXTERNAL_MODULE__module_federation_enhanced_webpack__.ModuleFederationPlugin(moduleFederationPluginOptions)
+        ],
+        transformers: [
+            forceNamedChunkIdsTransformer,
+            createSetUniqueNameTransformer(__WEBPACK_EXTERNAL_MODULE__shared_js__.HostApplicationName),
+            ...transformers
+        ],
+        ...webpackOptions
+    });
+}
+////////////////////////////  Remote  /////////////////////////////
+const RemoteEntryFilePaths = [
+    "./src/register.tsx",
+    "./src/register.ts"
+];
+// The function return type is mandatory, otherwise we got an error TS4058.
+function defineRemoteModuleFederationPluginOptions(applicationName, options) {
+    const { features = {}, exposes = {}, shared = {}, runtimePlugins = [], ...rest } = options;
+    const defaultSharedDependencies = resolveDefaultSharedDependencies(features, false);
+    return {
+        name: applicationName,
+        // Since Squide modules are only exporting a register function with a standardized API
+        // it doesn't requires any typing.
+        dts: false,
+        // Currently only supporting .js remotes.
+        manifest: false,
+        filename: RemoteEntryPoint,
+        exposes: {
+            [RemoteRegisterModuleName]: "./src/register",
+            ...exposes
+        },
+        // Deep merging the default shared dependencies with the provided shared dependencies
+        // to allow the consumer to easily override a default option of a shared dependency
+        // without extending the whole default shared dependencies object.
+        shared: __WEBPACK_EXTERNAL_MODULE_deepmerge__["default"].all([
+            defaultSharedDependencies,
+            shared
+        ]),
+        runtimePlugins: [
+            __WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(packageDirectory, "./sharedDependenciesResolutionPlugin.js"),
+            __WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(packageDirectory, "./nonCacheableRemoteEntryPlugin.js"),
+            ...runtimePlugins
+        ],
+        // Commented because it doesn't seems to work, the runtime is still embedded into remotes.
+        // experiments: {
+        //     // The runtime is 100kb minified.
+        //     federationRuntime: "hoisted"
+        // },
+        ...rest
+    };
+}
+const devRemoteModuleTransformer = (config)=>{
+    // "config.devServer" does exist but webpack types are a messed. It could probably be solved by importing "webpack-dev-server"
+    // but I would prefer not adding it as a project dependency.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    config.devServer.headers = {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        ...config.devServer.headers ?? {},
+        // Otherwise hot reload in the host failed with a CORS error.
+        "Access-Control-Allow-Origin": "*"
+    };
+    return config;
+};
+// The function return type is mandatory, otherwise we got an error TS4058.
+function defineDevRemoteModuleConfig(swcConfig, applicationName, port, options = {}) {
+    const { entry = resolveEntryFilePath(RemoteEntryFilePaths), publicPath = "auto", cache, plugins = [], htmlWebpackPlugin = false, transformers = [], features, sharedDependencies, runtimePlugins, moduleFederationPluginOptions = defineRemoteModuleFederationPluginOptions(applicationName, {
+        features,
+        shared: sharedDependencies,
+        runtimePlugins
+    }), ...webpackOptions } = options;
+    return (0,__WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__.defineDevConfig)(swcConfig, {
+        entry,
+        port,
+        publicPath,
+        cache,
+        htmlWebpackPlugin,
+        // Disable the error overlay by default for remotes as otherwise every remote module's error overlay will be
+        // stack on top of the host application's error overlay.
+        overlay: false,
+        plugins: [
+            ...plugins,
+            new __WEBPACK_EXTERNAL_MODULE__module_federation_enhanced_webpack__.ModuleFederationPlugin(moduleFederationPluginOptions)
+        ],
+        transformers: [
+            devRemoteModuleTransformer,
+            createSetUniqueNameTransformer(applicationName),
+            ...transformers
+        ],
+        ...webpackOptions
+    });
+}
+// The function return type is mandatory, otherwise we got an error TS4058.
+function defineBuildRemoteModuleConfig(swcConfig, applicationName, options = {}) {
+    const { entry = resolveEntryFilePath(RemoteEntryFilePaths), publicPath = "auto", plugins = [], htmlWebpackPlugin = false, transformers = [], features, sharedDependencies, runtimePlugins, moduleFederationPluginOptions = defineRemoteModuleFederationPluginOptions(applicationName, {
+        features,
+        shared: sharedDependencies,
+        runtimePlugins
+    }), ...webpackOptions } = options;
+    return (0,__WEBPACK_EXTERNAL_MODULE__workleap_webpack_configs__.defineBuildConfig)(swcConfig, {
+        entry,
+        publicPath,
+        htmlWebpackPlugin,
+        plugins: [
+            ...plugins,
+            new __WEBPACK_EXTERNAL_MODULE__module_federation_enhanced_webpack__.ModuleFederationPlugin(moduleFederationPluginOptions)
+        ],
+        transformers: [
+            forceNamedChunkIdsTransformer,
+            createSetUniqueNameTransformer(applicationName),
+            ...transformers
+        ],
+        ...webpackOptions
+    });
+}
+
+export { defineBuildHostConfig, defineBuildRemoteModuleConfig, defineDevHostConfig, defineDevRemoteModuleConfig, defineHostModuleFederationPluginOptions, defineRemoteModuleFederationPluginOptions };

package/dist/index.d.ts

@@ -1,25 +1,2 @@
-import { Features, DefineDevHostConfigOptions, RemoteDefinition, DefineBuildHostConfigOptions, DefineDevRemoteModuleConfigOptions, DefineBuildRemoteModuleConfigOptions } from '@squide/webpack-configs';
-export { DefineHostModuleFederationPluginOptions, DefineRemoteModuleFederationPluginOptions, ModuleFederationPluginOptions, RemoteDefinition, Router, defineRemoteModuleFederationPluginOptions } from '@squide/webpack-configs';
-import { SwcConfig } from '@workleap/swc-configs';
-import webpack from 'webpack';
-export * from '@workleap/webpack-configs';
-
-type FireflyFeatures = Omit<Features, "router" | "msw">;
-interface FireflyDefineDevHostConfigOptions extends DefineDevHostConfigOptions {
-    features?: FireflyFeatures;
-}
-declare function defineDevHostConfig(swcConfig: SwcConfig, port: number, remotes: RemoteDefinition[], { features, ...options }?: FireflyDefineDevHostConfigOptions): webpack.Configuration;
-interface FireflyDefineBuildHostConfigOptions extends DefineBuildHostConfigOptions {
-    features?: FireflyFeatures;
-}
-declare function defineBuildHostConfig(swcConfig: SwcConfig, remotes: RemoteDefinition[], { features, ...options }?: FireflyDefineBuildHostConfigOptions): webpack.Configuration;
-interface FireflyDefineDevRemoteModuleConfigOptions extends DefineDevRemoteModuleConfigOptions {
-    features?: FireflyFeatures;
-}
-declare function defineDevRemoteModuleConfig(swcConfig: SwcConfig, applicationName: string, port: number, { features, ...options }?: FireflyDefineDevRemoteModuleConfigOptions): webpack.Configuration;
-interface FireflyDefineBuildRemoteModuleConfigOptions extends DefineBuildRemoteModuleConfigOptions {
-    features?: FireflyFeatures;
-}
-declare function defineBuildRemoteModuleConfig(swcConfig: SwcConfig, applicationName: string, { features, ...options }?: FireflyDefineBuildRemoteModuleConfigOptions): webpack.Configuration;
-
-export { type FireflyDefineBuildHostConfigOptions, type FireflyDefineBuildRemoteModuleConfigOptions, type FireflyDefineDevHostConfigOptions, type FireflyDefineDevRemoteModuleConfigOptions, type FireflyFeatures, defineBuildHostConfig, defineBuildRemoteModuleConfig, defineDevHostConfig, defineDevRemoteModuleConfig };
+export * from "@workleap/webpack-configs";
+export * from "./defineConfig.ts";

package/dist/index.js

@@ -1,47 +1,7 @@
-import { defineDevHostConfig as defineDevHostConfig$1, defineBuildHostConfig as defineBuildHostConfig$1, defineDevRemoteModuleConfig as defineDevRemoteModuleConfig$1, defineBuildRemoteModuleConfig as defineBuildRemoteModuleConfig$1 } from '@squide/webpack-configs';
-export { defineRemoteModuleFederationPluginOptions } from '@squide/webpack-configs';
-export * from '@workleap/webpack-configs';
+export * from "@workleap/webpack-configs";
+export * from "./defineConfig.js";
+
+;// CONCATENATED MODULE: ./src/index.ts?__rslib_entry__
+
 
-// src/index.ts
-function defineDevHostConfig(swcConfig, port, remotes, { features = {}, ...options } = {}) {
-  return defineDevHostConfig$1(swcConfig, port, remotes, {
-    ...options,
-    features: {
-      router: "react-router",
-      msw: true,
-      ...features
-    }
-  });
-}
-function defineBuildHostConfig(swcConfig, remotes, { features = {}, ...options } = {}) {
-  return defineBuildHostConfig$1(swcConfig, remotes, {
-    ...options,
-    features: {
-      router: "react-router",
-      msw: true,
-      ...features
-    }
-  });
-}
-function defineDevRemoteModuleConfig(swcConfig, applicationName, port, { features = {}, ...options } = {}) {
-  return defineDevRemoteModuleConfig$1(swcConfig, applicationName, port, {
-    ...options,
-    features: {
-      router: "react-router",
-      msw: true,
-      ...features
-    }
-  });
-}
-function defineBuildRemoteModuleConfig(swcConfig, applicationName, { features = {}, ...options } = {}) {
-  return defineBuildRemoteModuleConfig$1(swcConfig, applicationName, {
-    ...options,
-    features: {
-      router: "react-router",
-      msw: true,
-      ...features
-    }
-  });
-}
 
-export { defineBuildHostConfig, defineBuildRemoteModuleConfig, defineDevHostConfig, defineDevRemoteModuleConfig };

package/dist/nonCacheableRemoteEntryPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { FederationRuntimePlugin } from "@module-federation/enhanced/runtime";
+declare const plugin: () => FederationRuntimePlugin;
+export default plugin;

package/dist/nonCacheableRemoteEntryPlugin.js

@@ -0,0 +1,19 @@
+
+;// CONCATENATED MODULE: ./src/nonCacheableRemoteEntryPlugin.ts?__rslib_entry__
+const nonCacheableRemoteEntryPlugin_rslib_entry_plugin = ()=>{
+    return {
+        name: "non-cacheable-remote-entry-plugin",
+        createScript: function({ url }) {
+            const element = document.createElement("script");
+            // Adding a timestamp to make sure the remote entry points are never cached.
+            // View: https://github.com/module-federation/module-federation-examples/issues/566.
+            element.src = `${url}?t=${Date.now()}`;
+            element.type = "text/javascript";
+            element.async = true;
+            return element;
+        }
+    };
+};
+/* ESM default export */ const nonCacheableRemoteEntryPlugin_rslib_entry_ = (nonCacheableRemoteEntryPlugin_rslib_entry_plugin);
+
+export { nonCacheableRemoteEntryPlugin_rslib_entry_ as default };

package/dist/shared.d.ts

@@ -0,0 +1 @@
+export declare const HostApplicationName = "host";

package/dist/shared.js

@@ -0,0 +1,6 @@
+
+;// CONCATENATED MODULE: ./src/shared.ts?__rslib_entry__
+// Hardcoded to "host" because of the "sharedDependenciesResolutionPlugin" plugin.
+const HostApplicationName = "host";
+
+export { HostApplicationName };

package/dist/sharedDependenciesResolutionPlugin.d.ts

@@ -0,0 +1,9 @@
+import type { FederationHost, FederationRuntimePlugin } from "@module-federation/enhanced/runtime";
+type Shared = FederationHost["shareScopeMap"][string][string][string];
+interface ResolveSharedDependencyResult {
+    resolvedEntry: Shared;
+    highestVersionEntry: Shared;
+}
+export declare function resolveSharedDependency(pkgName: string, entries: Shared[], logFct?: (...rest: unknown[]) => void): ResolveSharedDependencyResult;
+declare const plugin: () => FederationRuntimePlugin;
+export default plugin;

package/dist/sharedDependenciesResolutionPlugin.js

@@ -0,0 +1,135 @@
+import * as __WEBPACK_EXTERNAL_MODULE_semver__ from "semver";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_js__ from "./shared.js";
+
+;// CONCATENATED MODULE: external "semver"
+
+;// CONCATENATED MODULE: external "./shared.js"
+
+;// CONCATENATED MODULE: ./src/sharedDependenciesResolutionPlugin.ts?__rslib_entry__
+/*
+This custom share dependency resolution strategy ensure that only the host app can ask for a new major version of a library.
+Otherwise, any remote can request for an higher non-major version.
+
+Examples:
+
+host:        2.0
+remote-1:    2.1   <-----
+remote-2:    2.0
+
+host:        2.0   <-----
+remote-1:    3.1
+remote-2:    2.0
+
+host:        2.0
+remote-1:    3.1
+remote-2:    2.1   <-----
+
+host:       >2.0
+remote-1:    3.1
+remote-2:    2.1   <-----
+*/ 
+
+// Toggle to "true" to facilitate the debugging of this plugin.
+const isDebug = false;
+function log(...args) {
+    if (isDebug) {
+        console.log(...args);
+    }
+}
+function findHighestVersionForMajor(entries, major) {
+    return entries.find((x)=>{
+        return (0,__WEBPACK_EXTERNAL_MODULE_semver__.parse)(x.version).major === major;
+    });
+}
+// The return type is required otherwise we get the following error: error TS2742: The inferred type of 'resolveSharedDependency' cannot be named without a reference to.
+function resolveSharedDependency(pkgName, entries, logFct = ()=>{}) {
+    const cleanedEntries = entries.map((x)=>({
+            ...x,
+            // Removing any special characters like >,>=,^,~ etc...
+            version: (0,__WEBPACK_EXTERNAL_MODULE_semver__.minVersion)(x.version).version
+        }));
+    // From higher to lower versions.
+    const sortedEntries = cleanedEntries.sort((x, y)=>(0,__WEBPACK_EXTERNAL_MODULE_semver__.rcompare)(x.version, y.version));
+    logFct("[squide] Sorted the entries by version from higher to lower", sortedEntries);
+    const highestVersionEntry = sortedEntries[0];
+    logFct(`[squide] ${pkgName} highest requested version is`, highestVersionEntry.version, highestVersionEntry);
+    // The host is always right!
+    if (highestVersionEntry.from === __WEBPACK_EXTERNAL_MODULE__shared_js__.HostApplicationName) {
+        logFct("[squide] %cThis is the host version%c, great, resolving to:", "color: black; background-color: pink;", "", highestVersionEntry.version, highestVersionEntry);
+        return {
+            resolvedEntry: highestVersionEntry,
+            highestVersionEntry: highestVersionEntry
+        };
+    }
+    logFct(`[squide] ${pkgName} Highest requested version is not from the host.`);
+    const hostEntry = sortedEntries.find((x)=>x.from === __WEBPACK_EXTERNAL_MODULE__shared_js__.HostApplicationName);
+    // Found nothing, that's odd but let's not break the app for this.
+    if (!hostEntry) {
+        logFct(`[squide] The host is not requesting any version of ${pkgName}, %caborting%c.`, "color: black; background-color: pink;", "");
+        return {
+            resolvedEntry: highestVersionEntry,
+            highestVersionEntry: highestVersionEntry
+        };
+    }
+    logFct(`[squide] ${pkgName} version requested by the host is:`, hostEntry.version, hostEntry);
+    const parsedHighestVersion = (0,__WEBPACK_EXTERNAL_MODULE_semver__.parse)(highestVersionEntry.version);
+    const parsedHostVersion = (0,__WEBPACK_EXTERNAL_MODULE_semver__.parse)(hostEntry.version);
+    // Major versions should always be introduced by the host application.
+    if (parsedHighestVersion.major === parsedHostVersion.major) {
+        logFct(`[squide] Resolving to %c${parsedHighestVersion.major}%c.`, "color: black; background-color: pink;", "");
+        return {
+            resolvedEntry: highestVersionEntry,
+            highestVersionEntry: highestVersionEntry
+        };
+    }
+    logFct("[squide] The major number of the highest requested version is higher than the major number of the version requested by the host, looking for another version to resolve to.");
+    // Start at the second entry since the first entry is the current higher version entry.
+    // The result could either be the actual host entry or any other entry that is higher than the version requested
+    // by the host, but match the host entry major version number.
+    const fallbackEntry = findHighestVersionForMajor(sortedEntries.splice(1), parsedHostVersion.major);
+    logFct(`[squide] The %chighest requested version%c for ${pkgName} that is in-range with the requested host major version number is:`, "color: black; background-color: pink;", "", fallbackEntry.version, fallbackEntry);
+    return {
+        resolvedEntry: fallbackEntry,
+        highestVersionEntry: highestVersionEntry
+    };
+}
+const sharedDependenciesResolutionPlugin_rslib_entry_plugin = ()=>{
+    return {
+        name: "shared-dependencies-resolution-plugin",
+        resolveShare: function(args) {
+            const { shareScopeMap, scope, pkgName } = args;
+            log(`[squide] Resolving ${pkgName}:`, args);
+            // This custom strategy only applies to singleton shared dependencies.
+            const entries = Object.values(shareScopeMap[scope][pkgName]).filter((x)=>{
+                return(// Temporary check until all the remotes on Webpack Module Federation has been updated to Module Federation 2.0.
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                x.singleton || x.shareConfig && x.shareConfig.singleton);
+            });
+            // Not a singleton dependency.
+            if (entries.length === 0) {
+                log(`[squide] ${pkgName} is not a singleton dependency, aborting.`);
+                return args;
+            }
+            // If there's only one version entry, then it means that everyone is requesting the same version
+            // of the dependency.
+            if (entries.length <= 1) {
+                log(`[squide] There's only one version requested for ${pkgName}, resolving to:`, entries[0].version, entries[0]);
+                return args;
+            }
+            args.resolver = ()=>{
+                log(`[squide] There's %cmore than one requested version%c for ${pkgName}:`, "color: black; background-color: pink;", "", entries.length, shareScopeMap[scope][pkgName]);
+                const { resolvedEntry, highestVersionEntry } = resolveSharedDependency(pkgName, entries, log);
+                if (resolvedEntry.version !== highestVersionEntry.version) {
+                    // eslint-disable-next-line max-len
+                    console.log(`%c[squide] "${highestVersionEntry.from}" requested version "${highestVersionEntry.version}" of "${pkgName}". This version is higher than the major number of the version requested by the host for this dependency (${resolvedEntry.version}). The version for "${pkgName}" has been forced to "${resolvedEntry.version}".`, "color: white; background-color: red;");
+                }
+                return resolvedEntry;
+            };
+            return args;
+        }
+    };
+};
+/* ESM default export */ const sharedDependenciesResolutionPlugin_rslib_entry_ = (sharedDependenciesResolutionPlugin_rslib_entry_plugin);
+
+export { sharedDependenciesResolutionPlugin_rslib_entry_ as default, resolveSharedDependency };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@squide/firefly-webpack-configs",
   "author": "Workleap",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "Webpack configuration helpers for the Squide firefly technology stack.",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gsoft-inc/wl-squide.git",
-    "directory": "packages/firefly-configs"
+    "directory": "packages/firefly-webpack-configs"
   },
+  "type": "module",
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
-  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -35,32 +35,40 @@
     "webpack": ">=5.0.0",
     "webpack-dev-server": ">=5.0.0"
   },
+  "dependencies": {
+    "@module-federation/enhanced": "^0.8.4",
+    "@types/node": "^22.10.2",
+    "@types/semver": "^7.5.8",
+    "@workleap/webpack-configs": "^1.5.2",
+    "deepmerge": "^4.3.1",
+    "html-webpack-plugin": "^5.6.3",
+    "semver": "^7.6.3"
+  },
   "devDependencies": {
-    "@module-federation/enhanced": "0.6.9",
-    "@swc/core": "1.7.26",
-    "@swc/jest": "0.2.36",
-    "@types/jest": "29.5.13",
-    "@workleap/eslint-plugin": "3.2.2",
+    "@rslib/core": "0.1.4",
+    "@swc/core": "1.10.1",
+    "@swc/jest": "0.2.37",
+    "@types/jest": "29.5.14",
+    "@typescript-eslint/parser": "8.18.0",
+    "@workleap/eslint-plugin": "3.2.5",
     "@workleap/swc-configs": "2.2.3",
-    "@workleap/tsup-configs": "3.0.6",
     "@workleap/typescript-configs": "3.0.2",
     "eslint": "8.57.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "ts-jest": "29.2.5",
-    "tsup": "8.3.0",
+    "ts-node": "10.9.2",
     "typescript": "5.5.4",
-    "webpack": "5.95.0"
-  },
-  "dependencies": {
-    "@workleap/webpack-configs": "1.5.1",
-    "@squide/webpack-configs": "4.3.0"
+    "webpack": "5.97.1",
+    "webpack-dev-server": "5.2.0"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=21.1.0"
   },
   "scripts": {
-    "dev": "tsup --config ./tsup.dev.ts",
-    "build": "tsup --config ./tsup.build.ts"
+    "dev": "rslib build --watch --config ./rslib.dev.ts",
+    "build": "rslib build --config ./rslib.build.ts",
+    "eslint": "eslint . --max-warnings=-0 --cache --cache-location node_modules/.cache/eslint",
+    "typecheck": "tsc",
+    "test": "jest"
   }
 }