@teambit/webpack 0.0.512 → 0.0.516

package/dist/webpack.dev-server.d.ts

@@ -12,6 +12,9 @@ export declare class WebpackDevServer implements DevServer {
     private WsDevServer;
     constructor(config: WebpackConfigWithDevServer, webpack: typeof webpackCompiler, WsDevServer: WDS);
     private getCompiler;
+    id: string;
+    displayName: string;
+    displayConfig(): string;
     listen(port: number): Promise<Server>;
     private addSignalListener;
 }

package/dist/webpack.dev-server.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 require("core-js/modules/es.promise.js");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,17 +9,55 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WebpackDevServer = void 0;
 
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _util() {
+  const data = require("util");
+
+  _util = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _webpack() {
+  const data = require("./webpack.aspect");
+
+  _webpack = function () {
+    return data;
+  };
+
+  return data;
+}
+
 class WebpackDevServer {
   constructor(config, webpack, WsDevServer) {
     this.config = config;
     this.webpack = webpack;
     this.WsDevServer = WsDevServer;
+    (0, _defineProperty2().default)(this, "id", _webpack().WebpackAspect.id);
+    (0, _defineProperty2().default)(this, "displayName", 'Webpack dev server');
   }
 
   getCompiler() {
     return this.webpack(this.config);
   }
 
+  displayConfig() {
+    return (0, _util().inspect)(this.config, {
+      depth: 10
+    });
+  }
+
   async listen(port) {
     if (!this.config.devServer) {
       throw new Error('Missing devServer configuration for webpack');

package/dist/webpack.dev-server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack.dev-server.ts"],"names":["WebpackDevServer","constructor","config","webpack","WsDevServer","getCompiler","listen","port","devServer","Error","addSignalListener","webpackDs","start","server","process","on","exit"],"mappings":";;;;;;;;;AAQO,MAAMA,gBAAN,CAA4C;AACjDC,EAAAA,WAAW,CACDC,MADC,EAEDC,OAFC,EAGDC,WAHC,EAIT;AAAA,SAHQF,MAGR,GAHQA,MAGR;AAAA,SAFQC,OAER,GAFQA,OAER;AAAA,SADQC,WACR,GADQA,WACR;AAAE;;AAEIC,EAAAA,WAAW,GAAQ;AACzB,WAAO,KAAKF,OAAL,CAAa,KAAKD,MAAlB,CAAP;AACD;;AAEW,QAANI,MAAM,CAACC,IAAD,EAAgC;AAC1C,QAAI,CAAC,KAAKL,MAAL,CAAYM,SAAjB,EAA4B;AAC1B,YAAM,IAAIC,KAAJ,CAAU,6CAAV,CAAN;AACD,KAHyC,CAI1C;;;AACA,SAAKP,MAAL,CAAYM,SAAZ,CAAsBD,IAAtB,GAA6BA,IAA7B,CAL0C,CAO1C;;AACA,SAAKG,iBAAL,GAR0C,CAS1C;;AACA,UAAMC,SAAc,GAAG,IAAI,KAAKP,WAAT,CAAqB,KAAKF,MAAL,CAAYM,SAAjC,EAA4C,KAAKH,WAAL,EAA5C,CAAvB;AACA,UAAMM,SAAS,CAACC,KAAV,EAAN;AAEA,WAAOD,SAAS,CAACE,MAAjB;AACD;;AAEOH,EAAAA,iBAAiB,GAAG;AAC1BI,IAAAA,OAAO,CAACC,EAAR,CAAW,SAAX,EAAsB,MAAM;AAC1BD,MAAAA,OAAO,CAACE,IAAR;AACD,KAFD;AAIAF,IAAAA,OAAO,CAACC,EAAR,CAAW,QAAX,EAAqB,MAAM;AACzBD,MAAAA,OAAO,CAACE,IAAR;AACD,KAFD;AAGD;;AAnCgD","sourcesContent":["import type { DevServer } from '@teambit/bundler';\nimport type { Server } from 'http';\nimport type { webpack as webpackCompiler, Configuration } from 'webpack';\nimport type * as WDS from 'webpack-dev-server';\n\nexport interface WebpackConfigWithDevServer extends Configuration {\n  devServer: WDS.Configuration;\n}\nexport class WebpackDevServer implements DevServer {\n  constructor(\n    private config: WebpackConfigWithDevServer,\n    private webpack: typeof webpackCompiler,\n    private WsDevServer: WDS\n  ) {}\n\n  private getCompiler(): any {\n    return this.webpack(this.config);\n  }\n\n  async listen(port: number): Promise<Server> {\n    if (!this.config.devServer) {\n      throw new Error('Missing devServer configuration for webpack');\n    }\n    // Prevent different port between the config port and the listen arg port\n    this.config.devServer.port = port;\n\n    // Adding signal listeners to make sure we immediately close the process on sigint / sigterm (otherwise webpack dev server closing will take time)\n    this.addSignalListener();\n    // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler\n    const webpackDs: WDS = new this.WsDevServer(this.config.devServer, this.getCompiler());\n    await webpackDs.start();\n\n    return webpackDs.server;\n  }\n\n  private addSignalListener() {\n    process.on('SIGTERM', () => {\n      process.exit();\n    });\n\n    process.on('SIGINT', () => {\n      process.exit();\n    });\n  }\n}\n"]}
+{"version":3,"sources":["webpack.dev-server.ts"],"names":["WebpackDevServer","constructor","config","webpack","WsDevServer","WebpackAspect","id","getCompiler","displayConfig","depth","listen","port","devServer","Error","addSignalListener","webpackDs","start","server","process","on","exit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAKO,MAAMA,gBAAN,CAA4C;AACjDC,EAAAA,WAAW,CACDC,MADC,EAEDC,OAFC,EAGDC,WAHC,EAIT;AAAA,SAHQF,MAGR,GAHQA,MAGR;AAAA,SAFQC,OAER,GAFQA,OAER;AAAA,SADQC,WACR,GADQA,WACR;AAAA,gDAMGC,yBAAcC,EANjB;AAAA,yDAQY,oBARZ;AAAE;;AAEIC,EAAAA,WAAW,GAAQ;AACzB,WAAO,KAAKJ,OAAL,CAAa,KAAKD,MAAlB,CAAP;AACD;;AAMDM,EAAAA,aAAa,GAAW;AACtB,WAAO,qBAAQ,KAAKN,MAAb,EAAqB;AAAEO,MAAAA,KAAK,EAAE;AAAT,KAArB,CAAP;AACD;;AAEW,QAANC,MAAM,CAACC,IAAD,EAAgC;AAC1C,QAAI,CAAC,KAAKT,MAAL,CAAYU,SAAjB,EAA4B;AAC1B,YAAM,IAAIC,KAAJ,CAAU,6CAAV,CAAN;AACD,KAHyC,CAI1C;;;AACA,SAAKX,MAAL,CAAYU,SAAZ,CAAsBD,IAAtB,GAA6BA,IAA7B,CAL0C,CAO1C;;AACA,SAAKG,iBAAL,GAR0C,CAS1C;;AACA,UAAMC,SAAc,GAAG,IAAI,KAAKX,WAAT,CAAqB,KAAKF,MAAL,CAAYU,SAAjC,EAA4C,KAAKL,WAAL,EAA5C,CAAvB;AACA,UAAMQ,SAAS,CAACC,KAAV,EAAN;AAEA,WAAOD,SAAS,CAACE,MAAjB;AACD;;AAEOH,EAAAA,iBAAiB,GAAG;AAC1BI,IAAAA,OAAO,CAACC,EAAR,CAAW,SAAX,EAAsB,MAAM;AAC1BD,MAAAA,OAAO,CAACE,IAAR;AACD,KAFD;AAIAF,IAAAA,OAAO,CAACC,EAAR,CAAW,QAAX,EAAqB,MAAM;AACzBD,MAAAA,OAAO,CAACE,IAAR;AACD,KAFD;AAGD;;AA3CgD","sourcesContent":["import type { DevServer } from '@teambit/bundler';\nimport type { Server } from 'http';\nimport type { webpack as webpackCompiler, Configuration } from 'webpack';\nimport type * as WDS from 'webpack-dev-server';\nimport { inspect } from 'util';\nimport { WebpackAspect } from './webpack.aspect';\n\nexport interface WebpackConfigWithDevServer extends Configuration {\n  devServer: WDS.Configuration;\n}\nexport class WebpackDevServer implements DevServer {\n  constructor(\n    private config: WebpackConfigWithDevServer,\n    private webpack: typeof webpackCompiler,\n    private WsDevServer: WDS\n  ) {}\n\n  private getCompiler(): any {\n    return this.webpack(this.config);\n  }\n\n  id = WebpackAspect.id;\n\n  displayName = 'Webpack dev server';\n\n  displayConfig(): string {\n    return inspect(this.config, { depth: 10 });\n  }\n\n  async listen(port: number): Promise<Server> {\n    if (!this.config.devServer) {\n      throw new Error('Missing devServer configuration for webpack');\n    }\n    // Prevent different port between the config port and the listen arg port\n    this.config.devServer.port = port;\n\n    // Adding signal listeners to make sure we immediately close the process on sigint / sigterm (otherwise webpack dev server closing will take time)\n    this.addSignalListener();\n    // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler\n    const webpackDs: WDS = new this.WsDevServer(this.config.devServer, this.getCompiler());\n    await webpackDs.start();\n\n    return webpackDs.server;\n  }\n\n  private addSignalListener() {\n    process.on('SIGTERM', () => {\n      process.exit();\n    });\n\n    process.on('SIGINT', () => {\n      process.exit();\n    });\n  }\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/webpack",
-  "version": "0.0.512",
+  "version": "0.0.516",
   "homepage": "https://bit.dev/teambit/webpack/webpack",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.webpack",
     "name": "webpack",
-    "version": "0.0.512"
+    "version": "0.0.516"
   },
   "dependencies": {
     "webpack": "5.51.1",
@@ -38,13 +38,13 @@
     "assert": "2.0.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/webpack.modules.config-mutator": "0.0.89",
+    "@teambit/webpack.modules.config-mutator": "0.0.92",
     "@teambit/bit-error": "0.0.365",
-    "@teambit/bundler": "0.0.512",
-    "@teambit/logger": "0.0.444",
-    "@teambit/cli": "0.0.378",
-    "@teambit/pubsub": "0.0.512",
-    "@teambit/workspace": "0.0.512"
+    "@teambit/bundler": "0.0.516",
+    "@teambit/logger": "0.0.447",
+    "@teambit/cli": "0.0.379",
+    "@teambit/pubsub": "0.0.516",
+    "@teambit/workspace": "0.0.516"
   },
   "devDependencies": {
     "@types/webpack": "5.28.0",
@@ -56,7 +56,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.155",
+    "@teambit/legacy": "1.0.158",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/webpack.dev-server.ts

@@ -2,6 +2,8 @@ import type { DevServer } from '@teambit/bundler';
 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;
@@ -17,6 +19,14 @@ export class WebpackDevServer implements DevServer {
     return this.webpack(this.config);
   }
 
+  id = WebpackAspect.id;
+
+  displayName = 'Webpack dev server';
+
+  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');