@tramvai/cli 5.49.1 → 6.59.0

package/src/library/webpack/blocks/pwa/client.ts

@@ -2,11 +2,12 @@ import path from 'path';
 import type Config from 'webpack-chain';
 import { InjectManifest } from 'workbox-webpack-plugin';
 import fs from 'fs';
+
+import { PwaIconsPlugin, WebManifestPlugin, getWorkboxOptions } from '@tramvai/plugin-webpack-pwa';
+
 import type { ConfigManager } from '../../../../config/configManager';
 import type { ApplicationConfigEntry } from '../../../../typings/configEntry/application';
 import { safeRequireResolve } from '../../../../utils/safeRequire';
-import { PwaIconsPlugin } from '../../plugins/PwaIconsPlugin';
-import { WebManifestPlugin } from '../../plugins/WebManifestPlugin';
 import { pwaSharedBlock } from './shared';
 
 export const pwaBlock =
@@ -18,7 +19,6 @@ export const pwaBlock =
       root,
       output,
       env,
-      modern,
       sourceMap,
       assetsPrefix,
     } = configManager;
@@ -26,7 +26,7 @@ export const pwaBlock =
     config.batch(pwaSharedBlock(configManager));
 
     if (
-      !safeRequireResolve('@tramvai/module-progressive-web-app', true) &&
+      !safeRequireResolve('@tramvai/module-progressive-web-app', rootDir, true) &&
       (pwa.workbox?.enabled || pwa.webmanifest?.enabled)
     ) {
       throw Error('PWA functional requires @tramvai/module-progressive-web-app installed');
@@ -42,72 +42,16 @@ export const pwaBlock =
         );
       }
 
-      // @todo: static HTML caching ??? full offline mode for tramvai static ???
-      const workboxOptions: InjectManifest['config'] = {
-        swSrc,
-        swDest,
-        exclude: [/hmr\.js$/, /\.map$/, /\.hot-update\./],
-        maximumFileSizeToCacheInBytes: env === 'production' ? 5 * 1024 * 1024 : 10 * 1024 * 1024,
-        chunks: pwa.workbox.chunks,
-        excludeChunks: pwa.workbox.excludeChunks,
-        additionalManifestEntries: [
-          // @todo CSR fallback or all static pages?
-          // do not forget about revision and possible conflict with modifyURLPrefix
-        ],
-        manifestTransforms: [
-          (manifest, compilation: any) => {
-            return {
-              // we need to have a relative webmanifest url for precaching
-              manifest: manifest.map((asset) => {
-                const assetName = asset.url.replace(assetsPrefix, '');
-                // in development build `publicPath` is localhost, in production is empty string
-                const publicPath = compilation.outputOptions?.publicPath || assetsPrefix;
-                const assetInfo = compilation.assetsInfo.get(asset.url.replace(publicPath, ''));
-
-                if (assetInfo?._webmanifestFilename) {
-                  return {
-                    ...asset,
-                    url: `${pwa.sw.scope}${assetName}`,
-                  };
-                }
-                return asset;
-              }),
-            };
-          },
-        ],
-      };
-
-      if (pwa.workbox.include) {
-        workboxOptions.include = pwa.workbox.include.map((expr) => new RegExp(expr));
-      }
-      if (pwa.workbox.exclude) {
-        workboxOptions.exclude = [
-          ...workboxOptions.exclude,
-          ...pwa.workbox.exclude.map((expr) => new RegExp(expr)),
-        ];
-      }
-      if (pwa.workbox.additionalManifestEntries) {
-        workboxOptions.additionalManifestEntries = [
-          ...workboxOptions.additionalManifestEntries,
-          ...pwa.workbox.additionalManifestEntries,
-        ];
-      }
-
-      if (env === 'production') {
-        workboxOptions.dontCacheBustURLsMatching = /\/\w+?\.[\w\d]+?\.(js|css|gif|png|jpe?g|svg)$/;
-
-        workboxOptions.modifyURLPrefix = {
-          '': assetsPrefix,
-        };
-      }
-
-      if (modern) {
-        workboxOptions.swDest = workboxOptions.swDest.replace(/\.js$/, '.modern.js');
-      }
-
-      // @todo: break hmr on client when sw.ts is changed - infinity loop !!!
-
-      const workboxPlugin = new InjectManifest(workboxOptions);
+      const workboxPlugin = new InjectManifest(
+        getWorkboxOptions({
+          swSrc,
+          swDest,
+          workbox: pwa.workbox,
+          mode: env,
+          scope: pwa.sw.scope!,
+          assetsPrefix: assetsPrefix!,
+        })
+      );
 
       // https://github.com/GoogleChrome/workbox/issues/1790#issuecomment-1241356293
       if (env === 'development') {

package/src/library/webpack/blocks/pwa/shared.ts

@@ -9,7 +9,6 @@ export const pwaSharedBlock =
       experiments: { pwa },
       rootDir,
       root,
-      modern,
     } = configManager;
 
     config.plugin('define').tap((args) => [
@@ -22,9 +21,8 @@ export const pwaSharedBlock =
         'process.env.TRAMVAI_PWA_SW_SCOPE': JSON.stringify(pwa.sw?.scope),
         'process.env.TRAMVAI_PWA_MANIFEST_ENABLED': JSON.stringify(pwa.webmanifest?.enabled),
         'process.env.TRAMVAI_PWA_MANIFEST_DEST': JSON.stringify(pwa.webmanifest?.dest),
+        'process.env.TRAMVAI_PWA_MANIFEST_SCOPE': JSON.stringify(pwa.webmanifest?.scope),
         'process.env.TRAMVAI_PWA_META': `'${JSON.stringify(pwa?.meta ?? {})}'`,
-        // allows to detect that sw.modern.js is exists or not
-        'process.env.TRAMVAI_MODERN_BUILD': JSON.stringify(modern),
       },
     ]);
   };

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

@@ -6,11 +6,11 @@ import type { ConfigManager } from '../../../config/configManager';
 import { extensions } from '../../../config/constants';
 
 export default (configManager: ConfigManager) => (config: Config) => {
-  const { rootDir, root, modern, buildType } = configManager;
+  const { rootDir, root, buildType } = configManager;
 
   config.resolve.mainFields.merge(
     [
-      ...(modern && buildType === 'client' ? ['es2017', 'es2016', 'es2015'] : []),
+      ...(buildType === 'client' ? ['es2017', 'es2016', 'es2015'] : []),
       buildType === 'client' && 'browser',
       'module',
       'main',
@@ -46,6 +46,7 @@ export default (configManager: ConfigManager) => (config: Config) => {
       'appointmentContext',
       path.resolve(rootDir, 'apps/accounts/packages/appointment/dependencies')
     )
+    .set('@tramvai/api/virtual/file-system-pages', '@tramvai/cli/lib/external/pages')
     .end()
     .modules.add('node_modules')
     .add(path.resolve(__dirname, '..', '..', '..', '..', 'node_modules'))

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

@@ -4,8 +4,7 @@ import type { CliConfigEntry } from '../../../typings/configEntry/cli';
 import { addTranspilerLoader, getTranspilerConfig } from '../utils/transpiler';
 
 export const serverInline = (configManager: ConfigManager<CliConfigEntry>) => (config: Config) => {
-  // создаём клиентский конфиг и отключаем modern режим
-  const clientConfigManager = configManager.withSettings({ buildType: 'client', modern: false });
+  const clientConfigManager = configManager.withSettings({ buildType: 'client' });
 
   const addInlineHandler = (type: string) => {
     config.module

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

@@ -1,7 +1,7 @@
 import type Config from 'webpack-chain';
 import type { ConfigManager } from '../../../config/configManager';
 
-export default (configManager: ConfigManager) => (config: Config) => {
+export default (configManager: ConfigManager, target: 'client' | 'server') => (config: Config) => {
   if (configManager.debug || configManager.env === 'development') {
     config.module
       .rule('source-map-loader')
@@ -10,7 +10,9 @@ export default (configManager: ConfigManager) => (config: Config) => {
       .use('source-map')
       .loader('source-map-loader');
 
-    config.devtool('source-map');
+    // Chrome devtools does not support source maps with remote debug nodejs
+    // PR with fix: https://github.com/nodejs/node/pull/58077
+    config.devtool(target === 'server' ? 'inline-source-map' : 'source-map');
   } else {
     config.devtool('hidden-source-map');
   }

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

@@ -1,6 +1,7 @@
 import type Config from 'webpack-chain';
 import { ChunkCorrelationPlugin } from '@module-federation/node';
 import LoadablePlugin from '@loadable/webpack-plugin';
+import { PurifyStatsPlugin } from '@tramvai/plugin-webpack-builder';
 
 import type { ConfigManager } from '../../../../config/configManager';
 
@@ -26,7 +27,7 @@ export default (configManager: ConfigManager<ChildAppConfigEntry>) => (config: C
 
   config.batch(common(configManager));
 
-  config.target(['web', 'es5']);
+  config.target(['web']);
 
   config.output
     .path(configManager.buildPath)
@@ -44,14 +45,19 @@ export default (configManager: ConfigManager<ChildAppConfigEntry>) => (config: C
     },
   ]);
 
+  const statsFileName = `${name}_stats_loadable@${version}.json`;
   config.plugin('loadable-stats-plugin').use(LoadablePlugin, [
     {
-      writeToDisk: true,
-      filename: `${name}_stats_loadable@${version}.json`,
+      filename: statsFileName,
+      outputAsset: true,
       // to prevent webpack modules with same id collision, because Child Apps builds are independent of each other
       chunkLoadingGlobal: toIdentifier(`__LOADABLE_LOADED_CHUNKS__child_app_${name}_${version}__`),
     },
   ]);
 
+  config
+    .plugin('assets-purify-plugin')
+    .use(PurifyStatsPlugin, [{ fileName: statsFileName, target: 'child-app' }]);
+
   config.batch(files(configManager)).batch(nodeClient(configManager));
 };

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

@@ -9,6 +9,7 @@ import type { UI_SHOW_PROGRESS_TOKEN } from '../../../../di/tokens';
 import { extendEntry } from '../../utils/extendEntry';
 import type { ChildAppConfigEntry } from '../../../../typings/configEntry/child-app';
 import FancyReporter from '../../plugins/WebpackBar/reporters/fancy';
+import sourcemaps from '../../blocks/sourcemaps';
 
 export const webpackClientConfig = ({
   configManager,
@@ -25,6 +26,10 @@ export const webpackClientConfig = ({
   config.mode('development');
   config.devtool(configManager.webpack.devtool ?? false);
 
+  if (configManager.sourceMap) {
+    config.batch(sourcemaps(configManager, 'client'));
+  }
+
   if (showProgress) {
     config.plugin('progress').use(WebpackBar, [
       {
@@ -59,7 +64,7 @@ export const webpackClientConfig = ({
 
     extendEntry(config.entry(configManager.name), {
       import: [
-        'webpack-hot-middleware/client?name=client&dynamicPublicPath=true&path=__webpack_hmr',
+        'webpack-hot-middleware/client?name=client&dynamicPublicPath=true&path=__webpack_hmr&reload=true',
       ],
     });
   }

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

@@ -4,6 +4,7 @@ import common from './common';
 import optimize from '../../blocks/optimize';
 import commonProd from '../../common/client/prod';
 import type { ChildAppConfigEntry } from '../../../../typings/configEntry/child-app';
+import sourcemaps from '../../blocks/sourcemaps';
 
 export const webpackClientConfig = ({
   configManager,
@@ -15,6 +16,10 @@ export const webpackClientConfig = ({
   config.batch(common(configManager));
   config.batch(commonProd(configManager));
 
+  if (configManager.sourceMap) {
+    config.batch(sourcemaps(configManager, 'client'));
+  }
+
   config.batch(optimize(configManager));
 
   return config;

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

@@ -2,11 +2,16 @@ import type Config from 'webpack-chain';
 import type webpack from 'webpack';
 import path from 'path';
 import crypto from 'crypto';
+
 import { UniversalFederationPlugin } from '@module-federation/node';
-import common from '../common/main';
+import {
+  ModuleFederationFixRange,
+  ModuleFederationFixRangeOptions,
+  PatchAutoPublicPathPlugin,
+} from '@tramvai/plugin-webpack-builder';
 
+import common from '../common/main';
 import type { ConfigManager } from '../../../config/configManager';
-
 import ts from '../blocks/ts';
 import js from '../blocks/js';
 import css from '../blocks/css';
@@ -14,18 +19,13 @@ import nodeClient from '../blocks/nodeClient';
 import type { SplitChunksOptions, UniversalFederationPluginOptions } from '../types/webpack';
 import { getSharedModules } from './moduleFederationShared';
 import { configToEnv } from '../blocks/configToEnv';
-import sourcemaps from '../blocks/sourcemaps';
 import type { ChildAppConfigEntry } from '../../../typings/configEntry/child-app';
 import { extractCssPluginFactory } from '../blocks/extractCssPlugin';
-import type { ModuleFederationFixRangeOptions } from '../plugins/ModuleFederationFixRange';
-import { ModuleFederationFixRange } from '../plugins/ModuleFederationFixRange';
 import { resolveFrameworksPaths } from '../application/client/prod/optimization/splitChunks';
-import { PatchAutoPublicPathPlugin } from '../plugins/AutoPublicPathPlugin';
 
 // eslint-disable-next-line max-statements
 export default (configManager: ConfigManager<ChildAppConfigEntry>) => (config: Config) => {
-  const { name, root, rootDir, sourceMap, buildType, shared, env, hotRefresh, target } =
-    configManager;
+  const { name, root, rootDir, buildType, shared, env, target } = configManager;
 
   const cssLocalIdentName =
     configManager.env === 'production'
@@ -54,10 +54,6 @@ export default (configManager: ConfigManager<ChildAppConfigEntry>) => (config: C
       })
     );
 
-  if (sourceMap) {
-    config.batch(sourcemaps(configManager));
-  }
-
   config.batch(
     extractCssPluginFactory(configManager, {
       filename: `[name]@${configManager.version}.css`,

package/src/library/webpack/child-app/server/dev.ts

@@ -6,6 +6,7 @@ import commonDev from '../../common/dev';
 import type { UI_SHOW_PROGRESS_TOKEN } from '../../../../di/tokens';
 import type { ChildAppConfigEntry } from '../../../../typings/configEntry/child-app';
 import FancyReporter from '../../plugins/WebpackBar/reporters/fancy';
+import sourcemaps from '../../blocks/sourcemaps';
 
 export const webpackServerConfig = ({
   configManager,
@@ -22,6 +23,10 @@ export const webpackServerConfig = ({
   config.mode('development');
   config.devtool(configManager.webpack.devtool ?? false);
 
+  if (configManager.sourceMap) {
+    config.batch(sourcemaps(configManager, 'server'));
+  }
+
   if (showProgress) {
     config.plugin('progress').use(WebpackBar, [
       {

package/src/library/webpack/child-app/server/prod.ts

@@ -4,6 +4,7 @@ import common from './common';
 import optimize from '../../blocks/optimize';
 import commonProd from '../../common/server/prod';
 import type { ChildAppConfigEntry } from '../../../../typings/configEntry/child-app';
+import sourcemaps from '../../blocks/sourcemaps';
 
 export const webpackServerConfig = ({
   configManager,
@@ -17,5 +18,9 @@ export const webpackServerConfig = ({
 
   config.batch(optimize(configManager));
 
+  if (configManager.sourceMap) {
+    config.batch(sourcemaps(configManager, 'server'));
+  }
+
   return config;
 };

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

@@ -29,7 +29,7 @@ export default (configManager: ConfigManager<CliConfigEntry>) => (config: Config
   if (configManager.dedupe.enabled) {
     config.batch(
       dedupe(configManager, {
-        showLogs: !configManager.modern,
+        showLogs: true,
         onDedupeInfo,
       })
     );

package/src/library/webpack/common/main.ts

@@ -19,7 +19,6 @@ const filterNonExisted = (filePaths: string[]) => {
 
 const getConfigCacheNameAdditionalFlags = (configManager: ConfigManager<CliConfigEntry>) => {
   return [
-    configManager.buildType === 'client' && configManager.modern ? 'modern' : '',
     configManager.debug ? 'debug' : '',
     process.env.TRAMVAI_REACT_PROFILE ? 'tramvai_react_profile' : '',
     configManager.resolveSymlinks ? '' : 'preserve_symlinks',
@@ -88,10 +87,7 @@ export default (configManager: ConfigManager<CliConfigEntry>) => (config: Config
         // It may be missing in cases when cli is running programmaticaly
         config: filterNonExisted([path.resolve(configManager.rootDir, 'tramvai.json')]),
         css: filterNonExisted([
-          safeRequireResolve(
-            path.resolve(configManager.rootDir, getPostcssConfigPath(configManager)),
-            true
-          ),
+          safeRequireResolve(getPostcssConfigPath(configManager), configManager.rootDir, true),
         ]),
       },
       // https://github.com/vercel/next.js/commit/ff5338ce03a3240a97a5c84f5ad5c31c0f53a6ce

package/src/library/webpack/constants/stats.ts

@@ -5,6 +5,7 @@ export const DEFAULT_STATS_OPTIONS: StatsOptions = {
 
   publicPath: true,
   assets: true,
+  cachedAssets: true,
   outputPath: true, // выводит информацию о том в какой папке хранится билд на диске
   chunkGroups: true, // позволяет получить в stats поле namedChunkGroups которое потом используется в webpack-flush-chunks для получения чанков-зависимостей
   ids: true, // необходимо чтобы в chunksGroups были выставлены связи между модулями
@@ -14,6 +15,7 @@ export const DEFAULT_STATS_OPTIONS: StatsOptions = {
 export const DEFAULT_STATS_FIELDS: string[] = [
   'publicPath',
   'outputPath',
+  'assets',
   'assetsByChunkName',
   'namedChunkGroups',
   'entrypoints',

package/src/library/webpack/loaders/image-loader/getImageMiniatureURL.ts

@@ -4,7 +4,7 @@ const BLUR_WIDTH = 10;
 const BLUR_HEIGHT = 10;
 
 export const getImageMiniatureDataURL = async (content: Buffer, extension: string) => {
-  const isSharpInstalled = Boolean(safeRequireResolve('sharp'));
+  const isSharpInstalled = Boolean(safeRequireResolve('sharp', __dirname));
   if (!isSharpInstalled) {
     return null;
   }

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

@@ -17,7 +17,7 @@ export default (configManager: ConfigManager<ModuleConfigEntry>) => (config: Con
 
   config.batch(common(configManager));
 
-  config.target(['web', 'es5']);
+  config.target(['web']);
 
   config.output
     .path(configManager.buildPath)

package/src/library/webpack/module/externals.ts

@@ -1,6 +1,6 @@
 import resolveExternal from './resolveExternal';
 
-const modules = ['react', 'react-dom'];
+const modules = ['react', 'react-dom', 'react/jsx-runtime', 'react/jsx-dev-runtime'];
 
 export default modules.reduce(
   (acc, name) => {

package/src/library/webpack/module/server/common.ts

@@ -12,7 +12,7 @@ export default (configManager: ConfigManager<ModuleConfigEntry>) => (config: Con
 
   config.batch(common(configManager));
 
-  config.target('node');
+  config.target(['node']);
 
   config.output
     .path(configManager.buildPath)

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

@@ -28,11 +28,16 @@ export default class RuntimePathPlugin implements webpack.WebpackPluginInstance
       compilation.hooks.runtimeRequirementInTree
         .for(RuntimeGlobals.publicPath)
         .tap(PLUGIN_NAME, (chunk) => {
-          // set custom public path only to entries as this way public path will be constructed in runtime
+          // set custom public path only to entries and webpack runtime as this way public path will be constructed in runtime
           // some of the webpack plugins may use [importModule](https://webpack.js.org/api/loaders/#thisimportmodule) that allows execute modules at build time
           // for example mini-css-extract-plugin uses this method that leads to error `window is not defined` at build if we don't
           // prevent adding dynamic code to every chunk altogether
-          const isEntry = compilation.entries.has(chunk.name.toString());
+          const chunkName = chunk.name.toString();
+          const isEntry = compilation.entries.has(chunkName);
+          // webpack runtime chunk with runtimeChunk: 'single' option
+          const isWebpackRuntime = chunkName === 'runtime';
+
+          const needToPatchRuntime = isEntry || isWebpackRuntime;
 
           compilation.addRuntimeModule(
             chunk,
@@ -40,7 +45,7 @@ export default class RuntimePathPlugin implements webpack.WebpackPluginInstance
               generate() {
                 // setting dynamic publicPath
                 return `${RuntimeGlobals.publicPath} = ${
-                  isEntry ? publicPathEval : defaultPublicPath
+                  needToPatchRuntime ? publicPathEval : defaultPublicPath
                 };`;
               }
             } as any)('runtime-path-module')

package/src/library/webpack/utils/threadLoader.ts

@@ -1,3 +1,4 @@
+import os from 'os';
 import * as threadLoader from 'thread-loader';
 import { getPool } from 'thread-loader/dist/workerPools';
 import type Config from 'webpack-chain';
@@ -10,6 +11,24 @@ const getCustomConfig = (configManager: ConfigManager<CliConfigEntry>): any => {
   return additionalConfig || {};
 };
 
+function calculateNumberOfWorkers() {
+  if (
+    typeof process.env.TRAMVAI_THREAD_LOADER_WORKERS === 'string' &&
+    !Number.isNaN(Number(process.env.TRAMVAI_THREAD_LOADER_WORKERS))
+  ) {
+    return Number(process.env.TRAMVAI_THREAD_LOADER_WORKERS);
+  }
+  // There are situations when this call will return undefined so
+  // we are fallback here to 1.
+  // More info on: https://github.com/nodejs/node/issues/19022
+  const cpus = os.cpus() || {
+    length: 1,
+  };
+  // for transpilation use a half of the available CPUs per different webpack worker,
+  // also leave at least 1 CPUs free (for process itself)
+  return Math.max(1, cpus.length - 1);
+}
+
 const createWorkerPoolConfig = (configManager: ConfigManager<CliConfigEntry>) => {
   return {
     poolTimeout: configManager.env === 'development' ? Infinity : undefined,
@@ -18,11 +37,13 @@ const createWorkerPoolConfig = (configManager: ConfigManager<CliConfigEntry>) =>
     poolRespawn: configManager.env === 'development',
     ...getCustomConfig(configManager),
     name: 'tramvai-worker-pool',
+    workers: calculateNumberOfWorkers(),
   };
 };
 
 const isApplicable = (configManager: ConfigManager<CliConfigEntry>) => {
   return (
+    process.env.TRAMVAI_DISABLE_THREAD_LOADER !== 'true' &&
     // thread-loader uses child_process.fork under the hood, and sometimes (50/50) work in these processes does not get into inspector.Session profile
     !process.env.TRAMVAI_CPU_PROFILE &&
     !process.env.TRAMVAI_DEBUG_BUILD &&

package/src/library/webpack/utils/transpiler.ts

@@ -3,7 +3,7 @@ import { sync as resolve } from 'resolve';
 import envTargets from '@tinkoff/browserslist-config';
 import browserslist from 'browserslist';
 import type { ConfigManager } from '../../../config/configManager';
-import { getSwcOptions } from '../../swc';
+import { swcConfigFactory } from '../../swc';
 import { babelConfigFactory } from '../../babel';
 import type { Env } from '../../../typings/Env';
 import type { Target } from '../../../typings/target';
@@ -13,7 +13,6 @@ export type TranspilerConfig = {
   env: Env;
   target: Target;
   actualTarget: Target;
-  modern: boolean;
   isServer: boolean;
   generateDataQaTag: boolean;
   enableFillActionNamePlugin: boolean;
@@ -56,7 +55,7 @@ Please run "npx tramvai add --dev @tramvai/swc-integration" to fix the problem
       `);
       }
 
-      return rule.loader('swc-loader').options(getSwcOptions(transpilerConfig)).end();
+      return rule.loader('swc-loader').options(swcConfigFactory(transpilerConfig)).end();
     }
 
     if (loader === 'babel') {
@@ -77,7 +76,7 @@ export const getTranspilerConfig = (
     excludesPresetEnv,
     experiments: { enableFillDeclareActionNamePlugin, reactCompiler },
   } = configManager;
-  const { env, modern } = configManager;
+  const { env } = configManager;
   const isServer = configManager.buildType === 'server';
 
   if (alias) {
@@ -90,8 +89,6 @@ Just check or add configuration to your tsconfig file and remove alias from tram
   if (!target) {
     if (isServer) {
       actualTarget = 'node';
-    } else if (modern) {
-      actualTarget = 'modern';
     }
   }
 
@@ -110,7 +107,6 @@ Just check or add configuration to your tsconfig file and remove alias from tram
     isServer,
     env,
     generateDataQaTag,
-    modern,
     tramvai: true,
     removeTypeofWindow: true,
     hot: !!configManager.hotRefresh.enabled,