@tramvai/cli 2.110.0 → 2.111.1

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,13 +242,15 @@ 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");
 
 let internalFunc;
-if (true) internalFunc = ()=>"Are you developer, for sure?";
+if (true) {
+    internalFunc = ()=>"Are you developer, for sure?";
+}
 if (false) {}
 const func = ()=>{
     return internalFunc();
@@ -292,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");
@@ -350,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__);
@@ -415,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");
@@ -465,13 +467,16 @@ 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");
 
 let internalFunc;
-internalFunc = ()=>"Hello, I'm in browser";
+if (true) {
+    internalFunc = ()=>"Hello, I'm in browser";
+}
+if (false) {}
 const func = ()=>{
     return internalFunc();
 };
@@ -514,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");
 
@@ -609,11 +614,11 @@ 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__);
-/* harmony import */ var _swc_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/@swc/helpers/src/_interop_require_wildcard.mjs");
+/* harmony import */ var _swc_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/@swc/helpers/esm/_interop_require_wildcard.js");
 /* harmony import */ var _tramvai_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/library/swc/__integration__/mocks/tramvai-react.ts");
 
 
@@ -629,7 +634,7 @@ const LazyComponent = (0,_tramvai_react__WEBPACK_IMPORTED_MODULE_1__.lazy)({
         const key = this.resolve(props);
         return !!__webpack_require__.m[key];
     },
-    importAsync: ()=>Promise.resolve().then(()=>(0,_swc_helpers__WEBPACK_IMPORTED_MODULE_2__["default"])(__webpack_require__(/* webpackChunkName: "components-lazy-inner" */ "./src/library/swc/__integration__/components/lazy-inner.tsx"))),
+    importAsync: ()=>Promise.resolve().then(()=>(0,_swc_helpers__WEBPACK_IMPORTED_MODULE_2__._interop_require_wildcard)(__webpack_require__(/* webpackChunkName: "components-lazy-inner" */ "./src/library/swc/__integration__/components/lazy-inner.tsx"))),
     requireAsync (props) {
         return this.importAsync(props).then((resolved)=>{
             return resolved;
@@ -665,10 +670,12 @@ 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) internalFunc = ()=>"Are you developer, for sure?";
+if (true) {
+    internalFunc = ()=>"Are you developer, for sure?";
+}
 if (false) {}
 const func = ()=>{
     return internalFunc();
@@ -681,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");
@@ -705,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__);
@@ -733,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";
@@ -753,10 +760,13 @@ 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;
-internalFunc = ()=>"I'm a big server";
+if (false) {}
+if (true) {
+    internalFunc = ()=>"I'm a big server";
+}
 const func = ()=>{
     return internalFunc();
 };

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/application/server/prod.ts

@@ -29,6 +29,30 @@ export const webpackServerConfig = ({
     config.optimization.set('moduleIds', 'named');
     // prevent modules from concatenation in single module to easier debug
     config.optimization.set('concatenateModules', false);
+
+    config.plugin('terser').use(TerserPlugin, [
+      {
+        extractComments: false,
+        terserOptions: {
+          ecma: 5, // на сервере в страницу встраивается код, который может подключаться через import и terser его соптимизирует в es6
+          mangle: false,
+          // сохраняем имена функций, чтобы легче было найти ошибку в трамвае
+          keep_fnames: true,
+          compress: {
+            passes: 2,
+            drop_debugger: !debug,
+            dead_code: true,
+          },
+          output: {
+            comments: true,
+            semicolons: false,
+            preserve_annotations: true,
+            indent_start: 2,
+            beautify: true,
+          },
+        },
+      },
+    ]);
   } else {
     config.plugin('terser').use(TerserPlugin, [
       {
@@ -39,6 +63,7 @@ export const webpackServerConfig = ({
           // сохраняем имена функций, чтобы легче было найти ошибку в трамвае
           keep_fnames: true,
           compress: {
+            passes: 2,
             drop_debugger: !debug,
             dead_code: true,
           },

package/src/library/webpack/blocks/optimize.ts

@@ -27,6 +27,10 @@ export default (configManager: ConfigManager<CliConfigEntry>) => (config: Config
             indent_start: 2,
             beautify: true,
           },
+          compress: {
+            passes: 2,
+            drop_debugger: !debug,
+          },
         },
       },
     ]);

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] = {

package/src/library/webpack/plugins/ModuleFederationFixRange.ts

@@ -0,0 +1,174 @@
+import type webpack from 'webpack';
+import type { Compiler, NormalModule } from 'webpack';
+import { sync as resolve } from 'resolve';
+import type packageJson from 'package-json';
+import chalk from 'chalk';
+// eslint-disable-next-line no-restricted-imports
+import { parseRange } from 'webpack/lib/util/semver';
+import { isDependantLib, isUnifiedVersion } from '../../../utils/tramvaiVersions';
+
+const PLUGIN_NAME = 'ModuleFederationValidateDuplicates';
+
+type SemverRange = [number, number, number, number];
+
+interface SharedModuleOptions {
+  shareKey: string;
+  requiredVersion?: SemverRange;
+  importResolved: string;
+  singleton?: boolean;
+}
+
+interface SharedModule extends NormalModule {
+  options?: SharedModuleOptions;
+}
+
+const resolvePackageVersion = (name: string, basedir: string) => {
+  try {
+    const packageJsonPath = resolve(`${name}/package.json`, {
+      basedir,
+    });
+    const packageJson: packageJson.FullMetadataOptions = require(packageJsonPath);
+
+    return packageJson.version;
+  } catch (error: any) {
+    console.warn(`ModuleFederation: could not infer version for package "${name}"`);
+  }
+};
+
+export interface ModuleFederationFixRangeOptions {
+  flexibleTramvaiVersions: boolean;
+}
+
+export class ModuleFederationFixRange implements webpack.WebpackPluginInstance {
+  private flexibleTramvaiVersions: boolean;
+  // { name: { importResolved: { number }} }
+  private sharedModules: Map<string, Map<string, Set<number>>> = new Map();
+
+  constructor({ flexibleTramvaiVersions }: ModuleFederationFixRangeOptions) {
+    this.flexibleTramvaiVersions = flexibleTramvaiVersions ?? false;
+  }
+
+  apply(compiler: Compiler) {
+    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (_, { normalModuleFactory }) => {
+      normalModuleFactory.hooks.factorize.intercept({
+        register: (tap) => {
+          if (tap.name === 'ConsumeSharedPlugin') {
+            const originalFn = tap.fn;
+            // eslint-disable-next-line no-param-reassign
+            tap.fn = async (...args) => {
+              const module: SharedModule | undefined = await originalFn(...args);
+
+              if (module?.options) {
+                this.fixVersionRange(module);
+              }
+
+              return module;
+            };
+          }
+
+          return tap;
+        },
+      });
+    });
+
+    compiler.hooks.done.tap(PLUGIN_NAME, () => {
+      const duplicates: Array<{ name: string; paths: string[] }> = [];
+      const criticalDuplicates: Array<{ name: string; path: string }> = [];
+
+      for (const [name, shared] of this.sharedModules) {
+        if (shared.size > 1) {
+          duplicates.push({
+            name,
+            paths: [...shared.keys()],
+          });
+        }
+
+        for (const [path, versions] of shared) {
+          if (versions.size > 1) {
+            criticalDuplicates.push({ name, path });
+          }
+        }
+      }
+
+      // reset sharedModules info after compilation has ended
+      this.sharedModules = new Map();
+
+      if (duplicates.length) {
+        console.warn(`⚠️  ModuleFederation: Found duplicates for next shared modules:
+${duplicates
+  .map(({ name, paths }) => {
+    return `\t${chalk.yellowBright(name)}: ${paths.join(', ')}`;
+  })
+  .join('\n')}
+        `);
+      }
+
+      if (criticalDuplicates.length) {
+        console.error(
+          `❗ ModuleFederation: Found duplicates for shared modules with different major versions that are resolved to the same path:
+${criticalDuplicates
+  .map(({ name, path }) => {
+    return `\t${chalk.red(name)}: ${path}`;
+  })
+  .join('\n')}`
+        );
+
+        throw new Error(
+          'ModuleFederation: Different major versions have resolved to the same path for shared modules, please review errors above'
+        );
+      }
+    });
+  }
+
+  fixVersionRange(module: SharedModule) {
+    const {
+      options,
+      options: { shareKey: name, singleton, importResolved },
+      context,
+    } = module;
+    let { requiredVersion } = options;
+
+    // ignore singletons as the actual version won't change anything
+    // and usually it is just a react and co libraries
+    if (!requiredVersion && context && !singleton) {
+      const version = resolvePackageVersion(name, context);
+      if (version) {
+        requiredVersion = parseRange(version);
+      }
+    }
+
+    if (!requiredVersion) {
+      return;
+    }
+
+    if (requiredVersion && this.flexibleTramvaiVersions) {
+      const isTramvai = isUnifiedVersion(name) || isDependantLib(name);
+
+      if (isTramvai && requiredVersion[0] > 2) {
+        // 1 is used for `^` range modifier
+        // see https://github.com/webpack/webpack/blob/56363993156e06a1230c9759eba277a22e6b6604/lib/util/semver.js#LL235C20-L235C20
+        requiredVersion[0] = 1;
+      }
+    }
+
+    // change version in webpack module
+    options.requiredVersion = requiredVersion;
+
+    let shared = this.sharedModules.get(name);
+
+    if (!shared) {
+      shared = new Map();
+      this.sharedModules.set(name, shared);
+    }
+
+    let versions = shared.get(importResolved);
+
+    if (!versions) {
+      versions = new Set();
+      shared.set(importResolved, versions);
+    }
+
+    // save major version of the semver array
+    versions.add(requiredVersion[1]);
+  }
+}

package/src/models/config.spec.ts

@@ -103,6 +103,7 @@ it('should populate defaults for config', () => {
           "serverApiDir": "src/api",
           "shared": {
             "deps": [],
+            "flexibleTramvaiVersions": true,
           },
           "sourceMap": false,
           "splitChunks": {
@@ -159,6 +160,7 @@ it('should populate defaults for config', () => {
           "root": "packages/child-app",
           "shared": {
             "deps": [],
+            "flexibleTramvaiVersions": true,
           },
           "sourceMap": false,
           "terser": {
@@ -336,6 +338,7 @@ it('should populate defaults for overridable options', () => {
           "serverApiDir": "src/api",
           "shared": {
             "deps": [],
+            "flexibleTramvaiVersions": true,
           },
           "sourceMap": false,
           "splitChunks": {
@@ -406,6 +409,7 @@ it('should populate defaults for overridable options', () => {
           "root": "packages/child-app",
           "shared": {
             "deps": [],
+            "flexibleTramvaiVersions": true,
           },
           "sourceMap": {
             "development": true,

package/src/schema/autogeneratedSchema.json

@@ -1225,7 +1225,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": {
@@ -1746,7 +1752,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": {
@@ -2267,7 +2279,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/schema/tramvai.spec.ts

@@ -126,6 +126,7 @@ describe('JSON schema для tramvai.json', () => {
             "serverApiDir": "src/api",
             "shared": {
               "deps": [],
+              "flexibleTramvaiVersions": true,
             },
             "sourceMap": false,
             "splitChunks": {
@@ -182,6 +183,7 @@ describe('JSON schema для tramvai.json', () => {
             "root": "src/module",
             "shared": {
               "deps": [],
+              "flexibleTramvaiVersions": true,
             },
             "sourceMap": false,
             "terser": {

package/src/typings/configEntry/cli.ts

@@ -287,10 +287,16 @@ export interface CliConfigEntry extends ConfigEntry {
     /**
      * @title Should default dependencies list be added to shared list
      * @description It includes the list of commonly used dependencies in the child-apps
-     * By default, it is enabled in application in case of @tramvai/module-child-app is specified in package.json
+     * By default, it is enabled in application in case of tramvai/module-child-app is specified in package.json
      * and for child-apps
      */
     defaultTramvaiDependencies?: boolean;
+    /**
+     * @title add caret range specifier for tramvai dependencies
+     * @description minimal versions are inferred from package.json
+     * @default true
+     */
+    flexibleTramvaiVersions: boolean;
     /**
      * @title list of the dependencies that will be shared
      * @default []

package/src/utils/tramvaiVersions.ts

@@ -0,0 +1,26 @@
+// 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
+export 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 isUnifiedVersion = (name: string) => {
+  return name.startsWith('@tramvai');
+};
+
+export const isDependantLib = (name: string) => {
+  return DEPENDANT_LIBS_MAP.has(name);
+};