@teambit/webpack 1.0.107 → 1.0.108

package/dist/config/webpack.config.js

@@ -71,7 +71,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* eslint-disable complexity */
 
 function configFactory(target, context) {
-  var _target$chunking;
   let truthyEntries = Array.isArray(target.entries) && target.entries.length ? target.entries.filter(Boolean) : target.entries || {};
   if (Array.isArray(truthyEntries) && !truthyEntries.length) {
     truthyEntries = {};
@@ -80,7 +79,7 @@ function configFactory(target, context) {
   const htmlConfig = target.html ?? context.html;
   const compress = target.compress ?? context.compress;
   const htmlPlugins = htmlConfig ? generateHtmlPlugins(htmlConfig) : undefined;
-  const splitChunks = (_target$chunking = target.chunking) === null || _target$chunking === void 0 ? void 0 : _target$chunking.splitChunks;
+  const splitChunks = target.chunking?.splitChunks;
   const config = {
     mode: dev ? 'development' : 'production',
     // Stop compilation early in production

package/dist/config/webpack.config.js.map

@@ -1 +1 @@
-{"version":3,"names":["_webpack","data","_interopRequireDefault","require","_lodash","_compressionWebpackPlugin","_path","_htmlWebpackPlugin","_webpackAssetsManifest","_webpackFallbacks","_webpackFallbacksProvidePluginConfig","_webpackFallbacksAliases","obj","__esModule","default","configFactory","target","context","_target$chunking","truthyEntries","Array","isArray","entries","length","filter","Boolean","dev","development","htmlConfig","html","compress","htmlPlugins","generateHtmlPlugins","undefined","splitChunks","chunking","config","mode","bail","entry","infrastructureLogging","level","output","path","outputPath","sep","stats","errorDetails","resolve","alias","fallbacksAliases","fallback","fallbacks","plugins","webpack","ProvidePlugin","fallbacksProvidePluginConfig","getAssetManifestPlugin","filename","chunkFilename","runtimeChunkName","optimization","runtimeChunk","name","chunks","concat","CompressionPlugin","WebpackAssetsManifest","entrypoints","configs","map","generateHtmlPlugin","baseConfig","chunksSortMode","chunkOrder","title","templateContent","minify","cache","favicon","filteredConfig","omitBy","isUndefined","HtmlWebpackPlugin"],"sources":["webpack.config.ts"],"sourcesContent":["/* eslint-disable complexity */\nimport webpack, { Configuration } from 'webpack';\nimport { isUndefined, omitBy } from 'lodash';\nimport CompressionPlugin from 'compression-webpack-plugin';\nimport { sep } from 'path';\nimport type { BundlerContext, BundlerHtmlConfig, Target } from '@teambit/bundler';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport WebpackAssetsManifest from 'webpack-assets-manifest';\nimport { fallbacks } from './webpack-fallbacks';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\n\nexport function configFactory(target: Target, context: BundlerContext): Configuration {\n  let truthyEntries =\n    Array.isArray(target.entries) && target.entries.length ? target.entries.filter(Boolean) : target.entries || {};\n  if (Array.isArray(truthyEntries) && !truthyEntries.length) {\n    truthyEntries = {};\n  }\n\n  const dev = Boolean(context.development);\n  const htmlConfig = target.html ?? context.html;\n  const compress = target.compress ?? context.compress;\n  const htmlPlugins = htmlConfig ? generateHtmlPlugins(htmlConfig) : undefined;\n  const splitChunks = target.chunking?.splitChunks;\n\n  const config: Configuration = {\n    mode: dev ? 'development' : 'production',\n    // Stop compilation early in production\n    bail: true,\n    // These are the \"entry points\" to our application.\n    // This means they will be the \"root\" imports that are included in JS bundle.\n    // @ts-ignore\n    entry: truthyEntries,\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    output: {\n      // The build folder.\n      path: `${target.outputPath}${sep}public`,\n    },\n    stats: {\n      errorDetails: true,\n    },\n\n    resolve: {\n      // TODO - check - we should not need both fallbacks and alias and provider plugin\n      alias: fallbacksAliases,\n\n      fallback: fallbacks,\n    },\n\n    plugins: [new webpack.ProvidePlugin(fallbacksProvidePluginConfig), getAssetManifestPlugin()],\n  };\n\n  if (target.filename) {\n    config.output = config.output || {};\n    config.output.filename = target.filename;\n  }\n\n  if (target.chunkFilename) {\n    config.output = config.output || {};\n    config.output.chunkFilename = target.chunkFilename;\n  }\n\n  if (target.runtimeChunkName) {\n    config.optimization = config.optimization || {};\n    config.optimization.runtimeChunk = {\n      name: target.runtimeChunkName,\n    };\n  }\n\n  if (splitChunks) {\n    config.optimization = config.optimization || {};\n    config.optimization.splitChunks = {\n      chunks: 'all',\n      name: false,\n    };\n  }\n\n  if (htmlPlugins && htmlPlugins.length) {\n    if (!config.plugins) {\n      config.plugins = [];\n    }\n    config.plugins = config.plugins.concat(htmlPlugins);\n  }\n  if (compress) {\n    if (!config.plugins) {\n      config.plugins = [];\n    }\n    config.plugins = config.plugins.concat(new CompressionPlugin());\n  }\n  return config;\n}\n\nfunction getAssetManifestPlugin() {\n  return new WebpackAssetsManifest({ entrypoints: true });\n}\n\nfunction generateHtmlPlugins(configs: BundlerHtmlConfig[]) {\n  return configs.map((config) => generateHtmlPlugin(config));\n}\n\nfunction generateHtmlPlugin(config: BundlerHtmlConfig) {\n  const baseConfig: HtmlWebpackPlugin.Options = {\n    filename: config.filename,\n    chunks: config.chunks,\n    chunksSortMode: config.chunkOrder,\n    title: config.title,\n    templateContent: config.templateContent,\n    minify: config.minify,\n    cache: false,\n    favicon: config.favicon,\n  };\n\n  const filteredConfig = omitBy(baseConfig, isUndefined);\n  return new HtmlWebpackPlugin(filteredConfig);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_webpack","data","_interopRequireDefault","require","_lodash","_compressionWebpackPlugin","_path","_htmlWebpackPlugin","_webpackAssetsManifest","_webpackFallbacks","_webpackFallbacksProvidePluginConfig","_webpackFallbacksAliases","obj","__esModule","default","configFactory","target","context","truthyEntries","Array","isArray","entries","length","filter","Boolean","dev","development","htmlConfig","html","compress","htmlPlugins","generateHtmlPlugins","undefined","splitChunks","chunking","config","mode","bail","entry","infrastructureLogging","level","output","path","outputPath","sep","stats","errorDetails","resolve","alias","fallbacksAliases","fallback","fallbacks","plugins","webpack","ProvidePlugin","fallbacksProvidePluginConfig","getAssetManifestPlugin","filename","chunkFilename","runtimeChunkName","optimization","runtimeChunk","name","chunks","concat","CompressionPlugin","WebpackAssetsManifest","entrypoints","configs","map","generateHtmlPlugin","baseConfig","chunksSortMode","chunkOrder","title","templateContent","minify","cache","favicon","filteredConfig","omitBy","isUndefined","HtmlWebpackPlugin"],"sources":["webpack.config.ts"],"sourcesContent":["/* eslint-disable complexity */\nimport webpack, { Configuration } from 'webpack';\nimport { isUndefined, omitBy } from 'lodash';\nimport CompressionPlugin from 'compression-webpack-plugin';\nimport { sep } from 'path';\nimport type { BundlerContext, BundlerHtmlConfig, Target } from '@teambit/bundler';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport WebpackAssetsManifest from 'webpack-assets-manifest';\nimport { fallbacks } from './webpack-fallbacks';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\n\nexport function configFactory(target: Target, context: BundlerContext): Configuration {\n  let truthyEntries =\n    Array.isArray(target.entries) && target.entries.length ? target.entries.filter(Boolean) : target.entries || {};\n  if (Array.isArray(truthyEntries) && !truthyEntries.length) {\n    truthyEntries = {};\n  }\n\n  const dev = Boolean(context.development);\n  const htmlConfig = target.html ?? context.html;\n  const compress = target.compress ?? context.compress;\n  const htmlPlugins = htmlConfig ? generateHtmlPlugins(htmlConfig) : undefined;\n  const splitChunks = target.chunking?.splitChunks;\n\n  const config: Configuration = {\n    mode: dev ? 'development' : 'production',\n    // Stop compilation early in production\n    bail: true,\n    // These are the \"entry points\" to our application.\n    // This means they will be the \"root\" imports that are included in JS bundle.\n    // @ts-ignore\n    entry: truthyEntries,\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    output: {\n      // The build folder.\n      path: `${target.outputPath}${sep}public`,\n    },\n    stats: {\n      errorDetails: true,\n    },\n\n    resolve: {\n      // TODO - check - we should not need both fallbacks and alias and provider plugin\n      alias: fallbacksAliases,\n\n      fallback: fallbacks,\n    },\n\n    plugins: [new webpack.ProvidePlugin(fallbacksProvidePluginConfig), getAssetManifestPlugin()],\n  };\n\n  if (target.filename) {\n    config.output = config.output || {};\n    config.output.filename = target.filename;\n  }\n\n  if (target.chunkFilename) {\n    config.output = config.output || {};\n    config.output.chunkFilename = target.chunkFilename;\n  }\n\n  if (target.runtimeChunkName) {\n    config.optimization = config.optimization || {};\n    config.optimization.runtimeChunk = {\n      name: target.runtimeChunkName,\n    };\n  }\n\n  if (splitChunks) {\n    config.optimization = config.optimization || {};\n    config.optimization.splitChunks = {\n      chunks: 'all',\n      name: false,\n    };\n  }\n\n  if (htmlPlugins && htmlPlugins.length) {\n    if (!config.plugins) {\n      config.plugins = [];\n    }\n    config.plugins = config.plugins.concat(htmlPlugins);\n  }\n  if (compress) {\n    if (!config.plugins) {\n      config.plugins = [];\n    }\n    config.plugins = config.plugins.concat(new CompressionPlugin());\n  }\n  return config;\n}\n\nfunction getAssetManifestPlugin() {\n  return new WebpackAssetsManifest({ entrypoints: true });\n}\n\nfunction generateHtmlPlugins(configs: BundlerHtmlConfig[]) {\n  return configs.map((config) => generateHtmlPlugin(config));\n}\n\nfunction generateHtmlPlugin(config: BundlerHtmlConfig) {\n  const baseConfig: HtmlWebpackPlugin.Options = {\n    filename: config.filename,\n    chunks: config.chunks,\n    chunksSortMode: config.chunkOrder,\n    title: config.title,\n    templateContent: config.templateContent,\n    minify: config.minify,\n    cache: false,\n    favicon: config.favicon,\n  };\n\n  const filteredConfig = omitBy(baseConfig, isUndefined);\n  return new HtmlWebpackPlugin(filteredConfig);\n}\n"],"mappings":"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"}

package/dist/events/webpack-compilation-started-event.d.ts

@@ -1,5 +1,5 @@
 import { BitBaseEvent } from '@teambit/pubsub';
-declare type Params = {
+type Params = {
     devServerID: string;
 };
 export declare class WebpackCompilationStartedEvent extends BitBaseEvent<Params> {

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

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@1.0.107/dist/webpack.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@1.0.107/dist/webpack.docs.mdx';
+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';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/transformers/inject-body.d.ts

@@ -1,5 +1,5 @@
 import type { WebpackConfigTransformer } from '@teambit/webpack';
-export declare type BodyInjectionOptions = {
+export type BodyInjectionOptions = {
     content: string;
     position?: 'start' | 'end';
 };

package/dist/transformers/inject-head.d.ts

@@ -1,5 +1,5 @@
 import type { WebpackConfigTransformer } from '@teambit/webpack';
-export declare type HeadInjectionOptions = {
+export type HeadInjectionOptions = {
     content: string;
     position?: 'start' | 'end';
 };

package/dist/transformers/transformers.js

@@ -29,8 +29,7 @@ function _getExternals() {
 }
 function generateAddAliasesFromPeersTransformer(peers, logger) {
   return (config, context) => {
-    var _context$target;
-    const hostRootDir = ((_context$target = context.target) === null || _context$target === void 0 ? void 0 : _context$target.hostRootDir) || context.hostRootDir;
+    const hostRootDir = context.target?.hostRootDir || context.hostRootDir;
     const peerAliases = peers.reduce((acc, peerName) => {
       // gets the correct module folder of the package.
       // this allows us to resolve internal files, for example:
@@ -63,8 +62,7 @@ function generateAddAliasesFromPeersTransformer(peers, logger) {
  */
 function generateExposePeersTransformer(peers, logger) {
   return (config, context) => {
-    var _context$target2;
-    const hostRootDir = ((_context$target2 = context.target) === null || _context$target2 === void 0 ? void 0 : _context$target2.hostRootDir) || context.hostRootDir;
+    const hostRootDir = context.target?.hostRootDir || context.hostRootDir;
     const exposedRules = (0, _getExposedRules().getExposedRules)(peers, logger, hostRootDir);
     config.addModuleRules(exposedRules);
     return config;

package/dist/transformers/transformers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_getExposedRules","data","require","_resolvePeer","_getExternals","generateAddAliasesFromPeersTransformer","peers","logger","config","context","_context$target","hostRootDir","target","peerAliases","reduce","acc","peerName","resolved","resolvePeerToDirOrFile","addAliases","generateExposePeersTransformer","_context$target2","exposedRules","getExposedRules","addModuleRules","generateExternalsTransformer","depes","externals","getExternals","addExternals"],"sources":["transformers.ts"],"sourcesContent":["import { WebpackConfigTransformContext } from '@teambit/webpack';\nimport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\nimport { Logger } from '@teambit/logger';\nimport { getExposedRules } from './get-exposed-rules';\nimport { resolvePeerToDirOrFile } from './resolve-peer';\nimport { getExternals } from './get-externals';\n\nexport function generateAddAliasesFromPeersTransformer(peers: string[], logger: Logger) {\n  return (config: WebpackConfigMutator, context: WebpackConfigTransformContext): WebpackConfigMutator => {\n    const hostRootDir = context.target?.hostRootDir || context.hostRootDir;\n    const peerAliases = peers.reduce((acc, peerName) => {\n      // gets the correct module folder of the package.\n      // this allows us to resolve internal files, for example:\n      // node_modules/react-dom/test-utils\n      //\n      // we can't use require.resolve() because it resolves to a specific file.\n      // for example, if we used \"react-dom\": require.resolve(\"react-dom\"),\n      // it would try to resolve \"react-dom/test-utils\" as:\n      // node_modules/react-dom/index.js/test-utils\n      const resolved = resolvePeerToDirOrFile(peerName, logger, hostRootDir);\n      // Sometime there are packages that only hold icons for example, so there is no main property in their package.json\n      // so they can't be resolved.\n      // in such cases do not add them to the aliases.\n      // We already log that cases in the resolvePeerToDirOrFile function.\n      if (resolved) {\n        acc[peerName] = resolved;\n      }\n      return acc;\n    }, {});\n\n    config.addAliases(peerAliases);\n    return config;\n  };\n}\n\n// [dead code] - no longer used\n/**\n * Generate a transformer that expose all the peers as global via the expose loader\n * @param peers\n * @returns\n */\nexport function generateExposePeersTransformer(peers: string[], logger: Logger) {\n  return (config: WebpackConfigMutator, context: WebpackConfigTransformContext): WebpackConfigMutator => {\n    const hostRootDir = context.target?.hostRootDir || context.hostRootDir;\n    const exposedRules = getExposedRules(peers, logger, hostRootDir);\n    config.addModuleRules(exposedRules);\n    return config;\n  };\n}\n\n/**\n * Generate a transformer that expose all the peers as global via the expose loader\n * @param peers\n * @returns\n */\nexport function generateExternalsTransformer(depes: string[]) {\n  return (config: WebpackConfigMutator): WebpackConfigMutator => {\n    const externals = getExternals(depes);\n    config.addExternals(externals);\n    return config;\n  };\n}\n"],"mappings":";;;;;;;;AAGA,SAAAA,iBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,gBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,aAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,YAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASI,sCAAsCA,CAACC,KAAe,EAAEC,MAAc,EAAE;EACtF,OAAO,CAACC,MAA4B,EAAEC,OAAsC,KAA2B;IAAA,IAAAC,eAAA;IACrG,MAAMC,WAAW,GAAG,EAAAD,eAAA,GAAAD,OAAO,CAACG,MAAM,cAAAF,eAAA,uBAAdA,eAAA,CAAgBC,WAAW,KAAIF,OAAO,CAACE,WAAW;IACtE,MAAME,WAAW,GAAGP,KAAK,CAACQ,MAAM,CAAC,CAACC,GAAG,EAAEC,QAAQ,KAAK;MAClD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAsB,EAACF,QAAQ,EAAET,MAAM,EAAEI,WAAW,CAAC;MACtE;MACA;MACA;MACA;MACA,IAAIM,QAAQ,EAAE;QACZF,GAAG,CAACC,QAAQ,CAAC,GAAGC,QAAQ;MAC1B;MACA,OAAOF,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAENP,MAAM,CAACW,UAAU,CAACN,WAAW,CAAC;IAC9B,OAAOL,MAAM;EACf,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASY,8BAA8BA,CAACd,KAAe,EAAEC,MAAc,EAAE;EAC9E,OAAO,CAACC,MAA4B,EAAEC,OAAsC,KAA2B;IAAA,IAAAY,gBAAA;IACrG,MAAMV,WAAW,GAAG,EAAAU,gBAAA,GAAAZ,OAAO,CAACG,MAAM,cAAAS,gBAAA,uBAAdA,gBAAA,CAAgBV,WAAW,KAAIF,OAAO,CAACE,WAAW;IACtE,MAAMW,YAAY,GAAG,IAAAC,kCAAe,EAACjB,KAAK,EAAEC,MAAM,EAAEI,WAAW,CAAC;IAChEH,MAAM,CAACgB,cAAc,CAACF,YAAY,CAAC;IACnC,OAAOd,MAAM;EACf,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASiB,4BAA4BA,CAACC,KAAe,EAAE;EAC5D,OAAQlB,MAA4B,IAA2B;IAC7D,MAAMmB,SAAS,GAAG,IAAAC,4BAAY,EAACF,KAAK,CAAC;IACrClB,MAAM,CAACqB,YAAY,CAACF,SAAS,CAAC;IAC9B,OAAOnB,MAAM;EACf,CAAC;AACH"}
+{"version":3,"names":["_getExposedRules","data","require","_resolvePeer","_getExternals","generateAddAliasesFromPeersTransformer","peers","logger","config","context","hostRootDir","target","peerAliases","reduce","acc","peerName","resolved","resolvePeerToDirOrFile","addAliases","generateExposePeersTransformer","exposedRules","getExposedRules","addModuleRules","generateExternalsTransformer","depes","externals","getExternals","addExternals"],"sources":["transformers.ts"],"sourcesContent":["import { WebpackConfigTransformContext } from '@teambit/webpack';\nimport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\nimport { Logger } from '@teambit/logger';\nimport { getExposedRules } from './get-exposed-rules';\nimport { resolvePeerToDirOrFile } from './resolve-peer';\nimport { getExternals } from './get-externals';\n\nexport function generateAddAliasesFromPeersTransformer(peers: string[], logger: Logger) {\n  return (config: WebpackConfigMutator, context: WebpackConfigTransformContext): WebpackConfigMutator => {\n    const hostRootDir = context.target?.hostRootDir || context.hostRootDir;\n    const peerAliases = peers.reduce((acc, peerName) => {\n      // gets the correct module folder of the package.\n      // this allows us to resolve internal files, for example:\n      // node_modules/react-dom/test-utils\n      //\n      // we can't use require.resolve() because it resolves to a specific file.\n      // for example, if we used \"react-dom\": require.resolve(\"react-dom\"),\n      // it would try to resolve \"react-dom/test-utils\" as:\n      // node_modules/react-dom/index.js/test-utils\n      const resolved = resolvePeerToDirOrFile(peerName, logger, hostRootDir);\n      // Sometime there are packages that only hold icons for example, so there is no main property in their package.json\n      // so they can't be resolved.\n      // in such cases do not add them to the aliases.\n      // We already log that cases in the resolvePeerToDirOrFile function.\n      if (resolved) {\n        acc[peerName] = resolved;\n      }\n      return acc;\n    }, {});\n\n    config.addAliases(peerAliases);\n    return config;\n  };\n}\n\n// [dead code] - no longer used\n/**\n * Generate a transformer that expose all the peers as global via the expose loader\n * @param peers\n * @returns\n */\nexport function generateExposePeersTransformer(peers: string[], logger: Logger) {\n  return (config: WebpackConfigMutator, context: WebpackConfigTransformContext): WebpackConfigMutator => {\n    const hostRootDir = context.target?.hostRootDir || context.hostRootDir;\n    const exposedRules = getExposedRules(peers, logger, hostRootDir);\n    config.addModuleRules(exposedRules);\n    return config;\n  };\n}\n\n/**\n * Generate a transformer that expose all the peers as global via the expose loader\n * @param peers\n * @returns\n */\nexport function generateExternalsTransformer(depes: string[]) {\n  return (config: WebpackConfigMutator): WebpackConfigMutator => {\n    const externals = getExternals(depes);\n    config.addExternals(externals);\n    return config;\n  };\n}\n"],"mappings":";;;;;;;;AAGA,SAAAA,iBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,gBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,aAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,YAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASI,sCAAsCA,CAACC,KAAe,EAAEC,MAAc,EAAE;EACtF,OAAO,CAACC,MAA4B,EAAEC,OAAsC,KAA2B;IACrG,MAAMC,WAAW,GAAGD,OAAO,CAACE,MAAM,EAAED,WAAW,IAAID,OAAO,CAACC,WAAW;IACtE,MAAME,WAAW,GAAGN,KAAK,CAACO,MAAM,CAAC,CAACC,GAAG,EAAEC,QAAQ,KAAK;MAClD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAsB,EAACF,QAAQ,EAAER,MAAM,EAAEG,WAAW,CAAC;MACtE;MACA;MACA;MACA;MACA,IAAIM,QAAQ,EAAE;QACZF,GAAG,CAACC,QAAQ,CAAC,GAAGC,QAAQ;MAC1B;MACA,OAAOF,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAENN,MAAM,CAACU,UAAU,CAACN,WAAW,CAAC;IAC9B,OAAOJ,MAAM;EACf,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,8BAA8BA,CAACb,KAAe,EAAEC,MAAc,EAAE;EAC9E,OAAO,CAACC,MAA4B,EAAEC,OAAsC,KAA2B;IACrG,MAAMC,WAAW,GAAGD,OAAO,CAACE,MAAM,EAAED,WAAW,IAAID,OAAO,CAACC,WAAW;IACtE,MAAMU,YAAY,GAAG,IAAAC,kCAAe,EAACf,KAAK,EAAEC,MAAM,EAAEG,WAAW,CAAC;IAChEF,MAAM,CAACc,cAAc,CAACF,YAAY,CAAC;IACnC,OAAOZ,MAAM;EACf,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASe,4BAA4BA,CAACC,KAAe,EAAE;EAC5D,OAAQhB,MAA4B,IAA2B;IAC7D,MAAMiB,SAAS,GAAG,IAAAC,4BAAY,EAACF,KAAK,CAAC;IACrChB,MAAM,CAACmB,YAAY,CAACF,SAAS,CAAC;IAC9B,OAAOjB,MAAM;EACf,CAAC;AACH"}

package/dist/webpack.bundler.js

@@ -50,11 +50,10 @@ class WebpackBundler {
     this.metaData = metaData;
   }
   async run() {
-    var _this$metaData, _this$metaData2;
     const startTime = Date.now();
     const compilers = this.configs.map(config => this.webpack(config));
-    const initiator = (_this$metaData = this.metaData) === null || _this$metaData === void 0 ? void 0 : _this$metaData.initiator;
-    const envId = (_this$metaData2 = this.metaData) === null || _this$metaData2 === void 0 ? void 0 : _this$metaData2.envId;
+    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);
@@ -137,21 +136,18 @@ class WebpackBundler {
     const entriesMap = stats.entrypoints;
     if (!entriesMap || !Object.keys(assetsMap).length) return {};
     Object.entries(entriesMap).forEach(([, entryVal]) => {
-      var _entryVal$assets, _entryVal$auxiliaryAs;
       let compressedAssetsSize = 0;
       let compressedAuxiliaryAssetsSize = 0;
-      (_entryVal$assets = entryVal.assets) === null || _entryVal$assets === void 0 || _entryVal$assets.forEach(asset => {
-        var _assetsMap$asset$name;
-        const compressedSize = (_assetsMap$asset$name = assetsMap[asset.name]) === null || _assetsMap$asset$name === void 0 ? void 0 : _assetsMap$asset$name.compressedSize;
+      entryVal.assets?.forEach(asset => {
+        const compressedSize = assetsMap[asset.name]?.compressedSize;
         if (compressedSize) {
           // @ts-ignore
           asset.compressedSize = compressedSize;
           compressedAssetsSize += compressedSize;
         }
       });
-      (_entryVal$auxiliaryAs = entryVal.auxiliaryAssets) === null || _entryVal$auxiliaryAs === void 0 || _entryVal$auxiliaryAs.forEach(asset => {
-        var _assetsMap$asset$name2;
-        const compressedSize = (_assetsMap$asset$name2 = assetsMap[asset.name]) === null || _assetsMap$asset$name2 === void 0 ? void 0 : _assetsMap$asset$name2.compressedSize;
+      entryVal.auxiliaryAssets?.forEach(asset => {
+        const compressedSize = assetsMap[asset.name]?.compressedSize;
         if (compressedSize) {
           // @ts-ignore
           asset.compressedSize = compressedSize;

package/dist/webpack.bundler.js.map

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

package/dist/webpack.composition.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Logo: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

package/dist/webpack.main.runtime.d.ts

@@ -5,11 +5,11 @@ import { Logger, LoggerMain } from '@teambit/logger';
 import { Workspace } from '@teambit/workspace';
 import { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';
 import { WebpackBundler } from './webpack.bundler';
-export declare type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {
+export type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {
     target: Target;
 };
-export declare type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext & DevServerContext;
-export declare type GlobalWebpackConfigTransformContext = {
+export type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext & DevServerContext;
+export type GlobalWebpackConfigTransformContext = {
     mode: BundlerMode;
     /**
      * Whether the config is for an env template bundling
@@ -23,8 +23,8 @@ export declare type GlobalWebpackConfigTransformContext = {
      */
     hostRootDir?: string;
 };
-export declare type WebpackConfigTransformer = (config: WebpackConfigMutator, context: WebpackConfigTransformContext) => WebpackConfigMutator;
-export declare type WebpackConfigDevServerTransformer = (config: WebpackConfigMutator, context: WebpackConfigDevServerTransformContext) => WebpackConfigMutator;
+export type WebpackConfigTransformer = (config: WebpackConfigMutator, context: WebpackConfigTransformContext) => WebpackConfigMutator;
+export type WebpackConfigDevServerTransformer = (config: WebpackConfigMutator, context: WebpackConfigDevServerTransformContext) => WebpackConfigMutator;
 export declare class WebpackMain {
     /**
      * Pubsub extension.
@@ -69,9 +69,9 @@ export declare class WebpackMain {
     private generateTransformers;
     private getWebpackInstance;
     private createDevServerConfig;
-    static slots: never[];
+    static slots: any[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static dependencies: import("@teambit/harmony").Aspect[];
     static provider([pubsub, workspace, bundler, logger]: [PubsubMain, Workspace, BundlerMain, LoggerMain]): Promise<WebpackMain>;
 }
-export declare function runTransformersWithContext(config: WebpackConfigMutator, transformers: (WebpackConfigTransformer | WebpackConfigDevServerTransformer)[] | undefined, context: any): WebpackConfigMutator;
+export declare function runTransformersWithContext(config: WebpackConfigMutator, transformers: Array<WebpackConfigTransformer | WebpackConfigDevServerTransformer>, context: any): WebpackConfigMutator;

package/dist/webpack.main.runtime.js

@@ -151,10 +151,9 @@ class WebpackMain {
     return (0, _webpackMerge().merge)(target, source);
   }
   createBundler(context, transformers = [], initialConfigs, webpackModuleOrPath) {
-    var _context$metaData;
     const transformerContext = {
       mode: 'prod',
-      isEnvTemplate: (_context$metaData = context.metaData) === null || _context$metaData === void 0 ? void 0 : _context$metaData.isEnvTemplate
+      isEnvTemplate: context.metaData?.isEnvTemplate
     };
     // eslint-disable-next-line max-len
     const configs = initialConfigs || this.createConfigs(context.targets, _webpack2().configFactory, transformers, transformerContext, context);
@@ -175,13 +174,13 @@ class WebpackMain {
   generateTransformers(_bundlerContext, devServerContext, target) {
     const transformers = [];
     // TODO: handle dev server
-    const hostDeps = (target === null || target === void 0 ? void 0 : target.hostDependencies) || (devServerContext === null || devServerContext === void 0 ? void 0 : devServerContext.hostDependencies);
+    const hostDeps = target?.hostDependencies || devServerContext?.hostDependencies;
     if (hostDeps) {
-      if (target !== null && target !== void 0 && target.aliasHostDependencies || devServerContext !== null && devServerContext !== void 0 && devServerContext.aliasHostDependencies) {
+      if (target?.aliasHostDependencies || devServerContext?.aliasHostDependencies) {
         const peerAliasesTransformer = (0, _transformers().generateAddAliasesFromPeersTransformer)(hostDeps, this.logger);
         transformers.push(peerAliasesTransformer);
       }
-      if (target !== null && target !== void 0 && target.externalizeHostDependencies || devServerContext !== null && devServerContext !== void 0 && devServerContext.externalizeHostDependencies) {
+      if (target?.externalizeHostDependencies || devServerContext?.externalizeHostDependencies) {
         const externalsTransformer = (0, _transformers().generateExternalsTransformer)(hostDeps);
         transformers.push(externalsTransformer);
       }

package/dist/webpack.main.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_webpack","data","_interopRequireDefault","require","_pubsub","_bundler","_cli","_logger","_workspace","_webpackMerge","_webpackModules","_transformers","_webpackDev","_webpack2","_webpack3","_webpack4","_webpack5","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","WebpackMain","constructor","pubsub","workspace","bundler","logger","createDevServer","context","transformers","webpackModulePath","webpackDevServerModulePath","config","createDevServerConfig","entry","path","id","rootPath","publicPath","getComponentPathsRegExps","title","wdsPath","resolve","configMutator","WebpackConfigMutator","transformerContext","assign","mode","internalTransformers","generateTransformers","undefined","afterMutation","runTransformersWithContext","clone","WebpackDevServer","raw","getWebpackInstance","webpack","mergeConfig","target","source","merge","createBundler","initialConfigs","webpackModuleOrPath","_context$metaData","isEnvTemplate","metaData","configs","createConfigs","targets","baseConfigFactory","WebpackBundler","factory","bundlerContext","map","baseConfig","_bundlerContext","devServerContext","hostDeps","hostDependencies","aliasHostDependencies","peerAliasesTransformer","generateAddAliasesFromPeersTransformer","push","externalizeHostDependencies","externalsTransformer","generateExternalsTransformer","webpackOrPath","fallback","devServerID","publicRoot","componentPathsRegExps","devServerConfigFactory","provider","logPublisher","createLogger","WebpackAspect","exports","MainRuntime","PubsubAspect","WorkspaceAspect","BundlerAspect","LoggerAspect","addRuntime","Array","isArray","newConfig","reduce","acc","transformer"],"sources":["webpack.main.runtime.ts"],"sourcesContent":["import webpack, { Configuration } from 'webpack';\nimport PubsubAspect, { PubsubMain } from '@teambit/pubsub';\nimport {\n  BundlerAspect,\n  BundlerContext,\n  BundlerMain,\n  DevServer,\n  DevServerContext,\n  BundlerMode,\n  Target,\n} from '@teambit/bundler';\nimport { MainRuntime } from '@teambit/cli';\nimport { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { merge } from 'webpack-merge';\n// We want to import it to make sure bit recognizes it as a dependency\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport WsDevServer from 'webpack-dev-server';\nimport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\n\nimport { generateAddAliasesFromPeersTransformer, generateExternalsTransformer } from './transformers';\nimport { configFactory as devServerConfigFactory } from './config/webpack.dev.config';\nimport { configFactory as baseConfigFactory } from './config/webpack.config';\n\nimport { WebpackAspect } from './webpack.aspect';\nimport { WebpackBundler } from './webpack.bundler';\nimport { WebpackDevServer } from './webpack.dev-server';\n\nexport type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {\n  target: Target;\n};\n\nexport type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext & DevServerContext;\n\nexport type GlobalWebpackConfigTransformContext = {\n  mode: BundlerMode;\n  /**\n   * Whether the config is for an env template bundling\n   */\n  isEnvTemplate?: boolean;\n  /**\n   * A path for the host root dir\n   * Host root dir is usually the env root dir\n   * This can be used in different bundle options which run require.resolve\n   * for example when configuring webpack aliases or webpack expose loader on the peers deps\n   */\n  hostRootDir?: string;\n};\n\nexport type WebpackConfigTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigTransformContext\n) => WebpackConfigMutator;\n\nexport type WebpackConfigDevServerTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigDevServerTransformContext\n) => WebpackConfigMutator;\n\nexport class WebpackMain {\n  constructor(\n    /**\n     * Pubsub extension.\n     */\n    public pubsub: PubsubMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * bundler extension.\n     */\n    private bundler: BundlerMain,\n\n    /**\n     * Logger extension\n     */\n    public logger: Logger\n  ) {}\n\n  /**\n   * create an instance of bit-compliant webpack dev server for a set of components\n   */\n  createDevServer(\n    context: DevServerContext,\n    transformers: WebpackConfigTransformer[] = [],\n    webpackModulePath?: string,\n    webpackDevServerModulePath?: string\n  ): DevServer {\n    const config = this.createDevServerConfig(\n      context.entry,\n      this.workspace.path,\n      context.id,\n      context.rootPath,\n      context.publicPath,\n      this.workspace.getComponentPathsRegExps(),\n      context.title\n    ) as any;\n    const wdsPath = webpackDevServerModulePath || require.resolve('webpack-dev-server');\n    const configMutator = new WebpackConfigMutator(config);\n    const transformerContext: WebpackConfigDevServerTransformContext = Object.assign(context, { mode: 'dev' as const });\n    const internalTransformers = this.generateTransformers(undefined, transformerContext);\n\n    const afterMutation = runTransformersWithContext(\n      configMutator.clone(),\n      [...internalTransformers, ...transformers],\n      transformerContext\n    );\n    // @ts-ignore - fix this\n    return new WebpackDevServer(afterMutation.raw, this.getWebpackInstance(webpackModulePath, webpack), wdsPath);\n  }\n\n  mergeConfig(target: any, source: any): any {\n    return merge(target, source);\n  }\n\n  createBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = [],\n    initialConfigs?: webpack.Configuration[],\n    webpackModuleOrPath?: string | any\n  ) {\n    const transformerContext: GlobalWebpackConfigTransformContext = {\n      mode: 'prod',\n      isEnvTemplate: context.metaData?.isEnvTemplate,\n    };\n    // eslint-disable-next-line max-len\n    const configs =\n      initialConfigs ||\n      this.createConfigs(context.targets, baseConfigFactory, transformers, transformerContext, context);\n    return new WebpackBundler(\n      context.targets,\n      configs,\n      this.logger,\n      this.getWebpackInstance(webpackModuleOrPath, webpack),\n      context.metaData\n    );\n  }\n\n  private createConfigs(\n    targets: Target[],\n    factory: (target: Target, context: BundlerContext) => Configuration,\n    transformers: WebpackConfigTransformer[] = [],\n    transformerContext: GlobalWebpackConfigTransformContext,\n    bundlerContext: BundlerContext\n  ) {\n    return targets.map((target) => {\n      const baseConfig = factory(target, bundlerContext);\n      const configMutator = new WebpackConfigMutator(baseConfig);\n      const context = Object.assign({}, transformerContext, { target });\n      const internalTransformers = this.generateTransformers(context, undefined, target);\n      const afterMutation = runTransformersWithContext(\n        configMutator.clone(),\n        [...internalTransformers, ...transformers],\n        context\n      );\n      return afterMutation.raw;\n    });\n  }\n\n  private generateTransformers(\n    _bundlerContext?: WebpackConfigTransformContext,\n    devServerContext?: WebpackConfigDevServerTransformContext,\n    target?: Target\n  ): Array<WebpackConfigTransformer> {\n    const transformers: WebpackConfigTransformer[] = [];\n    // TODO: handle dev server\n    const hostDeps = target?.hostDependencies || devServerContext?.hostDependencies;\n    if (hostDeps) {\n      if (target?.aliasHostDependencies || devServerContext?.aliasHostDependencies) {\n        const peerAliasesTransformer = generateAddAliasesFromPeersTransformer(hostDeps, this.logger);\n        transformers.push(peerAliasesTransformer);\n      }\n      if (target?.externalizeHostDependencies || devServerContext?.externalizeHostDependencies) {\n        const externalsTransformer = generateExternalsTransformer(hostDeps);\n        transformers.push(externalsTransformer);\n      }\n    }\n    return transformers;\n  }\n\n  private getWebpackInstance(webpackOrPath?: any | string, fallback?: any) {\n    if (!webpackOrPath) {\n      return fallback;\n    }\n    if (typeof webpackOrPath === 'string') {\n      // eslint-disable-next-line import/no-dynamic-require, global-require\n      return require(webpackOrPath);\n    }\n    return webpackOrPath;\n  }\n\n  private createDevServerConfig(\n    entry: string[],\n    rootPath: string,\n    devServerID: string,\n    publicRoot: string,\n    publicPath: string,\n    componentPathsRegExps: RegExp[],\n    title?: string\n  ) {\n    return devServerConfigFactory(\n      devServerID,\n      rootPath,\n      entry,\n      publicRoot,\n      publicPath,\n      componentPathsRegExps,\n      this.pubsub,\n      title\n    );\n  }\n\n  static slots = [];\n\n  static runtime = MainRuntime;\n  static dependencies = [PubsubAspect, WorkspaceAspect, BundlerAspect, LoggerAspect];\n\n  static async provider([pubsub, workspace, bundler, logger]: [PubsubMain, Workspace, BundlerMain, LoggerMain]) {\n    const logPublisher = logger.createLogger(WebpackAspect.id);\n    return new WebpackMain(pubsub, workspace, bundler, logPublisher);\n  }\n}\n\nWebpackAspect.addRuntime(WebpackMain);\n\nexport function runTransformersWithContext(\n  config: WebpackConfigMutator,\n  transformers: Array<WebpackConfigTransformer | WebpackConfigDevServerTransformer> = [],\n  // context: WebpackConfigTransformContext | WebpackConfigDevServerTransformContext\n  context: any\n): WebpackConfigMutator {\n  if (!Array.isArray(transformers)) return config;\n  const newConfig = transformers.reduce((acc, transformer) => {\n    // @ts-ignore\n    return transformer(acc, context);\n  }, config);\n  return newConfig;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_webpack","data","_interopRequireDefault","require","_pubsub","_bundler","_cli","_logger","_workspace","_webpackMerge","_webpackModules","_transformers","_webpackDev","_webpack2","_webpack3","_webpack4","_webpack5","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","WebpackMain","constructor","pubsub","workspace","bundler","logger","createDevServer","context","transformers","webpackModulePath","webpackDevServerModulePath","config","createDevServerConfig","entry","path","id","rootPath","publicPath","getComponentPathsRegExps","title","wdsPath","resolve","configMutator","WebpackConfigMutator","transformerContext","assign","mode","internalTransformers","generateTransformers","undefined","afterMutation","runTransformersWithContext","clone","WebpackDevServer","raw","getWebpackInstance","webpack","mergeConfig","target","source","merge","createBundler","initialConfigs","webpackModuleOrPath","isEnvTemplate","metaData","configs","createConfigs","targets","baseConfigFactory","WebpackBundler","factory","bundlerContext","map","baseConfig","_bundlerContext","devServerContext","hostDeps","hostDependencies","aliasHostDependencies","peerAliasesTransformer","generateAddAliasesFromPeersTransformer","push","externalizeHostDependencies","externalsTransformer","generateExternalsTransformer","webpackOrPath","fallback","devServerID","publicRoot","componentPathsRegExps","devServerConfigFactory","provider","logPublisher","createLogger","WebpackAspect","exports","MainRuntime","PubsubAspect","WorkspaceAspect","BundlerAspect","LoggerAspect","addRuntime","Array","isArray","newConfig","reduce","acc","transformer"],"sources":["webpack.main.runtime.ts"],"sourcesContent":["import webpack, { Configuration } from 'webpack';\nimport PubsubAspect, { PubsubMain } from '@teambit/pubsub';\nimport {\n  BundlerAspect,\n  BundlerContext,\n  BundlerMain,\n  DevServer,\n  DevServerContext,\n  BundlerMode,\n  Target,\n} from '@teambit/bundler';\nimport { MainRuntime } from '@teambit/cli';\nimport { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { merge } from 'webpack-merge';\n// We want to import it to make sure bit recognizes it as a dependency\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport WsDevServer from 'webpack-dev-server';\nimport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\n\nimport { generateAddAliasesFromPeersTransformer, generateExternalsTransformer } from './transformers';\nimport { configFactory as devServerConfigFactory } from './config/webpack.dev.config';\nimport { configFactory as baseConfigFactory } from './config/webpack.config';\n\nimport { WebpackAspect } from './webpack.aspect';\nimport { WebpackBundler } from './webpack.bundler';\nimport { WebpackDevServer } from './webpack.dev-server';\n\nexport type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {\n  target: Target;\n};\n\nexport type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext & DevServerContext;\n\nexport type GlobalWebpackConfigTransformContext = {\n  mode: BundlerMode;\n  /**\n   * Whether the config is for an env template bundling\n   */\n  isEnvTemplate?: boolean;\n  /**\n   * A path for the host root dir\n   * Host root dir is usually the env root dir\n   * This can be used in different bundle options which run require.resolve\n   * for example when configuring webpack aliases or webpack expose loader on the peers deps\n   */\n  hostRootDir?: string;\n};\n\nexport type WebpackConfigTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigTransformContext\n) => WebpackConfigMutator;\n\nexport type WebpackConfigDevServerTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigDevServerTransformContext\n) => WebpackConfigMutator;\n\nexport class WebpackMain {\n  constructor(\n    /**\n     * Pubsub extension.\n     */\n    public pubsub: PubsubMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * bundler extension.\n     */\n    private bundler: BundlerMain,\n\n    /**\n     * Logger extension\n     */\n    public logger: Logger\n  ) {}\n\n  /**\n   * create an instance of bit-compliant webpack dev server for a set of components\n   */\n  createDevServer(\n    context: DevServerContext,\n    transformers: WebpackConfigTransformer[] = [],\n    webpackModulePath?: string,\n    webpackDevServerModulePath?: string\n  ): DevServer {\n    const config = this.createDevServerConfig(\n      context.entry,\n      this.workspace.path,\n      context.id,\n      context.rootPath,\n      context.publicPath,\n      this.workspace.getComponentPathsRegExps(),\n      context.title\n    ) as any;\n    const wdsPath = webpackDevServerModulePath || require.resolve('webpack-dev-server');\n    const configMutator = new WebpackConfigMutator(config);\n    const transformerContext: WebpackConfigDevServerTransformContext = Object.assign(context, { mode: 'dev' as const });\n    const internalTransformers = this.generateTransformers(undefined, transformerContext);\n\n    const afterMutation = runTransformersWithContext(\n      configMutator.clone(),\n      [...internalTransformers, ...transformers],\n      transformerContext\n    );\n    // @ts-ignore - fix this\n    return new WebpackDevServer(afterMutation.raw, this.getWebpackInstance(webpackModulePath, webpack), wdsPath);\n  }\n\n  mergeConfig(target: any, source: any): any {\n    return merge(target, source);\n  }\n\n  createBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = [],\n    initialConfigs?: webpack.Configuration[],\n    webpackModuleOrPath?: string | any\n  ) {\n    const transformerContext: GlobalWebpackConfigTransformContext = {\n      mode: 'prod',\n      isEnvTemplate: context.metaData?.isEnvTemplate,\n    };\n    // eslint-disable-next-line max-len\n    const configs =\n      initialConfigs ||\n      this.createConfigs(context.targets, baseConfigFactory, transformers, transformerContext, context);\n    return new WebpackBundler(\n      context.targets,\n      configs,\n      this.logger,\n      this.getWebpackInstance(webpackModuleOrPath, webpack),\n      context.metaData\n    );\n  }\n\n  private createConfigs(\n    targets: Target[],\n    factory: (target: Target, context: BundlerContext) => Configuration,\n    transformers: WebpackConfigTransformer[] = [],\n    transformerContext: GlobalWebpackConfigTransformContext,\n    bundlerContext: BundlerContext\n  ) {\n    return targets.map((target) => {\n      const baseConfig = factory(target, bundlerContext);\n      const configMutator = new WebpackConfigMutator(baseConfig);\n      const context = Object.assign({}, transformerContext, { target });\n      const internalTransformers = this.generateTransformers(context, undefined, target);\n      const afterMutation = runTransformersWithContext(\n        configMutator.clone(),\n        [...internalTransformers, ...transformers],\n        context\n      );\n      return afterMutation.raw;\n    });\n  }\n\n  private generateTransformers(\n    _bundlerContext?: WebpackConfigTransformContext,\n    devServerContext?: WebpackConfigDevServerTransformContext,\n    target?: Target\n  ): Array<WebpackConfigTransformer> {\n    const transformers: WebpackConfigTransformer[] = [];\n    // TODO: handle dev server\n    const hostDeps = target?.hostDependencies || devServerContext?.hostDependencies;\n    if (hostDeps) {\n      if (target?.aliasHostDependencies || devServerContext?.aliasHostDependencies) {\n        const peerAliasesTransformer = generateAddAliasesFromPeersTransformer(hostDeps, this.logger);\n        transformers.push(peerAliasesTransformer);\n      }\n      if (target?.externalizeHostDependencies || devServerContext?.externalizeHostDependencies) {\n        const externalsTransformer = generateExternalsTransformer(hostDeps);\n        transformers.push(externalsTransformer);\n      }\n    }\n    return transformers;\n  }\n\n  private getWebpackInstance(webpackOrPath?: any | string, fallback?: any) {\n    if (!webpackOrPath) {\n      return fallback;\n    }\n    if (typeof webpackOrPath === 'string') {\n      // eslint-disable-next-line import/no-dynamic-require, global-require\n      return require(webpackOrPath);\n    }\n    return webpackOrPath;\n  }\n\n  private createDevServerConfig(\n    entry: string[],\n    rootPath: string,\n    devServerID: string,\n    publicRoot: string,\n    publicPath: string,\n    componentPathsRegExps: RegExp[],\n    title?: string\n  ) {\n    return devServerConfigFactory(\n      devServerID,\n      rootPath,\n      entry,\n      publicRoot,\n      publicPath,\n      componentPathsRegExps,\n      this.pubsub,\n      title\n    );\n  }\n\n  static slots = [];\n\n  static runtime = MainRuntime;\n  static dependencies = [PubsubAspect, WorkspaceAspect, BundlerAspect, LoggerAspect];\n\n  static async provider([pubsub, workspace, bundler, logger]: [PubsubMain, Workspace, BundlerMain, LoggerMain]) {\n    const logPublisher = logger.createLogger(WebpackAspect.id);\n    return new WebpackMain(pubsub, workspace, bundler, logPublisher);\n  }\n}\n\nWebpackAspect.addRuntime(WebpackMain);\n\nexport function runTransformersWithContext(\n  config: WebpackConfigMutator,\n  transformers: Array<WebpackConfigTransformer | WebpackConfigDevServerTransformer> = [],\n  // context: WebpackConfigTransformContext | WebpackConfigDevServerTransformContext\n  context: any\n): WebpackConfigMutator {\n  if (!Array.isArray(transformers)) return config;\n  const newConfig = transformers.reduce((acc, transformer) => {\n    // @ts-ignore\n    return transformer(acc, context);\n  }, config);\n  return newConfig;\n}\n"],"mappings":"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"}

package/index.ts

@@ -0,0 +1,29 @@
+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/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/webpack",
-  "version": "1.0.107",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/webpack/webpack",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.webpack",
     "name": "webpack",
-    "version": "1.0.107"
+    "version": "1.0.108"
   },
   "dependencies": {
     "webpack": "5.84.1",
@@ -43,16 +43,14 @@
     "expose-loader": "3.1.0",
     "inject-body-webpack-plugin": "1.3.0",
     "enhanced-resolve": "4.5.0",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
     "@teambit/bit-error": "0.0.404",
     "@teambit/webpack.modules.config-mutator": "0.0.164",
-    "@teambit/bundler": "1.0.107",
-    "@teambit/logger": "0.0.932",
-    "@teambit/cli": "0.0.839",
-    "@teambit/pubsub": "1.0.107",
-    "@teambit/workspace": "1.0.107",
+    "@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/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"
@@ -60,18 +58,16 @@
   "devDependencies": {
     "@types/webpack": "5.28.1",
     "@types/lodash": "4.14.165",
-    "@types/react": "^17.0.8",
     "@types/find-root": "1.1.2",
     "@types/react-dev-utils": "9.0.10",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "@teambit/legacy": "1.0.625",
+    "react": "^17.0.0 || ^18.0.0",
+    "@types/react": "^18.2.12"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -85,7 +81,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -94,12 +90,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/webpack.aspect.ts

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

package/webpack.bundler.ts

@@ -0,0 +1,162 @@
+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

@@ -0,0 +1,95 @@
+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

@@ -0,0 +1,241 @@
+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;
+}