@teambit/webpack 0.0.673 → 0.0.676

package/dist/index.d.ts

@@ -11,3 +11,4 @@ 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 } from './transformers';

package/dist/index.js

@@ -13,14 +13,28 @@ var _exportNames = {
   WebpackBitReporterPlugin: true,
   fallbacks: true,
   fallbacksAliases: true,
-  fallbacksProvidePluginConfig: true
+  fallbacksProvidePluginConfig: true,
+  GenerateBodyInjectionTransformer: true,
+  BodyInjectionOptions: true
 };
+Object.defineProperty(exports, "BodyInjectionOptions", {
+  enumerable: true,
+  get: function () {
+    return _transformers().BodyInjectionOptions;
+  }
+});
 Object.defineProperty(exports, "Configuration", {
   enumerable: true,
   get: function () {
     return _webpack4().Configuration;
   }
 });
+Object.defineProperty(exports, "GenerateBodyInjectionTransformer", {
+  enumerable: true,
+  get: function () {
+    return _transformers().GenerateBodyInjectionTransformer;
+  }
+});
 Object.defineProperty(exports, "WebpackAspect", {
   enumerable: true,
   get: function () {
@@ -190,4 +204,14 @@ function _webpackFallbacksProvidePluginConfig() {
   return data;
 }
 
+function _transformers() {
+  const data = require("./transformers");
+
+  _transformers = function () {
+    return data;
+  };
+
+  return data;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export type {\n  WebpackMain,\n  WebpackConfigTransformer,\n  WebpackConfigTransformContext,\n  WebpackConfigDevServerTransformContext,\n  GlobalWebpackConfigTransformContext,\n  WebpackConfigDevServerTransformer,\n} from './webpack.main.runtime';\nexport { runTransformersWithContext } from './webpack.main.runtime';\nexport { WebpackAspect } from './webpack.aspect';\nexport { WebpackDevServer } from './webpack.dev-server';\nexport { WebpackBundler } from './webpack.bundler';\nexport type { WebpackConfigWithDevServer } from './webpack.dev-server';\nexport * from './events';\nexport { Configuration } from 'webpack';\nexport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\nexport { WebpackBitReporterPlugin } from './plugins/webpack-bit-reporter-plugin';\nexport { fallbacks } from './config/webpack-fallbacks';\nexport { fallbacksAliases } from './config/webpack-fallbacks-aliases';\nexport { fallbacksProvidePluginConfig } from './config/webpack-fallbacks-provide-plugin-config';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export type {\n  WebpackMain,\n  WebpackConfigTransformer,\n  WebpackConfigTransformContext,\n  WebpackConfigDevServerTransformContext,\n  GlobalWebpackConfigTransformContext,\n  WebpackConfigDevServerTransformer,\n} from './webpack.main.runtime';\nexport { runTransformersWithContext } from './webpack.main.runtime';\nexport { WebpackAspect } from './webpack.aspect';\nexport { WebpackDevServer } from './webpack.dev-server';\nexport { WebpackBundler } from './webpack.bundler';\nexport type { WebpackConfigWithDevServer } from './webpack.dev-server';\nexport * from './events';\nexport { Configuration } from 'webpack';\nexport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\nexport { WebpackBitReporterPlugin } from './plugins/webpack-bit-reporter-plugin';\nexport { fallbacks } from './config/webpack-fallbacks';\nexport { fallbacksAliases } from './config/webpack-fallbacks-aliases';\nexport { fallbacksProvidePluginConfig } from './config/webpack-fallbacks-provide-plugin-config';\nexport { GenerateBodyInjectionTransformer, BodyInjectionOptions } from './transformers';\n"]}

package/dist/transformers/index.d.ts

@@ -0,0 +1 @@
+export { GenerateBodyInjectionTransformer, BodyInjectionOptions } from './inject-body';

package/dist/transformers/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BodyInjectionOptions", {
+  enumerable: true,
+  get: function () {
+    return _injectBody().BodyInjectionOptions;
+  }
+});
+Object.defineProperty(exports, "GenerateBodyInjectionTransformer", {
+  enumerable: true,
+  get: function () {
+    return _injectBody().GenerateBodyInjectionTransformer;
+  }
+});
+
+function _injectBody() {
+  const data = require("./inject-body");
+
+  _injectBody = function () {
+    return data;
+  };
+
+  return data;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/transformers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { GenerateBodyInjectionTransformer, BodyInjectionOptions } from './inject-body';\n"]}

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

@@ -0,0 +1,14 @@
+import type { WebpackConfigTransformer } from '@teambit/webpack';
+export declare type BodyInjectionOptions = {
+    content: string;
+    position?: 'start' | 'end';
+};
+/**
+ * A transformer that allow you to inject content into your html body
+ * We expose it from here, as it uses the inject-body-webpack-plugin which register to the html plugin hooks
+ * which means it depends on the fact that it has the same html plugin instance
+ * since, the html plugin is configured via the webpack aspect, expose it from here ensure the same instance
+ * @param options
+ * @returns
+ */
+export declare function GenerateBodyInjectionTransformer(options: BodyInjectionOptions): WebpackConfigTransformer;

package/dist/transformers/inject-body.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GenerateBodyInjectionTransformer = GenerateBodyInjectionTransformer;
+
+function _injectBodyWebpackPlugin() {
+  const data = _interopRequireDefault(require("inject-body-webpack-plugin"));
+
+  _injectBodyWebpackPlugin = function () {
+    return data;
+  };
+
+  return data;
+}
+
+/**
+ * A transformer that allow you to inject content into your html body
+ * We expose it from here, as it uses the inject-body-webpack-plugin which register to the html plugin hooks
+ * which means it depends on the fact that it has the same html plugin instance
+ * since, the html plugin is configured via the webpack aspect, expose it from here ensure the same instance
+ * @param options
+ * @returns
+ */
+function GenerateBodyInjectionTransformer(options) {
+  return config => {
+    // @ts-ignore - https://github.com/Jaid/inject-body-webpack-plugin/issues/12
+    const plugin = new (_injectBodyWebpackPlugin().default)(options);
+    return config.addPlugin(plugin);
+  };
+}
+
+//# sourceMappingURL=inject-body.js.map

package/dist/transformers/inject-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["inject-body.ts"],"names":["GenerateBodyInjectionTransformer","options","config","plugin","InjectBodyPlugin","addPlugin"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gCAAT,CAA0CC,OAA1C,EAAmG;AACxG,SAAQC,MAAD,IAAY;AACjB;AACA,UAAMC,MAAM,GAAG,KAAIC,kCAAJ,EAAqBH,OAArB,CAAf;AAEA,WAAOC,MAAM,CAACG,SAAP,CAAiBF,MAAjB,CAAP;AACD,GALD;AAMD","sourcesContent":["import InjectBodyPlugin from 'inject-body-webpack-plugin';\nimport type { WebpackConfigTransformer } from '@teambit/webpack';\n\nexport type BodyInjectionOptions = {\n  content: string;\n  position?: 'start' | 'end';\n};\n\n/**\n * A transformer that allow you to inject content into your html body\n * We expose it from here, as it uses the inject-body-webpack-plugin which register to the html plugin hooks\n * which means it depends on the fact that it has the same html plugin instance\n * since, the html plugin is configured via the webpack aspect, expose it from here ensure the same instance\n * @param options\n * @returns\n */\nexport function GenerateBodyInjectionTransformer(options: BodyInjectionOptions): WebpackConfigTransformer {\n  return (config) => {\n    // @ts-ignore - https://github.com/Jaid/inject-body-webpack-plugin/issues/12\n    const plugin = new InjectBodyPlugin(options);\n\n    return config.addPlugin(plugin);\n  };\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/webpack",
-  "version": "0.0.673",
+  "version": "0.0.676",
   "homepage": "https://bit.dev/teambit/webpack/webpack",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.webpack",
     "name": "webpack",
-    "version": "0.0.673"
+    "version": "0.0.676"
   },
   "dependencies": {
     "webpack": "5.51.1",
@@ -20,6 +20,7 @@
     "html-webpack-plugin": "5.3.2",
     "webpack-assets-manifest": "5.1.0",
     "react-dev-utils": "11.0.4",
+    "inject-body-webpack-plugin": "1.3.0",
     "vm-browserify": "1.1.2",
     "util": "0.12.3",
     "url": "0.11.0",
@@ -44,11 +45,11 @@
     "core-js": "^3.0.0",
     "@teambit/webpack.modules.config-mutator": "0.0.137",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/bundler": "0.0.673",
-    "@teambit/logger": "0.0.542",
-    "@teambit/cli": "0.0.452",
-    "@teambit/pubsub": "0.0.673",
-    "@teambit/workspace": "0.0.673",
+    "@teambit/bundler": "0.0.676",
+    "@teambit/logger": "0.0.545",
+    "@teambit/cli": "0.0.453",
+    "@teambit/pubsub": "0.0.676",
+    "@teambit/workspace": "0.0.676",
     "@teambit/webpack.modules.generate-externals": "0.0.3"
   },
   "devDependencies": {
@@ -63,7 +64,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.231",
+    "@teambit/legacy": "1.0.232",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1647141743465.js → preview-1647314610121.js}

@@ -1 +1 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@0.0.673/dist/webpack.composition.js')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@0.0.676/dist/webpack.composition.js')]

package/transformers/index.ts

@@ -0,0 +1 @@
+export { GenerateBodyInjectionTransformer, BodyInjectionOptions } from './inject-body';

package/transformers/inject-body.ts

@@ -0,0 +1,24 @@
+import InjectBodyPlugin from 'inject-body-webpack-plugin';
+import type { WebpackConfigTransformer } from '@teambit/webpack';
+
+export type BodyInjectionOptions = {
+  content: string;
+  position?: 'start' | 'end';
+};
+
+/**
+ * A transformer that allow you to inject content into your html body
+ * We expose it from here, as it uses the inject-body-webpack-plugin which register to the html plugin hooks
+ * which means it depends on the fact that it has the same html plugin instance
+ * since, the html plugin is configured via the webpack aspect, expose it from here ensure the same instance
+ * @param options
+ * @returns
+ */
+export function GenerateBodyInjectionTransformer(options: BodyInjectionOptions): WebpackConfigTransformer {
+  return (config) => {
+    // @ts-ignore - https://github.com/Jaid/inject-body-webpack-plugin/issues/12
+    const plugin = new InjectBodyPlugin(options);
+
+    return config.addPlugin(plugin);
+  };
+}