@teambit/webpack 1.0.108 → 1.0.110

package/artifacts/preview/teambit_webpack_webpack-preview.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.webpack/webpack-preview"]=t():e["teambit.webpack/webpack-preview"]=t()}(self,(()=>(()=>{"use strict";var e={1115:(e,t,o)=>{var r={id:"teambit.webpack/webpack@1.0.110",homepage:"https://bit.cloud/teambit/webpack/webpack",exported:!0};function n(){const e=i(o(87363));return n=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,n.__bit_component=r,i.__bit_component=r;const p=()=>n().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},n().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-webpack.svg"}));p.__bit_component=r,t.Logo=p},87363:e=>{e.exports=React}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{compositions:()=>u,compositions_metadata:()=>b,overview:()=>l});var e={};o.r(e),o.d(e,{default:()=>d});var t=o(1115);o(87363);const n=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var p=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},a.apply(this,arguments)}var c={},s="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)o=i[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)o=i[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(e,p);return(0,n.mdx)(s,a({},c,o,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const u=[t],l=[e],b={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),r})()));

package/dist/{preview-1703647408454.js → preview-1703733956734.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@1.0.108/dist/webpack.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@1.0.108/dist/webpack.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@1.0.110/dist/webpack.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@1.0.110/dist/webpack.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/webpack",
-  "version": "1.0.108",
+  "version": "1.0.110",
   "homepage": "https://bit.cloud/teambit/webpack/webpack",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.webpack",
     "name": "webpack",
-    "version": "1.0.108"
+    "version": "1.0.110"
   },
   "dependencies": {
     "webpack": "5.84.1",
@@ -46,11 +46,11 @@
     "@teambit/harmony": "0.4.6",
     "@teambit/bit-error": "0.0.404",
     "@teambit/webpack.modules.config-mutator": "0.0.164",
-    "@teambit/bundler": "1.0.108",
-    "@teambit/logger": "0.0.933",
-    "@teambit/cli": "0.0.840",
-    "@teambit/pubsub": "1.0.108",
-    "@teambit/workspace": "1.0.108",
+    "@teambit/bundler": "1.0.110",
+    "@teambit/logger": "0.0.935",
+    "@teambit/cli": "0.0.842",
+    "@teambit/pubsub": "1.0.110",
+    "@teambit/workspace": "1.0.110",
     "@teambit/webpack.modules.generate-expose-loaders": "0.0.14",
     "@teambit/webpack.modules.generate-externals": "0.0.15",
     "@teambit/webpack.plugins.inject-head-webpack-plugin": "0.0.8"
@@ -62,10 +62,10 @@
     "@types/react-dev-utils": "9.0.10",
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.15"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.625",
+    "@teambit/legacy": "1.0.626",
     "react": "^17.0.0 || ^18.0.0",
     "@types/react": "^18.2.12"
   },
@@ -73,11 +73,15 @@
   "optionalDependencies": {},
   "peerDependenciesMeta": {},
   "exports": {
-    "node": {
-      "require": "./dist/index.js",
-      "import": "./dist/esm.mjs"
+    ".": {
+      "node": {
+        "require": "./dist/index.js",
+        "import": "./dist/esm.mjs"
+      },
+      "default": "./dist/index.js"
     },
-    "default": "./dist/index.js"
+    "./dist/*": "./dist/*",
+    "./artifacts/*": "./artifacts/*"
   },
   "private": false,
   "engines": {

package/index.ts

@@ -1,29 +0,0 @@
-export type {
-  WebpackMain,
-  WebpackConfigTransformer,
-  WebpackConfigTransformContext,
-  WebpackConfigDevServerTransformContext,
-  GlobalWebpackConfigTransformContext,
-  WebpackConfigDevServerTransformer,
-} from './webpack.main.runtime';
-export { runTransformersWithContext } from './webpack.main.runtime';
-export { WebpackAspect } from './webpack.aspect';
-export { WebpackDevServer } from './webpack.dev-server';
-export { WebpackBundler } from './webpack.bundler';
-export type { WebpackConfigWithDevServer } from './webpack.dev-server';
-export * from './events';
-export type { Configuration } from 'webpack';
-export { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';
-export { WebpackBitReporterPlugin } from './plugins/webpack-bit-reporter-plugin';
-export { fallbacks } from './config/webpack-fallbacks';
-export { fallbacksAliases } from './config/webpack-fallbacks-aliases';
-export { fallbacksProvidePluginConfig } from './config/webpack-fallbacks-provide-plugin-config';
-export {
-  GenerateBodyInjectionTransformer,
-  BodyInjectionOptions,
-  generateAddAliasesFromPeersTransformer,
-  generateExposePeersTransformer,
-  generateExternalsTransformer,
-  GenerateHeadInjectionTransformer,
-  HeadInjectionOptions,
-} from './transformers';

package/webpack.aspect.ts

@@ -1,5 +0,0 @@
-import { Aspect } from '@teambit/harmony';
-
-export const WebpackAspect = Aspect.create({
-  id: 'teambit.webpack/webpack',
-});

package/webpack.bundler.ts

@@ -1,162 +0,0 @@
-import { BitError } from '@teambit/bit-error';
-import type { Bundler, BundlerResult, Asset, Target, EntriesAssetsMap, BundlerContextMetaData } from '@teambit/bundler';
-import type { Logger } from '@teambit/logger';
-import { compact, isEmpty } from 'lodash';
-import mapSeries from 'p-map-series';
-import type { Compiler, Configuration, StatsCompilation, StatsAsset } from 'webpack';
-import { sep } from 'path';
-
-type AssetsMap = { [assetId: string]: Asset };
-export class WebpackBundler implements Bundler {
-  constructor(
-    /**
-     * targets to bundle.
-     */
-    private targets: Target[],
-
-    /**
-     * webpack configuration.
-     */
-    private configs: Configuration[],
-
-    private logger: Logger,
-
-    private webpack,
-
-    private metaData?: BundlerContextMetaData | undefined
-  ) {}
-
-  async run(): Promise<BundlerResult[]> {
-    const startTime = Date.now();
-    const compilers = this.configs.map((config: any) => this.webpack(config));
-    const initiator = this.metaData?.initiator;
-    const envId = this.metaData?.envId;
-    const initiatorMessage = initiator ? `process initiated by: ${initiator}.` : '';
-    const envIdMessage = envId ? `config created by env: ${envId}.` : '';
-
-    const longProcessLogger = this.logger.createLongProcessLogger('running Webpack bundler', compilers.length);
-    const componentOutput = await mapSeries(compilers, (compiler: Compiler) => {
-      const components = this.getComponents(compiler.outputPath);
-      const componentsLengthMessage = `running on ${components.length} components`;
-      const fullMessage = `${initiatorMessage} ${envIdMessage} ${componentsLengthMessage}`;
-      const ids = components.map((component) => component.id.toString()).join(', ');
-      longProcessLogger.logProgress(`${fullMessage}`);
-      this.logger.debug(`${fullMessage}\ncomponents ids: ${ids}`);
-      return new Promise((resolve) => {
-        // TODO: split to multiple processes to reduce time and configure concurrent builds.
-        // @see https://github.com/trivago/parallel-webpack
-        return compiler.run((err, stats) => {
-          if (err) {
-            this.logger.error('get error from webpack compiler, full error:', err);
-
-            return resolve({
-              errors: [`${err.toString()}\n${err.stack}`],
-              components,
-            });
-          }
-          if (!stats) throw new BitError('unknown build error');
-          // const info = stats.toJson();
-
-          const info = stats.toJson({
-            all: false,
-            entrypoints: true,
-            warnings: true,
-            errors: true,
-            assets: true,
-            chunkGroupAuxiliary: true,
-            relatedAssets: true,
-            cachedAssets: true,
-          });
-          const assetsMap = this.getAssets(info);
-          const entriesAssetsMap = this.getEntriesAssetsMap(info, assetsMap);
-
-          return resolve({
-            assets: Object.values(assetsMap),
-            assetsByChunkName: info.assetsByChunkName,
-            entriesAssetsMap,
-            errors: this.getErrors(info),
-            outputPath: stats.compilation.outputOptions.path,
-            components,
-            warnings: info.warnings,
-            startTime,
-            endTime: Date.now(),
-          });
-        });
-      });
-    });
-    longProcessLogger.end();
-    return componentOutput as BundlerResult[];
-  }
-
-  private getErrors(stats: StatsCompilation): Error[] {
-    if (!stats.errors) return [];
-    const fieldsToShow = ['message', 'moduleId', 'moduleName', 'moduleIdentifier', 'loc'];
-    return stats.errors.map((webpackError) => {
-      const lines = fieldsToShow.map((fieldName) => {
-        if (webpackError[fieldName]) {
-          return `${fieldName}: ${webpackError[fieldName]}`;
-        }
-        return undefined;
-      });
-      const errorMessage = compact(lines).join('\n');
-      return new BitError(errorMessage);
-    });
-  }
-
-  private getAssets(stats: StatsCompilation): AssetsMap {
-    if (!stats.assets) return {};
-    return stats.assets.reduce((acc, asset) => {
-      acc[asset.name] = {
-        name: asset.name,
-        size: asset.size,
-        compressedSize: this.getCompressedSize(asset),
-      };
-      return acc;
-    }, {});
-  }
-
-  private getEntriesAssetsMap(stats: StatsCompilation, assetsMap: AssetsMap): EntriesAssetsMap {
-    const entriesMap = stats.entrypoints;
-    if (!entriesMap || !Object.keys(assetsMap).length) return {};
-    Object.entries(entriesMap).forEach(([, entryVal]) => {
-      let compressedAssetsSize = 0;
-      let compressedAuxiliaryAssetsSize = 0;
-      entryVal.assets?.forEach((asset) => {
-        const compressedSize = assetsMap[asset.name]?.compressedSize;
-        if (compressedSize) {
-          // @ts-ignore
-          asset.compressedSize = compressedSize;
-          compressedAssetsSize += compressedSize;
-        }
-      });
-      entryVal.auxiliaryAssets?.forEach((asset) => {
-        const compressedSize = assetsMap[asset.name]?.compressedSize;
-        if (compressedSize) {
-          // @ts-ignore
-          asset.compressedSize = compressedSize;
-          compressedAuxiliaryAssetsSize += compressedSize;
-        }
-      });
-      entryVal.compressedAssetsSize = compressedAssetsSize;
-      entryVal.compressedAuxiliaryAssetsSize = compressedAuxiliaryAssetsSize;
-    });
-    return entriesMap as any as EntriesAssetsMap;
-  }
-
-  private getCompressedSize(asset: StatsAsset): number | undefined {
-    if (!asset.related || isEmpty(asset.related)) return undefined;
-    const gzipped = asset.related.find((relatedAsset) => {
-      return relatedAsset.type === 'gzipped';
-    });
-    if (!gzipped) return undefined;
-    return gzipped.size;
-  }
-
-  private getComponents(outputPath: string) {
-    const path = outputPath.substring(0, outputPath.lastIndexOf(sep));
-    const target = this.targets.find((targetCandidate) => path === targetCandidate.outputPath);
-
-    if (!target) throw new Error(`Could not find component id for path "${path}"`);
-    return target.components;
-  }
-}

package/webpack.dev-server.ts

@@ -1,95 +0,0 @@
-import { join } from 'path';
-import type { DevServer } from '@teambit/bundler';
-import findRoot from 'find-root';
-import type { Server } from 'http';
-import type { webpack as webpackCompiler, Configuration } from 'webpack';
-import type * as WDS from 'webpack-dev-server';
-import { inspect } from 'util';
-import { WebpackAspect } from './webpack.aspect';
-
-export interface WebpackConfigWithDevServer extends Configuration {
-  devServer: WDS.Configuration;
-  favicon?: string;
-}
-export class WebpackDevServer implements DevServer {
-  private readonly WsDevServer: typeof WDS;
-  constructor(
-    private config: WebpackConfigWithDevServer,
-    private webpack: typeof webpackCompiler,
-    /**
-     * path to the webpack-dev-server module or instance of webpack-dev-server.
-     * this accept getting an instance for backward compatibility.
-     */
-    private webpackDevServer: string | typeof WDS
-  ) {
-    if (typeof this.webpackDevServer === 'string') {
-      // eslint-disable-next-line import/no-dynamic-require, global-require
-      this.WsDevServer = require(this.webpackDevServer);
-    } else {
-      this.WsDevServer = this.webpackDevServer;
-    }
-  }
-
-  private getCompiler(): any {
-    return this.webpack(this.config);
-  }
-
-  id = WebpackAspect.id;
-
-  displayName = 'Webpack dev server';
-
-  version(): string {
-    if (typeof this.webpackDevServer !== 'string') {
-      return 'unknown';
-    }
-    // Resolve version from the webpack-dev-server package.json
-    try {
-      const root = findRoot(this.webpackDevServer);
-      const packageJsonPath = join(root, 'package.json');
-      // eslint-disable-next-line import/no-dynamic-require, global-require
-      const packageJson = require(packageJsonPath);
-      return packageJson.version;
-    } catch (err) {
-      return 'unknown';
-    }
-  }
-
-  displayConfig(): string {
-    return inspect(this.config, { depth: 10 });
-  }
-
-  async listen(port: number): Promise<Server> {
-    if (!this.config.devServer) {
-      throw new Error('Missing devServer configuration for webpack');
-    }
-    // Prevent different port between the config port and the listen arg port
-    this.config.devServer.port = port;
-
-    // Adding signal listeners to make sure we immediately close the process on sigint / sigterm (otherwise webpack dev server closing will take time)
-    this.addSignalListener();
-
-    // Compatibility check for Webpack dev server v3 (e.g. for Angular v8)
-    if (typeof (this.WsDevServer as any).addDevServerEntrypoints !== 'undefined') {
-      // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler
-      const webpackDs = new (this.WsDevServer as any)(this.getCompiler(), this.config.devServer);
-      return webpackDs.listen(port);
-    }
-
-    // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler
-    const webpackDs: WDS = new this.WsDevServer(this.config.devServer, this.getCompiler());
-    await webpackDs.start();
-
-    // @ts-ignore
-    return webpackDs.server;
-  }
-
-  private addSignalListener() {
-    process.on('SIGTERM', () => {
-      process.exit();
-    });
-
-    process.on('SIGINT', () => {
-      process.exit();
-    });
-  }
-}

package/webpack.main.runtime.ts

@@ -1,241 +0,0 @@
-import webpack, { Configuration } from 'webpack';
-import PubsubAspect, { PubsubMain } from '@teambit/pubsub';
-import {
-  BundlerAspect,
-  BundlerContext,
-  BundlerMain,
-  DevServer,
-  DevServerContext,
-  BundlerMode,
-  Target,
-} from '@teambit/bundler';
-import { MainRuntime } from '@teambit/cli';
-import { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';
-import { Workspace, WorkspaceAspect } from '@teambit/workspace';
-import { merge } from 'webpack-merge';
-// We want to import it to make sure bit recognizes it as a dependency
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import WsDevServer from 'webpack-dev-server';
-import { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';
-
-import { generateAddAliasesFromPeersTransformer, generateExternalsTransformer } from './transformers';
-import { configFactory as devServerConfigFactory } from './config/webpack.dev.config';
-import { configFactory as baseConfigFactory } from './config/webpack.config';
-
-import { WebpackAspect } from './webpack.aspect';
-import { WebpackBundler } from './webpack.bundler';
-import { WebpackDevServer } from './webpack.dev-server';
-
-export type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {
-  target: Target;
-};
-
-export type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext & DevServerContext;
-
-export type GlobalWebpackConfigTransformContext = {
-  mode: BundlerMode;
-  /**
-   * Whether the config is for an env template bundling
-   */
-  isEnvTemplate?: boolean;
-  /**
-   * A path for the host root dir
-   * Host root dir is usually the env root dir
-   * This can be used in different bundle options which run require.resolve
-   * for example when configuring webpack aliases or webpack expose loader on the peers deps
-   */
-  hostRootDir?: string;
-};
-
-export type WebpackConfigTransformer = (
-  config: WebpackConfigMutator,
-  context: WebpackConfigTransformContext
-) => WebpackConfigMutator;
-
-export type WebpackConfigDevServerTransformer = (
-  config: WebpackConfigMutator,
-  context: WebpackConfigDevServerTransformContext
-) => WebpackConfigMutator;
-
-export class WebpackMain {
-  constructor(
-    /**
-     * Pubsub extension.
-     */
-    public pubsub: PubsubMain,
-
-    /**
-     * workspace extension.
-     */
-    private workspace: Workspace,
-
-    /**
-     * bundler extension.
-     */
-    private bundler: BundlerMain,
-
-    /**
-     * Logger extension
-     */
-    public logger: Logger
-  ) {}
-
-  /**
-   * create an instance of bit-compliant webpack dev server for a set of components
-   */
-  createDevServer(
-    context: DevServerContext,
-    transformers: WebpackConfigTransformer[] = [],
-    webpackModulePath?: string,
-    webpackDevServerModulePath?: string
-  ): DevServer {
-    const config = this.createDevServerConfig(
-      context.entry,
-      this.workspace.path,
-      context.id,
-      context.rootPath,
-      context.publicPath,
-      this.workspace.getComponentPathsRegExps(),
-      context.title
-    ) as any;
-    const wdsPath = webpackDevServerModulePath || require.resolve('webpack-dev-server');
-    const configMutator = new WebpackConfigMutator(config);
-    const transformerContext: WebpackConfigDevServerTransformContext = Object.assign(context, { mode: 'dev' as const });
-    const internalTransformers = this.generateTransformers(undefined, transformerContext);
-
-    const afterMutation = runTransformersWithContext(
-      configMutator.clone(),
-      [...internalTransformers, ...transformers],
-      transformerContext
-    );
-    // @ts-ignore - fix this
-    return new WebpackDevServer(afterMutation.raw, this.getWebpackInstance(webpackModulePath, webpack), wdsPath);
-  }
-
-  mergeConfig(target: any, source: any): any {
-    return merge(target, source);
-  }
-
-  createBundler(
-    context: BundlerContext,
-    transformers: WebpackConfigTransformer[] = [],
-    initialConfigs?: webpack.Configuration[],
-    webpackModuleOrPath?: string | any
-  ) {
-    const transformerContext: GlobalWebpackConfigTransformContext = {
-      mode: 'prod',
-      isEnvTemplate: context.metaData?.isEnvTemplate,
-    };
-    // eslint-disable-next-line max-len
-    const configs =
-      initialConfigs ||
-      this.createConfigs(context.targets, baseConfigFactory, transformers, transformerContext, context);
-    return new WebpackBundler(
-      context.targets,
-      configs,
-      this.logger,
-      this.getWebpackInstance(webpackModuleOrPath, webpack),
-      context.metaData
-    );
-  }
-
-  private createConfigs(
-    targets: Target[],
-    factory: (target: Target, context: BundlerContext) => Configuration,
-    transformers: WebpackConfigTransformer[] = [],
-    transformerContext: GlobalWebpackConfigTransformContext,
-    bundlerContext: BundlerContext
-  ) {
-    return targets.map((target) => {
-      const baseConfig = factory(target, bundlerContext);
-      const configMutator = new WebpackConfigMutator(baseConfig);
-      const context = Object.assign({}, transformerContext, { target });
-      const internalTransformers = this.generateTransformers(context, undefined, target);
-      const afterMutation = runTransformersWithContext(
-        configMutator.clone(),
-        [...internalTransformers, ...transformers],
-        context
-      );
-      return afterMutation.raw;
-    });
-  }
-
-  private generateTransformers(
-    _bundlerContext?: WebpackConfigTransformContext,
-    devServerContext?: WebpackConfigDevServerTransformContext,
-    target?: Target
-  ): Array<WebpackConfigTransformer> {
-    const transformers: WebpackConfigTransformer[] = [];
-    // TODO: handle dev server
-    const hostDeps = target?.hostDependencies || devServerContext?.hostDependencies;
-    if (hostDeps) {
-      if (target?.aliasHostDependencies || devServerContext?.aliasHostDependencies) {
-        const peerAliasesTransformer = generateAddAliasesFromPeersTransformer(hostDeps, this.logger);
-        transformers.push(peerAliasesTransformer);
-      }
-      if (target?.externalizeHostDependencies || devServerContext?.externalizeHostDependencies) {
-        const externalsTransformer = generateExternalsTransformer(hostDeps);
-        transformers.push(externalsTransformer);
-      }
-    }
-    return transformers;
-  }
-
-  private getWebpackInstance(webpackOrPath?: any | string, fallback?: any) {
-    if (!webpackOrPath) {
-      return fallback;
-    }
-    if (typeof webpackOrPath === 'string') {
-      // eslint-disable-next-line import/no-dynamic-require, global-require
-      return require(webpackOrPath);
-    }
-    return webpackOrPath;
-  }
-
-  private createDevServerConfig(
-    entry: string[],
-    rootPath: string,
-    devServerID: string,
-    publicRoot: string,
-    publicPath: string,
-    componentPathsRegExps: RegExp[],
-    title?: string
-  ) {
-    return devServerConfigFactory(
-      devServerID,
-      rootPath,
-      entry,
-      publicRoot,
-      publicPath,
-      componentPathsRegExps,
-      this.pubsub,
-      title
-    );
-  }
-
-  static slots = [];
-
-  static runtime = MainRuntime;
-  static dependencies = [PubsubAspect, WorkspaceAspect, BundlerAspect, LoggerAspect];
-
-  static async provider([pubsub, workspace, bundler, logger]: [PubsubMain, Workspace, BundlerMain, LoggerMain]) {
-    const logPublisher = logger.createLogger(WebpackAspect.id);
-    return new WebpackMain(pubsub, workspace, bundler, logPublisher);
-  }
-}
-
-WebpackAspect.addRuntime(WebpackMain);
-
-export function runTransformersWithContext(
-  config: WebpackConfigMutator,
-  transformers: Array<WebpackConfigTransformer | WebpackConfigDevServerTransformer> = [],
-  // context: WebpackConfigTransformContext | WebpackConfigDevServerTransformContext
-  context: any
-): WebpackConfigMutator {
-  if (!Array.isArray(transformers)) return config;
-  const newConfig = transformers.reduce((acc, transformer) => {
-    // @ts-ignore
-    return transformer(acc, context);
-  }, config);
-  return newConfig;
-}