@tramvai/cli 5.53.80 → 6.62.0

package/src/library/babel/plugins/react-element-info-unique.ts

@@ -1,144 +0,0 @@
-const fs = require('fs');
-const os = require('os');
-const path = require('path');
-
-const tmpFilePath = path.resolve(os.tmpdir(), 'changedFiles.json');
-const FRAGMENT = 'Fragment';
-let filesChanged: { name: string; files: string[] };
-
-try {
-  if (process.env.ADD_VERSION_ATTRIBUTE_FOR_JSX) {
-    filesChanged = JSON.parse(process.env.ADD_VERSION_ATTRIBUTE_FOR_JSX);
-  }
-  if (fs.existsSync(tmpFilePath)) {
-    filesChanged = JSON.parse(fs.readFileSync(tmpFilePath, 'utf8'));
-  }
-} catch (e) {
-  filesChanged = null;
-}
-
-function attrName(attr) {
-  return attr.name && attr.name.name;
-}
-
-function attrValue(attr) {
-  return attr.value && attr.value.value;
-}
-
-function isEqualAttr(attr1, attr2) {
-  if (!attr1 || !attr2) {
-    return false;
-  }
-  return attrName(attr1) === attrName(attr2) && attrValue(attr1) === attrValue(attr2);
-}
-
-// Не будем проставлять data-qa-атрибуты в случае использования React.Fragment
-// На данный момент поддерживаются 2 вида синтаксисов: <Fragment> и <React.Fragment>
-function isOpeningElementFragment(element) {
-  if (!element.name) {
-    return false;
-  }
-
-  return (
-    (element.name.property && element.name.property.name === FRAGMENT) ||
-    element.name.name === FRAGMENT
-  );
-}
-
-function isCallExpressionFragment(nodeArguments) {
-  if (!nodeArguments[0]) {
-    return false;
-  }
-
-  return (
-    (nodeArguments[0].property && nodeArguments[0].property.name === FRAGMENT) ||
-    nodeArguments[0].name === FRAGMENT
-  );
-}
-
-const getBaseName = (filename) => {
-  return path.basename(filename, path.extname(filename));
-};
-
-/** @deprecated */
-function babelPluginReactElementInfo({ types: t }) {
-  const defaultPrefix = 'data-qa';
-  let prefix;
-  let filenameAttr;
-  let changedVersionAttr;
-
-  const visitor = {
-    Program(nodePath, state) {
-      if (state.opts.prefix) {
-        prefix = `data-${state.opts.prefix}`;
-      } else {
-        prefix = defaultPrefix;
-      }
-
-      changedVersionAttr = `${prefix}-changed-version`;
-      filenameAttr = `${prefix}-file`;
-    },
-    JSXOpeningElement(nodePath, state) {
-      const { openingElement } = nodePath.container;
-      const { attributes } = openingElement;
-      const newAttributes = [];
-      const isFragment = isOpeningElementFragment(openingElement);
-
-      if (
-        !isFragment &&
-        filesChanged &&
-        state.file &&
-        state.file.opts &&
-        state.file.opts.sourceFileName &&
-        filesChanged.files.includes(state.file.opts.sourceFileName)
-      ) {
-        newAttributes.push(
-          t.jsxAttribute(t.jsxIdentifier(changedVersionAttr), t.stringLiteral(filesChanged.name))
-        );
-      }
-
-      if (!isFragment && state.file && state.file.opts && state.file.opts.filename) {
-        const name = getBaseName(state.file.opts.filename);
-        const attrDataQaFile = t.jsxAttribute(t.jsxIdentifier(filenameAttr), t.stringLiteral(name));
-
-        if (attributes.find((item) => isEqualAttr(item, attrDataQaFile)) === undefined) {
-          newAttributes.push(attrDataQaFile);
-        }
-      }
-
-      attributes.push(...newAttributes);
-    },
-    CallExpression(nodePath, state) {
-      if (
-        (nodePath.node.callee.type === 'MemberExpression' &&
-          nodePath.node.callee.object.name === 'React' &&
-          nodePath.node.callee.property.name === 'createElement') ||
-        (nodePath.node.callee.type === 'Identifier' &&
-          nodePath.node.callee.name === 'createElement')
-      ) {
-        const name = getBaseName(state.file.opts.filename);
-        const properties = nodePath.node.arguments[1] && nodePath.node.arguments[1].properties;
-        const isFragment = isCallExpressionFragment(nodePath.node.arguments);
-
-        if (
-          !isFragment &&
-          properties &&
-          !properties.find(
-            (property) =>
-              property.type === 'ObjectProperty' &&
-              property.key.type === 'StringLiteral' &&
-              property.key.value === filenameAttr
-          )
-        ) {
-          properties.push(t.objectProperty(t.stringLiteral(filenameAttr), t.stringLiteral(name)));
-        }
-      }
-    },
-  };
-
-  return {
-    visitor,
-  };
-}
-
-module.exports = babelPluginReactElementInfo;

package/src/library/babel/plugins/types.h.ts

@@ -1,8 +0,0 @@
-import type { PluginObj, PluginPass, template, types } from '@babel/core';
-
-export interface Babel {
-  types: typeof types;
-  template: typeof template;
-}
-
-export type Plugin<PluginOptions = void> = (babel: Babel) => PluginObj<PluginPass & PluginOptions>;

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

@@ -1,34 +0,0 @@
-const TARGET_PLUGIN_NAME = 'stats-writer-plugin';
-
-// Generate integrities field for stats.json
-export default class AssetsIntegritiesPlugin {
-  constructor(private options: { fileName: string }) {
-    this.options = options;
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(TARGET_PLUGIN_NAME, (compilation) => {
-      compilation.hooks.processAssets.tap(
-        {
-          name: TARGET_PLUGIN_NAME,
-          stage: compilation.constructor.PROCESS_ASSETS_STAGE_REPORT,
-        },
-        () => {
-          const { fileName } = this.options;
-          const statsJSON = JSON.parse(compilation.assets[fileName].source().toString());
-          const { assets } = statsJSON;
-
-          statsJSON.integrities = assets.reduce((acc, item) => {
-            acc[item.name] = item.integrity;
-            return acc;
-          }, {});
-
-          compilation.updateAsset(
-            fileName,
-            new compiler.webpack.sources.RawSource(JSON.stringify(statsJSON))
-          );
-        }
-      );
-    });
-  }
-}

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

@@ -1,23 +0,0 @@
-// Fixes webpack AutoPublicPathPlugin error when fallback load of shared microfrontend chunk
-// this happens because currentScript.src is not defined for an inline script
-export class PatchAutoPublicPathPlugin {
-  apply(compiler) {
-    compiler.hooks.compilation.tap('PatchAutoPublicPathPlugin', (compilation) => {
-      compilation.hooks.runtimeModule.tap('PatchAutoPublicPathPlugin', (module) => {
-        if (module.constructor.name === 'AutoPublicPathRuntimeModule') {
-          const base = module.generate.bind(module);
-
-          // eslint-disable-next-line no-param-reassign
-          module.generate = function (...args) {
-            const result = base(...args);
-
-            return result.replace(
-              'document.currentScript.src',
-              'document.currentScript.src || document.currentScript.dataset.src'
-            );
-          };
-        }
-      });
-    });
-  }
-}

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

@@ -1,181 +0,0 @@
-import type webpack from 'webpack';
-import type { Compiler, NormalModule } from 'webpack';
-import { WebpackError } from 'webpack';
-// eslint-disable-next-line no-restricted-imports
-import { parseRange, satisfy } 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;
-}
-
-export interface ModuleFederationFixRangeOptions {
-  flexibleTramvaiVersions: boolean;
-}
-
-export class ModuleFederationFixRange implements webpack.WebpackPluginInstance {
-  private flexibleTramvaiVersions: boolean;
-  // { name: { importResolved: { number }} }
-  private sharedModules: Map<string, Map<string, Set<SharedModule>>> = new Map();
-
-  constructor({ flexibleTramvaiVersions }: ModuleFederationFixRangeOptions) {
-    this.flexibleTramvaiVersions = flexibleTramvaiVersions ?? false;
-  }
-
-  apply(compiler: Compiler) {
-    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation, { 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) {
-                const { shareKey: name, importResolved } = module.options;
-
-                let shared = this.sharedModules.get(name);
-
-                if (!shared) {
-                  shared = new Map();
-                  this.sharedModules.set(name, shared);
-                }
-
-                let modules = shared.get(importResolved);
-
-                if (!modules) {
-                  modules = new Set();
-                  shared.set(importResolved, modules);
-                }
-
-                // save major version of the semver array
-                modules.add(module);
-              }
-
-              return module;
-            };
-          }
-
-          return tap;
-        },
-      });
-
-      // eslint-disable-next-line max-statements
-      compilation.hooks.optimizeDependencies.tap(PLUGIN_NAME, () => {
-        for (const [name, sharedModulesByName] of this.sharedModules.entries()) {
-          const hasDuplicates = sharedModulesByName.size > 1;
-
-          for (const [importResolved, sharedModulesByPath] of sharedModulesByName.entries()) {
-            if (hasDuplicates) {
-              const error = new WebpackError(
-                `This file is a duplicate for a module "${name}" that resolved to different path`
-              );
-              error.file = importResolved;
-              compilation.warnings.push(error);
-            }
-
-            let validModule: SharedModule;
-            let validVersion: string;
-            const invalidModules = new Set<SharedModule>();
-
-            for (const sharedModule of sharedModulesByPath) {
-              const connections = compilation.moduleGraph.getOutgoingConnections(sharedModule);
-
-              // eslint-disable-next-line no-unreachable-loop
-              for (const { module } of connections) {
-                const resolvedVersion = module.resourceResolveData?.descriptionFileData?.version;
-                this.fixVersionRange(sharedModule, resolvedVersion);
-
-                const requiredVersion = sharedModule?.options?.requiredVersion;
-
-                if (requiredVersion && resolvedVersion) {
-                  if (satisfy(requiredVersion, resolvedVersion)) {
-                    validModule = sharedModule;
-                    validVersion = resolvedVersion;
-                  } else {
-                    invalidModules.add(sharedModule);
-                  }
-                }
-                // there should by only one outgoing module for ConsumeSharedModule
-                break;
-              }
-            }
-
-            if (invalidModules.size > 0 && validModule) {
-              for (const sharedModule of invalidModules) {
-                const error = new WebpackError(
-                  `Shared module has been actually resolved to ${validVersion} instead of the expected`
-                );
-                error.module = sharedModule;
-                compilation.warnings.push(error);
-
-                // replace invalid module with valid version (invalid anyway are resolved to wrong version)
-                // to prevent any issues with shared dependencies
-                compilation.moduleGraph.moveModuleConnections(
-                  sharedModule,
-                  validModule,
-                  (connection) => {
-                    // ignore any outgoing connections as we want to ignore that module entirely and all its dependencies
-                    return connection.originModule !== sharedModule;
-                  }
-                );
-              }
-            }
-          }
-        }
-
-        // reset sharedModules info after validation
-        this.sharedModules = new Map();
-      });
-    });
-  }
-
-  fixVersionRange(sharedModule: SharedModule, resolvedVersion?: string) {
-    const {
-      options,
-      options: { shareKey: name, singleton },
-      context,
-    } = sharedModule;
-    let { requiredVersion } = options;
-
-    // if version was not resolved automatically then get the version
-    // from actual module
-    // ignore singletons as the actual version won't change anything
-    // and usually it is just a react and co libraries
-    if (!requiredVersion && context && !singleton) {
-      if (resolvedVersion) {
-        requiredVersion = parseRange(resolvedVersion);
-      }
-    }
-
-    if (!requiredVersion) {
-      return;
-    }
-
-    if (requiredVersion && this.flexibleTramvaiVersions) {
-      const isTramvai = isUnifiedVersion(name) || isDependantLib(name);
-
-      // exclude local stub versions, because `^0.0.0-stub` will have lowest priority and unexpected versions can be used
-      if (isTramvai && requiredVersion[0] > 2 && resolvedVersion !== '0.0.0-stub') {
-        // 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;
-  }
-}

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

@@ -1,59 +0,0 @@
-import type webpack from 'webpack';
-import type { Compiler } from 'webpack';
-
-const PLUGIN_NAME = 'ModuleFederationIgnoreEntires';
-
-export interface ModuleFederationIgnoreEntriesOptions {
-  entries: string[];
-}
-
-/**
- * Temporary fix of usage ModuleFederation with multiple entries
- * [open discussion](https://github.com/webpack/webpack/discussions/14985) how to do it properly
- */
-export class ModuleFederationIgnoreEntries implements webpack.WebpackPluginInstance {
-  protected entries: Set<string>;
-
-  constructor(options: ModuleFederationIgnoreEntriesOptions) {
-    this.entries = new Set(options.entries);
-  }
-
-  apply(compiler: Compiler) {
-    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
-      compilation.hooks.beforeChunks.tap(PLUGIN_NAME, () => {
-        const { includeDependencies } = compilation.globalEntry;
-
-        for (const [entryName, entry] of compilation.entries) {
-          if (!this.entries.has(entryName)) {
-            // includeDependencies are set by ModuleFederationPlugin and consist of shared modules
-            // as it is added to globalEntry it will be copied to every entry chunk
-            // move these modules from global entry to every entry that should have containers runtime
-            entry.includeDependencies.push(...includeDependencies);
-          }
-        }
-
-        // eslint-disable-next-line no-param-reassign
-        compilation.globalEntry.includeDependencies = [];
-      });
-
-      // through that hook ModuleFederationPlugin adds some runtime code for the containers
-      // intercept this call to prevent this function from execution for the entries that
-      // should not have containers runtime
-      compilation.hooks.additionalTreeRuntimeRequirements.intercept({
-        register: (tap) => {
-          if (tap.name === 'ConsumeSharedPlugin') {
-            const originalFn = tap.fn;
-            // eslint-disable-next-line no-param-reassign
-            tap.fn = (chunk, ...args) => {
-              if (!this.entries.has(chunk.name)) {
-                originalFn(chunk, ...args);
-              }
-            };
-          }
-
-          return tap;
-        },
-      });
-    });
-  }
-}

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

@@ -1,62 +0,0 @@
-import {
-  getPolyfillCondition,
-  getMaxBrowserVersionsByFeatures,
-} from '../utils/polyfills/polyfillCondition';
-
-const TARGET_PLUGIN_NAME = 'stats-writer-plugin';
-
-export default class PolyfillConditionPlugin {
-  constructor(private options: { filename: string }) {
-    this.options = options;
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(TARGET_PLUGIN_NAME, (compilation) => {
-      compilation.hooks.processAssets.tap(
-        {
-          name: TARGET_PLUGIN_NAME,
-          stage: compilation.constructor.PROCESS_ASSETS_STAGE_REPORT,
-        },
-        () => {
-          const { entrypoints } = compilation;
-          const polyfillEntrypoint = entrypoints.get('polyfill');
-
-          // If no polyfill entrypoint presented do nothing
-          if (!polyfillEntrypoint) return;
-
-          const polyfillChunk = polyfillEntrypoint.getEntrypointChunk();
-          const polyfillModules = compilation.chunkGraph.getChunkModulesIterable(polyfillChunk);
-          const coreJsModules = [];
-
-          for (const module of polyfillModules) {
-            if (module.resource && /\/core-js\/modules\//.test(module.resource)) {
-              coreJsModules.push(module);
-            }
-          }
-
-          const features = coreJsModules.map((module) =>
-            getFeatureNameFromModulePath(module.resource)
-          );
-
-          const browserVersionsByFeatures = getMaxBrowserVersionsByFeatures(features);
-          const polyfillCondition = getPolyfillCondition(browserVersionsByFeatures);
-          const { filename } = this.options;
-          const statsJSON = JSON.parse(compilation.assets[filename].source().toString());
-
-          statsJSON.polyfillCondition = polyfillCondition;
-          statsJSON.features = browserVersionsByFeatures;
-
-          compilation.updateAsset(
-            filename,
-            new compiler.webpack.sources.RawSource(JSON.stringify(statsJSON))
-          );
-        }
-      );
-    });
-  }
-}
-
-// node_modules/core-js/modules/es.array.push.js => es.array.push
-function getFeatureNameFromModulePath(modulePath) {
-  return modulePath.split('/').at(-1).replace(/\.js$/, '');
-}

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

@@ -1,57 +0,0 @@
-const targetStatsWriters = {
-  'child-app': '@loadable/webpack-plugin',
-  application: 'stats-writer-plugin',
-} as const;
-
-type BuildTarget = keyof typeof targetStatsWriters;
-
-const getTargetPluginName = (target: BuildTarget) => targetStatsWriters[target];
-
-// Purify unused information from stats.json
-export const purifyStatsPluginFactory = (target: BuildTarget) => {
-  const targetPluginName = getTargetPluginName(target);
-
-  return class PurifyStatsPlugin {
-    fileName: string;
-
-    constructor(options: { fileName: string }) {
-      this.fileName = options.fileName;
-    }
-
-    apply(compiler) {
-      compiler.hooks.make.tap(targetPluginName, (compilation) => {
-        compilation.hooks.processAssets.tap(
-          {
-            name: targetPluginName,
-            stage: compilation.constructor.PROCESS_ASSETS_STAGE_REPORT,
-          },
-          () => {
-            const { fileName } = this;
-            const statsJSON = JSON.parse(compilation.assets[fileName].source().toString());
-            const { assets } = statsJSON;
-
-            if (assets) {
-              if (target === 'application') {
-                delete statsJSON.assets;
-              } else {
-                statsJSON.assets = assets
-                  .filter((asset) => /\.(js|mjs|cjs|css)$/.test(asset.name))
-                  .map(({ name, type, chunks, chunkNames }) => ({
-                    name,
-                    type,
-                    chunks,
-                    chunkNames,
-                  }));
-              }
-            }
-
-            compilation.updateAsset(
-              fileName,
-              new compiler.webpack.sources.RawSource(JSON.stringify(statsJSON))
-            );
-          }
-        );
-      });
-    }
-  };
-};

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

@@ -1,94 +0,0 @@
-import type webpack from 'webpack';
-import type { Compiler } from 'webpack';
-import type Sharp from 'sharp';
-import type { PwaIconOptions } from '../../../typings/pwa';
-
-const pluginName = 'PwaIconsPlugin';
-
-export class PwaIconsPlugin implements webpack.WebpackPluginInstance {
-  private hash: string;
-
-  constructor(
-    private options: PwaIconOptions & {
-      mode: 'production' | 'development';
-    }
-  ) {
-    this.options = options;
-  }
-
-  apply(compiler: Compiler) {
-    const { webpack } = compiler;
-    const { Compilation } = webpack;
-    const { RawSource } = webpack.sources;
-    const { src, dest, sizes, mode } = this.options;
-
-    compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
-      // watch icon source file
-      if (!compilation.fileDependencies.has(src)) {
-        compilation.fileDependencies.add(src);
-      }
-
-      compilation.hooks.processAssets.tapPromise(
-        {
-          name: pluginName,
-          // to work before WebManifestPlugin
-          stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS - 1,
-        },
-        async () => {
-          try {
-            const sharp: typeof Sharp = require('sharp');
-            // check icon source file updates
-            const nextHash = await new Promise<string>((resolve) => {
-              compilation.fileSystemInfo.getFileHash(src, (_, hash) => {
-                resolve(hash);
-              });
-            });
-
-            if (!this.hash) {
-              this.hash = nextHash;
-            } else if (this.hash === nextHash) {
-              // skip if icon source file not changed
-              return;
-            }
-
-            // @todo persistent cache between builds !!!
-            const promises = sizes.map((size) => {
-              return sharp(src)
-                .resize({ width: size, height: size })
-                .png({
-                  quality: 95,
-                  compressionLevel: 8,
-                  adaptiveFiltering: true,
-                  progressive: true,
-                  force: true,
-                })
-                .toBuffer()
-                .then((content) => ({
-                  filename: `${dest}/${size}x${size}${
-                    mode === 'development' ? '' : `.${this.hash}`
-                  }.png`,
-                  content,
-                }));
-            });
-
-            const results = await Promise.all(promises);
-
-            results.forEach(({ filename, content }, i) => {
-              const source = new RawSource(content);
-              const asset = compilation.getAsset(filename);
-
-              if (asset) {
-                compilation.updateAsset(filename, source, { _pwaIconSize: sizes[i] });
-              } else {
-                compilation.emitAsset(filename, source, { _pwaIconSize: sizes[i] });
-              }
-            });
-          } catch (e) {
-            // @todo: throw error?
-            console.error('PWA icons processing error:', e);
-          }
-        }
-      );
-    });
-  }
-}