@tramvai/cli 2.111.0 → 2.112.0

package/lib/utils/detectPortSync.js

@@ -2,8 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.detectPortSync = void 0;
 const child_process_1 = require("child_process");
-const detectPortSync = (port) => {
-    const commandResult = (0, child_process_1.execSync)(`npx detect-port ${port}`);
+/**
+ * Try to detect port synchronously considering the fact, that if user requests
+ * a port explicitly, we should not try to detect a free one.
+ *
+ * Also, handle zero port (it means any random port) as the edge case,
+ * because we must pass a final number to the config manager.
+ */
+const detectPortSync = ({ request, fallback }) => {
+    if (request !== undefined && request !== 0) {
+        return request;
+    }
+    const commandResult = (0, child_process_1.execSync)(`npx detect-port ${request !== null && request !== void 0 ? request : fallback}`);
     return parseInt(commandResult.toString('utf-8'), 10);
 };
 exports.detectPortSync = detectPortSync;

package/lib/utils/detectPortSync.js.map

@@ -1 +1 @@
-{"version":3,"file":"detectPortSync.js","sourceRoot":"","sources":["../../src/utils/detectPortSync.ts"],"names":[],"mappings":";;;AAAA,iDAAyC;AAElC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAU,EAAE;IACrD,MAAM,aAAa,GAAG,IAAA,wBAAQ,EAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC;IAE1D,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACvD,CAAC,CAAC;AAJW,QAAA,cAAc,kBAIzB"}
+{"version":3,"file":"detectPortSync.js","sourceRoot":"","sources":["../../src/utils/detectPortSync.ts"],"names":[],"mappings":";;;AAAA,iDAAyC;AAOzC;;;;;;GAMG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAW,EAAU,EAAE;IACvE,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC,EAAE;QAC1C,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,aAAa,GAAG,IAAA,wBAAQ,EAAC,mBAAmB,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,EAAE,CAAC,CAAC;IAEzE,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACvD,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}

package/lib/utils/tramvaiVersions.d.ts

@@ -0,0 +1,3 @@
+export declare const DEPENDANT_LIBS_MAP: Map<string, string>;
+export declare const isUnifiedVersion: (name: string) => boolean;
+export declare const isDependantLib: (name: string) => boolean;

package/lib/utils/tramvaiVersions.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDependantLib = exports.isUnifiedVersion = exports.DEPENDANT_LIBS_MAP = void 0;
+// map of packages that is not in unified versioning
+// but we still want to update it
+// actual version to update will be calculated from the some of the @tramvai/module
+exports.DEPENDANT_LIBS_MAP = new Map([
+    ['@tinkoff/logger', '@tramvai/module-log'],
+    ['@tinkoff/dippy', '@tramvai/core'],
+    ['@tinkoff/router', '@tramvai/module-router'],
+    ['@tinkoff/url', '@tramvai/module-common'],
+    ['@tinkoff/errors', '@tramvai/module-common'],
+    ['@tinkoff/roles', '@tramvai/module-authenticate'],
+    ['@tinkoff/pubsub', '@tramvai/module-common'],
+    ['@tinkoff/hook-runner', '@tramvai/module-common'],
+    ['@tinkoff/htmlpagebuilder', '@tramvai/module-render'],
+    ['@tinkoff/browser-timings', '@tramvai/module-metrics'],
+    ['@tinkoff/meta-tags-generate', '@tramvai/module-render'],
+    ['@tinkoff/pack-polyfills', ''],
+    ['@tinkoff/browserslist-config', '@tramvai/cli'],
+]);
+const isUnifiedVersion = (name) => {
+    return name.startsWith('@tramvai');
+};
+exports.isUnifiedVersion = isUnifiedVersion;
+const isDependantLib = (name) => {
+    return exports.DEPENDANT_LIBS_MAP.has(name);
+};
+exports.isDependantLib = isDependantLib;
+//# sourceMappingURL=tramvaiVersions.js.map

package/lib/utils/tramvaiVersions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tramvaiVersions.js","sourceRoot":"","sources":["../../src/utils/tramvaiVersions.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACpD,iCAAiC;AACjC,mFAAmF;AACtE,QAAA,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACxC,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;IAC1C,CAAC,gBAAgB,EAAE,eAAe,CAAC;IACnC,CAAC,iBAAiB,EAAE,wBAAwB,CAAC;IAC7C,CAAC,cAAc,EAAE,wBAAwB,CAAC;IAC1C,CAAC,iBAAiB,EAAE,wBAAwB,CAAC;IAC7C,CAAC,gBAAgB,EAAE,8BAA8B,CAAC;IAClD,CAAC,iBAAiB,EAAE,wBAAwB,CAAC;IAC7C,CAAC,sBAAsB,EAAE,wBAAwB,CAAC;IAClD,CAAC,0BAA0B,EAAE,wBAAwB,CAAC;IACtD,CAAC,0BAA0B,EAAE,yBAAyB,CAAC;IACvD,CAAC,6BAA6B,EAAE,wBAAwB,CAAC;IACzD,CAAC,yBAAyB,EAAE,EAAE,CAAC;IAC/B,CAAC,8BAA8B,EAAE,cAAc,CAAC;CACjD,CAAC,CAAC;AAEI,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;IAC/C,OAAO,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B;AAEK,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;IAC7C,OAAO,0BAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACtC,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/cli",
-  "version": "2.111.0",
+  "version": "2.112.0",
   "description": "Cli инструмент для сборки и запуска приложений",
   "files": [
     "src",
@@ -56,7 +56,7 @@
     "@discoveryjs/json-ext": "^0.5.7",
     "@fastify/compress": "^6.2.0",
     "@fastify/static": "^6.9.0",
-    "@module-federation/node": "^0.11.1",
+    "@module-federation/node": "^0.15.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@sentry/node": "^6.2.5",
     "@svgr/webpack": "^6.5.1",
@@ -71,7 +71,7 @@
     "@tinkoff/utils": "^2.1.3",
     "@tinkoff/webpack-dedupe-plugin": "1.0.5",
     "@tramvai/build": "3.1.3",
-    "@tramvai/react": "2.111.0",
+    "@tramvai/react": "2.112.0",
     "@tramvai/tools-check-versions": "0.4.14",
     "@tramvai/tools-migrate": "0.6.18",
     "ajv": "^6.12.6",
@@ -157,11 +157,11 @@
     "v8-compile-cache": "^2.3.0",
     "validate-npm-package-name": "^3.0.0",
     "wait-on": "^5.3.0",
-    "webpack": "5.76.0",
+    "webpack": "5.85.0",
     "webpack-build-notifier": "^2.3.0",
-    "webpack-bundle-analyzer": "^4.8.0",
+    "webpack-bundle-analyzer": "^4.9.0",
     "webpack-chain": "^6.5.1",
-    "webpack-dev-middleware": "^6.0.1",
+    "webpack-dev-middleware": "^6.1.1",
     "webpack-hot-middleware": "^2.25.3",
     "webpack-stats-plugin": "^1.1.1",
     "webpackbar": "^5.0.2",

package/schema.json

@@ -1246,7 +1246,13 @@
                 "properties": {
                   "defaultTramvaiDependencies": {
                     "title": "Should default dependencies list be added to shared list",
-                    "description": "It includes the list of commonly used dependencies in the child-apps\nBy default, it is enabled in application in case of",
+                    "description": "It includes the list of commonly used dependencies in the child-apps\nBy default, it is enabled in application in case of tramvai/module-child-app is specified in package.json\nand for child-apps",
+                    "type": "boolean"
+                  },
+                  "flexibleTramvaiVersions": {
+                    "title": "add caret range specifier for tramvai dependencies",
+                    "description": "minimal versions are inferred from package.json",
+                    "default": true,
                     "type": "boolean"
                   },
                   "deps": {
@@ -1775,7 +1781,13 @@
                   "properties": {
                     "defaultTramvaiDependencies": {
                       "title": "Should default dependencies list be added to shared list",
-                      "description": "It includes the list of commonly used dependencies in the child-apps\nBy default, it is enabled in application in case of",
+                      "description": "It includes the list of commonly used dependencies in the child-apps\nBy default, it is enabled in application in case of tramvai/module-child-app is specified in package.json\nand for child-apps",
+                      "type": "boolean"
+                    },
+                    "flexibleTramvaiVersions": {
+                      "title": "add caret range specifier for tramvai dependencies",
+                      "description": "minimal versions are inferred from package.json",
+                      "default": true,
                       "type": "boolean"
                     },
                     "deps": {
@@ -2304,7 +2316,13 @@
                     "properties": {
                       "defaultTramvaiDependencies": {
                         "title": "Should default dependencies list be added to shared list",
-                        "description": "It includes the list of commonly used dependencies in the child-apps\nBy default, it is enabled in application in case of",
+                        "description": "It includes the list of commonly used dependencies in the child-apps\nBy default, it is enabled in application in case of tramvai/module-child-app is specified in package.json\nand for child-apps",
+                        "type": "boolean"
+                      },
+                      "flexibleTramvaiVersions": {
+                        "title": "add caret range specifier for tramvai dependencies",
+                        "description": "minimal versions are inferred from package.json",
+                        "default": true,
                         "type": "boolean"
                       },
                       "deps": {

package/src/api/start/__integration__/start.test.ts

@@ -10,6 +10,7 @@ import { createServer } from '../utils/createServer';
 import { listenServer } from '../utils/listenServer';
 import { getListeningPort } from '../utils/getListeningPort';
 import { stopServer } from '../utils/stopServer';
+import { DEFAULT_PORT, DEFAULT_STATIC_PORT } from '../../../config/configManager';
 
 const FIXTURES_DIR = resolve(__dirname, '__fixtures__');
 
@@ -261,7 +262,7 @@ describe('@tramvai/cli start command', () => {
       return close();
     });
 
-    it('should start the app on the next available port, if default port is busy', async () => {
+    it('should NOT try to launch app on the next available port if it was provided via config', async () => {
       const testServerStub = createServer();
       const testStaticServerStub = createServer();
 
@@ -270,12 +271,30 @@ describe('@tramvai/cli start command', () => {
       await listenServer(testServerStub, '0.0.0.0', getPort() + 50);
       await listenServer(testStaticServerStub, '0.0.0.0', getPort());
 
+      await expect(
+        start({
+          rootDir: FIXTURES_DIR,
+          target: 'app',
+          resolveSymlinks: false,
+          port: getListeningPort(testServerStub),
+          staticPort: getListeningPort(testStaticServerStub),
+        })
+      ).rejects.toThrow('listen EADDRINUSE: address already in use');
+
+      return Promise.all([stopServer(testServerStub), stopServer(testStaticServerStub)]);
+    });
+
+    it('should try to launch app on the next available port if it was NOT provided via config', async () => {
+      const testServerStub = createServer();
+      const testStaticServerStub = createServer();
+
+      await listenServer(testServerStub, '0.0.0.0', DEFAULT_PORT);
+      await listenServer(testStaticServerStub, '0.0.0.0', DEFAULT_STATIC_PORT);
+
       const { server, staticServer, close } = await start({
         rootDir: FIXTURES_DIR,
         target: 'app',
         resolveSymlinks: false,
-        port: getListeningPort(testServerStub),
-        staticPort: getListeningPort(testStaticServerStub),
       });
 
       const testServer = supertestByPort(getListeningPort(server));

package/src/api/start/providers/application/shared.ts

@@ -27,8 +27,11 @@ export const sharedProviders: readonly Provider[] = [
         ...parameters,
         appEnv: parameters.env,
         env: 'development',
-        port: detectPortSync(parameters.port ?? DEFAULT_PORT),
-        staticPort: detectPortSync(parameters.staticPort ?? DEFAULT_STATIC_PORT),
+        port: detectPortSync({ request: parameters.port, fallback: DEFAULT_PORT }),
+        staticPort: detectPortSync({
+          request: parameters.staticPort,
+          fallback: DEFAULT_STATIC_PORT,
+        }),
       }),
     deps: {
       configEntry: CONFIG_ENTRY_TOKEN,

package/src/api/start/providers/child-app/shared.ts

@@ -23,7 +23,7 @@ export const sharedProviders: readonly Provider[] = [
         ...parameters,
         appEnv: parameters.env,
         env: 'development',
-        port: detectPortSync(parameters.port ?? DEFAULT_STATIC_MODULE_PORT),
+        port: detectPortSync({ request: parameters.port, fallback: DEFAULT_STATIC_MODULE_PORT }),
       }),
     deps: {
       configEntry: CONFIG_ENTRY_TOKEN,

package/src/api/start/providers/module/shared.ts

@@ -23,7 +23,7 @@ export const sharedProviders: readonly Provider[] = [
         ...parameters,
         appEnv: parameters.env,
         env: 'development',
-        port: detectPortSync(parameters.port ?? DEFAULT_STATIC_MODULE_PORT),
+        port: detectPortSync({ request: parameters.port, fallback: DEFAULT_STATIC_MODULE_PORT }),
       }),
     deps: {
       configEntry: CONFIG_ENTRY_TOKEN,

package/src/api/start-prod/providers/application.ts

@@ -30,8 +30,11 @@ export const applicationsProviders: readonly Provider[] = [
         appEnv: parameters.env,
         env: 'production',
         buildType: 'client',
-        port: detectPortSync(parameters.port ?? DEFAULT_PORT),
-        staticPort: detectPortSync(parameters.staticPort ?? DEFAULT_STATIC_PORT),
+        port: detectPortSync({ request: parameters.port, fallback: DEFAULT_PORT }),
+        staticPort: detectPortSync({
+          request: parameters.staticPort,
+          fallback: DEFAULT_STATIC_PORT,
+        }),
       }),
     deps: {
       configEntry: CONFIG_ENTRY_TOKEN,

package/src/api/start-prod/providers/child-app.ts

@@ -17,8 +17,11 @@ export const childAppProviders: readonly Provider[] = [
         ...parameters,
         appEnv: parameters.env,
         env: 'production',
-        staticPort: detectPortSync(parameters.staticPort ?? DEFAULT_STATIC_MODULE_PORT),
         buildType: 'client',
+        staticPort: detectPortSync({
+          request: parameters.staticPort,
+          fallback: DEFAULT_STATIC_MODULE_PORT,
+        }),
       }),
     deps: {
       configEntry: CONFIG_ENTRY_TOKEN,

package/src/commands/update/dependantLibs.ts

@@ -1,28 +1,6 @@
 import getLatestPackageVersion from 'latest-version';
 import getPackageInfo from 'package-json';
-
-// map of packages that is not in unified versioning
-// but we still want to update it
-// actual version to update will be calculated from the some of the @tramvai/module
-const DEPENDANT_LIBS_MAP = new Map([
-  ['@tinkoff/logger', '@tramvai/module-log'],
-  ['@tinkoff/dippy', '@tramvai/core'],
-  ['@tinkoff/router', '@tramvai/module-router'],
-  ['@tinkoff/url', '@tramvai/module-common'],
-  ['@tinkoff/errors', '@tramvai/module-common'],
-  ['@tinkoff/roles', '@tramvai/module-authenticate'],
-  ['@tinkoff/pubsub', '@tramvai/module-common'],
-  ['@tinkoff/hook-runner', '@tramvai/module-common'],
-  ['@tinkoff/htmlpagebuilder', '@tramvai/module-render'],
-  ['@tinkoff/browser-timings', '@tramvai/module-metrics'],
-  ['@tinkoff/meta-tags-generate', '@tramvai/module-render'],
-  ['@tinkoff/pack-polyfills', ''],
-  ['@tinkoff/browserslist-config', '@tramvai/cli'],
-]);
-
-export const isDependantLib = (name: string) => {
-  return DEPENDANT_LIBS_MAP.has(name);
-};
+import { DEPENDANT_LIBS_MAP } from '../../utils/tramvaiVersions';
 
 export const getLibPackageVersion = async (
   name: string,

package/src/commands/update/updatePackageJson.ts

@@ -4,11 +4,8 @@ import pMap from 'p-map';
 import type { Ora } from 'ora';
 import ora from 'ora';
 import { packageHasVersion } from '../../utils/commands/dependencies/packageHasVersion';
-import { getLibPackageVersion, isDependantLib } from './dependantLibs';
-
-const isUnifiedVersion = (name: string) => {
-  return name.startsWith('@tramvai');
-};
+import { getLibPackageVersion } from './dependantLibs';
+import { isDependantLib, isUnifiedVersion } from '../../utils/tramvaiVersions';
 
 const getVersionFromDep = (dep?: string) => {
   if (dep) {

package/src/library/swc/__integration__/__snapshots__/swc.start.test.ts.snap

@@ -3,7 +3,7 @@
 exports[`client: create-token-pure.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "TEST_TOKEN": function() { return /* binding */ TEST_TOKEN; }
+/* harmony export */   TEST_TOKEN: function() { return /* binding */ TEST_TOKEN; }
 /* harmony export */ });
 /* harmony import */ var _tramvai_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/library/swc/__integration__/mocks/tramvai-core.ts");
 /* provided dependency */ var __react_refresh_utils__ = __webpack_require__("../../node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js");
@@ -149,7 +149,7 @@ __webpack_require__.$Refresh$.register(_c, "SvgLogo");
 exports[`client: lazy-component.tsx 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Component": function() { return /* binding */ Component; }
+/* harmony export */   Component: function() { return /* binding */ Component; }
 /* harmony export */ });
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("webpack/sharing/consume/default/react/jsx-dev-runtime/react/jsx-dev-runtime");
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -242,7 +242,7 @@ if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Pr
 exports[`client: node-env.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "func": function() { return /* binding */ func; }
+/* harmony export */   func: function() { return /* binding */ func; }
 /* harmony export */ });
 /* provided dependency */ var __react_refresh_utils__ = __webpack_require__("../../node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js");
 __webpack_require__.$Refresh$.runtime = __webpack_require__("../../node_modules/react-refresh/runtime.js");
@@ -294,7 +294,7 @@ if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Pr
 exports[`client: provider-stack.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "providers": function() { return /* binding */ providers; }
+/* harmony export */   providers: function() { return /* binding */ providers; }
 /* harmony export */ });
 /* harmony import */ var _tramvai_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/library/swc/__integration__/mocks/tramvai-core.ts");
 /* harmony import */ var _create_token_pure__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/library/swc/__integration__/create-token-pure.ts");
@@ -352,7 +352,7 @@ if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Pr
 exports[`client: react-svg.tsx 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Component": function() { return /* binding */ Component; }
+/* harmony export */   Component: function() { return /* binding */ Component; }
 /* harmony export */ });
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("webpack/sharing/consume/default/react/jsx-dev-runtime/react/jsx-dev-runtime");
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -417,7 +417,7 @@ if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Pr
 exports[`client: server.inline.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ForBrowser": function() { return /* binding */ ForBrowser; }
+/* harmony export */   ForBrowser: function() { return /* binding */ ForBrowser; }
 /* harmony export */ });
 /* provided dependency */ var __react_refresh_utils__ = __webpack_require__("../../node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js");
 __webpack_require__.$Refresh$.runtime = __webpack_require__("../../node_modules/react-refresh/runtime.js");
@@ -467,7 +467,7 @@ if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Pr
 exports[`client: typeof-window.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "func": function() { return /* binding */ func; }
+/* harmony export */   func: function() { return /* binding */ func; }
 /* harmony export */ });
 /* provided dependency */ var __react_refresh_utils__ = __webpack_require__("../../node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js");
 __webpack_require__.$Refresh$.runtime = __webpack_require__("../../node_modules/react-refresh/runtime.js");
@@ -519,7 +519,7 @@ if (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Pr
 exports[`server: create-token-pure.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "TEST_TOKEN": function() { return /* binding */ TEST_TOKEN; }
+/* harmony export */   TEST_TOKEN: function() { return /* binding */ TEST_TOKEN; }
 /* harmony export */ });
 /* harmony import */ var _tramvai_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/library/swc/__integration__/mocks/tramvai-core.ts");
 
@@ -614,7 +614,7 @@ const SvgLogo = (props)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTE
 exports[`server: lazy-component.tsx 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Component": function() { return /* binding */ Component; }
+/* harmony export */   Component: function() { return /* binding */ Component; }
 /* harmony export */ });
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("webpack/sharing/consume/default/react/jsx-dev-runtime/react/jsx-dev-runtime");
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -670,7 +670,7 @@ const Component = ()=>{
 exports[`server: node-env.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "func": function() { return /* binding */ func; }
+/* harmony export */   func: function() { return /* binding */ func; }
 /* harmony export */ });
 let internalFunc;
 if (true) {
@@ -688,7 +688,7 @@ const func = ()=>{
 exports[`server: provider-stack.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "providers": function() { return /* binding */ providers; }
+/* harmony export */   providers: function() { return /* binding */ providers; }
 /* harmony export */ });
 /* harmony import */ var _tramvai_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/library/swc/__integration__/mocks/tramvai-core.ts");
 /* harmony import */ var _create_token_pure__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/library/swc/__integration__/create-token-pure.ts");
@@ -712,7 +712,7 @@ const providers = [
 exports[`server: react-svg.tsx 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Component": function() { return /* binding */ Component; }
+/* harmony export */   Component: function() { return /* binding */ Component; }
 /* harmony export */ });
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("webpack/sharing/consume/default/react/jsx-dev-runtime/react/jsx-dev-runtime");
 /* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -740,7 +740,7 @@ const Component = ()=>{
 exports[`server: server.inline.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ForBrowser": function() { return /* binding */ ForBrowser; }
+/* harmony export */   ForBrowser: function() { return /* binding */ ForBrowser; }
 /* harmony export */ });
 var ForBrowser = /*#__PURE__*/ function() {
     "use strict";
@@ -760,7 +760,7 @@ ForBrowser.prop = "static";
 exports[`server: typeof-window.ts 1`] = `
 "__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "func": function() { return /* binding */ func; }
+/* harmony export */   func: function() { return /* binding */ func; }
 /* harmony export */ });
 let internalFunc;
 if (false) {}

package/src/library/webpack/application/client/common.ts

@@ -20,9 +20,11 @@ import { pagesResolve } from '../../blocks/pagesResolve';
 import { configToEnv } from '../../blocks/configToEnv';
 import { DEFAULT_STATS_OPTIONS, DEFAULT_STATS_FIELDS } from '../../constants/stats';
 import { pwaBlock } from '../../blocks/pwa/client';
+import type { ModuleFederationFixRangeOptions } from '../../plugins/ModuleFederationFixRange';
+import { ModuleFederationFixRange } from '../../plugins/ModuleFederationFixRange';
 
 export default (configManager: ConfigManager<ApplicationConfigEntry>) => (config: Config) => {
-  const { polyfill, fileSystemPages } = configManager;
+  const { polyfill, fileSystemPages, shared } = configManager;
 
   const portal = path.resolve(configManager.rootDir, `packages/${process.env.APP_ID}/portal.js`);
   const polyfillPath = path.resolve(configManager.rootDir, polyfill ?? 'src/polyfill');
@@ -52,6 +54,12 @@ export default (configManager: ConfigManager<ApplicationConfigEntry>) => (config
     .when(portalExists, (cfg) => cfg.entry('portal').add(portal))
     .when(polyfillExists, (cfg) => cfg.entry('polyfill').add(polyfillPath));
 
+  config.plugin('module-federation-validate-duplicates').use(ModuleFederationFixRange, [
+    {
+      flexibleTramvaiVersions: shared.flexibleTramvaiVersions,
+    } as ModuleFederationFixRangeOptions,
+  ]);
+
   config
     .plugin('stats-plugin')
     .use(StatsWriterPlugin, [

package/src/library/webpack/child-app/client/common.ts

@@ -8,9 +8,11 @@ import files from '../../blocks/filesClient';
 import nodeClient from '../../blocks/nodeClient';
 import postcssAssets from '../../blocks/postcssAssets';
 import type { ChildAppConfigEntry } from '../../../../typings/configEntry/child-app';
+import type { ModuleFederationFixRangeOptions } from '../../plugins/ModuleFederationFixRange';
+import { ModuleFederationFixRange } from '../../plugins/ModuleFederationFixRange';
 
 export default (configManager: ConfigManager<ChildAppConfigEntry>) => (config: Config) => {
-  const { name, version } = configManager;
+  const { name, version, shared } = configManager;
   config.name('client');
 
   config.batch(common(configManager));
@@ -32,5 +34,11 @@ export default (configManager: ConfigManager<ChildAppConfigEntry>) => (config: C
     },
   ]);
 
+  config.plugin('module-federation-validate-duplicates').use(ModuleFederationFixRange, [
+    {
+      flexibleTramvaiVersions: shared.flexibleTramvaiVersions,
+    } as ModuleFederationFixRangeOptions,
+  ]);
+
   config.batch(files(configManager)).batch(nodeClient(configManager));
 };

package/src/library/webpack/child-app/moduleFederationShared.ts

@@ -20,24 +20,24 @@ export const getSharedModules = (
   } = configManager;
   const isChild = type === 'child-app';
 
-  let defaultDependenicesList = defaultTramvaiDependencies ? DEFAULT_DEPENDENCIES_LIST : [];
+  let defaultDependenciesList = defaultTramvaiDependencies ? DEFAULT_DEPENDENCIES_LIST : [];
 
   if (typeof defaultTramvaiDependencies === 'undefined') {
     if (type === 'child-app') {
-      defaultDependenicesList = DEFAULT_DEPENDENCIES_LIST;
+      defaultDependenciesList = DEFAULT_DEPENDENCIES_LIST;
     } else if (type === 'application') {
       const packageJson = safeRequire(path.resolve(rootDir, 'package.json'), true);
 
       // add default dependencies only if child-app is in use to minimize bundle size for apps
       // without child-apps
       if (packageJson?.dependencies?.['@tramvai/module-child-app']) {
-        defaultDependenicesList = DEFAULT_DEPENDENCIES_LIST;
+        defaultDependenciesList = DEFAULT_DEPENDENCIES_LIST;
       }
     }
   }
 
   return {
-    ...defaultDependenicesList.concat(deps).reduce((acc, dep) => {
+    ...defaultDependenciesList.concat(deps).reduce((acc, dep) => {
       const { name, singleton = false } = typeof dep === 'string' ? { name: dep } : dep;
 
       acc[name] = {