refactor: remove CLI progress and move progress option into client (#2857)

ylemkimon · web-flow · commit ecf2fe180081 · 2020-11-26T17:27:51.000+03:00
diff --git a/bin/cli-flags.js b/bin/cli-flags.js
@@ -21,21 +21,25 @@ module.exports = {
       negative: true,
     },
     {
-      name: 'profile',
+      name: 'client-progress',
       type: Boolean,
-      describe: 'Print compilation profile data for progress steps',
-    },
-    {
-      name: 'progress',
-      type: Boolean,
-      describe: 'Print compilation progress in percentage',
+      describe: 'Print compilation progress in percentage in the browser',
       group: BASIC_GROUP,
+      processor(opts) {
+        opts.client = opts.client || {};
+        opts.client.progress = opts.clientProgress;
+        delete opts.clientProgress;
+      },
     },
     {
       name: 'hot-only',
       type: Boolean,
       describe: 'Do not refresh page if HMR fails',
       group: ADVANCED_GROUP,
+      processor(opts) {
+        opts.hot = 'only';
+        delete opts.hotOnly;
+      },
     },
     {
       name: 'setup-exit-signals',
@@ -73,6 +77,11 @@ module.exports = {
       group: DISPLAY_GROUP,
       describe:
         'Log level in the browser (none, error, warn, info, log, verbose)',
+      processor(opts) {
+        opts.client = opts.client || {};
+        opts.client.logging = opts.clientLogging;
+        delete opts.clientLogging;
+      },
     },
     {
       name: 'https',
@@ -106,7 +115,6 @@ module.exports = {
       describe: 'Enable gzip compression',
       group: RESPONSE_GROUP,
     },
-    // findPort is currently not set up
     {
       name: 'port',
       type: Number,
diff --git a/bin/options.js b/bin/options.js
diff --git a/examples/cli/progress/webpack.config.js b/examples/cli/progress/webpack.config.js
@@ -7,7 +7,7 @@ const { setup } = require('../../util');
 module.exports = setup({
   context: __dirname,
   entry: './app.js',
-  devServer: {
+  client: {
     progress: true,
   },
 });
diff --git a/lib/Server.js b/lib/Server.js
@@ -58,7 +58,7 @@ class Server {
       this.options
     );
 
-    if (this.options.progress) {
+    if (this.options.client.progress) {
       this.setupProgressPlugin();
     }
     this.setupHooks();
@@ -83,12 +83,6 @@ class Server {
   }
 
   setupProgressPlugin() {
-    // for CLI output
-    new webpack.ProgressPlugin({
-      profile: !!this.options.profile,
-    }).apply(this.compiler);
-
-    // for browser console output
     new webpack.ProgressPlugin((percent, msg, addInfo) => {
       percent = Math.floor(percent * 100);
 
@@ -569,8 +563,8 @@ class Server {
         this.sockWrite([connection], 'liveReload');
       }
 
-      if (this.options.progress) {
-        this.sockWrite([connection], 'progress', this.options.progress);
+      if (this.options.client.progress) {
+        this.sockWrite([connection], 'progress', this.options.client.progress);
       }
 
       if (this.options.clientOverlay) {
diff --git a/lib/options.json b/lib/options.json
@@ -83,6 +83,9 @@
         },
         "logging": {
           "enum": ["none", "error", "warn", "info", "log", "verbose"]
+        },
+        "progress": {
+          "type": "boolean"
         }
       },
       "additionalProperties": false
@@ -292,12 +295,6 @@
         }
       ]
     },
-    "profile": {
-      "type": "boolean"
-    },
-    "progress": {
-      "type": "boolean"
-    },
     "proxy": {
       "anyOf": [
         {
@@ -408,8 +405,6 @@
       "openPage": "should be {String|Array} (https://webpack.js.org/configuration/dev-server/#devserveropenpage)",
       "overlay": "should be {Boolean|Object} (https://webpack.js.org/configuration/dev-server/#devserveroverlay)",
       "port": "should be {Number|String|Null} (https://webpack.js.org/configuration/dev-server/#devserverport)",
-      "profile": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverprofile)",
-      "progress": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverprogress---cli-only)",
       "proxy": "should be {Object|Array} (https://webpack.js.org/configuration/dev-server/#devserverproxy)",
       "public": "should be {String} (https://webpack.js.org/configuration/dev-server/#devserverpublic)",
       "setupExitSignals": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserversetupexitsignals)",
diff --git a/test/__snapshots__/Validation.test.js.snap b/test/__snapshots__/Validation.test.js.snap
@@ -39,5 +39,5 @@ exports[`Validation validation should fail validation for invalid \`static\` con
 exports[`Validation validation should fail validation for no additional properties 1`] = `
 "Invalid configuration object. Object has been initialized using a configuration object that does not match the API schema.
  - configuration has an unknown property 'additional'. These properties are valid:
-   object { bonjour?, client?, compress?, dev?, firewall?, headers?, historyApiFallback?, host?, hot?, http2?, https?, injectClient?, injectHot?, liveReload?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, openPage?, overlay?, port?, profile?, progress?, proxy?, public?, setupExitSignals?, static?, stdin?, transportMode?, useLocalIp? }"
+   object { bonjour?, client?, compress?, dev?, firewall?, headers?, historyApiFallback?, host?, hot?, http2?, https?, injectClient?, injectHot?, liveReload?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, openPage?, overlay?, port?, proxy?, public?, setupExitSignals?, static?, stdin?, transportMode?, useLocalIp? }"
 `;
diff --git a/test/cli/cli.test.js b/test/cli/cli.test.js
@@ -98,31 +98,6 @@ runCLITest('CLI', () => {
       .catch(done);
   });
 
-  it('--progress', (done) => {
-    testBin('--progress')
-      .then((output) => {
-        expect(output.exitCode).toEqual(0);
-        expect(output.stderr).toContain('100%');
-        // should not profile
-        expect(output.stderr).not.toContain(
-          'ms after chunk modules optimization'
-        );
-        done();
-      })
-      .catch(done);
-  });
-
-  it('--progress --profile', (done) => {
-    testBin('--progress --profile')
-      .then((output) => {
-        expect(output.exitCode).toEqual(0);
-        // should profile
-        expect(output.stderr).toContain('after chunk modules optimization');
-        done();
-      })
-      .catch(done);
-  });
-
   it('--bonjour', (done) => {
     testBin('--bonjour')
       .then((output) => {
diff --git a/test/client/utils/__snapshots__/createSocketUrl.test.js.snap b/test/client/utils/__snapshots__/createSocketUrl.test.js.snap
@@ -2,6 +2,8 @@
 
 exports[`createSocketUrl should return the url when __resourceQuery is ?test 1`] = `"/ws"`;
 
+exports[`createSocketUrl should return the url when __resourceQuery is file://filename 1`] = `"file://filename/ws"`;
+
 exports[`createSocketUrl should return the url when __resourceQuery is http://0.0.0.0 1`] = `"http://localhost/ws"`;
 
 exports[`createSocketUrl should return the url when __resourceQuery is http://127.0.0.1 1`] = `"http://127.0.0.1/ws"`;
@@ -22,6 +24,8 @@ exports[`createSocketUrl should return the url when __resourceQuery is undefined
 
 exports[`createSocketUrl should return the url when the current script source is ?test 1`] = `"/ws"`;
 
+exports[`createSocketUrl should return the url when the current script source is file://filename 1`] = `"file://filename/ws"`;
+
 exports[`createSocketUrl should return the url when the current script source is http://0.0.0.0 1`] = `"http://localhost/ws"`;
 
 exports[`createSocketUrl should return the url when the current script source is http://127.0.0.1 1`] = `"http://127.0.0.1/ws"`;
diff --git a/test/client/utils/createSocketUrl.test.js b/test/client/utils/createSocketUrl.test.js
@@ -11,9 +11,7 @@ describe('createSocketUrl', () => {
     'https://localhost:123',
     'http://user:pass@[::]:8080',
     'http://127.0.0.1',
-    // TODO: comment out after the major release
-    // https://github.com/webpack/webpack-dev-server/pull/1954#issuecomment-498043376
-    // 'file://filename',
+    'file://filename',
     // eslint-disable-next-line no-undefined
     undefined,
   ];
diff --git a/test/e2e/Progress.test.js b/test/e2e/Progress.test.js
@@ -37,7 +37,9 @@ describe('client progress', () => {
         port,
         host: '0.0.0.0',
         hot: true,
-        progress: true,
+        client: {
+          progress: true,
+        },
       };
 
       // we need a delay between file writing and the start
diff --git a/test/fixtures/schema/webpack.config.no-dev-stats.js b/test/fixtures/schema/webpack.config.no-dev-stats.js
@@ -8,7 +8,6 @@ module.exports = {
   devServer: {
     host: '_foo',
     public: '_public',
-    progress: '_progress',
     publicPath: '_publicPath',
     hot: '_hot',
     clientLogging: '_clientLogging',
diff --git a/test/options.test.js b/test/options.test.js
@@ -202,6 +202,11 @@ describe('options', () => {
               port: null,
             },
           },
+          {
+            client: {
+              progress: false,
+            },
+          },
         ],
         failure: [
           'whoops!',
@@ -227,6 +232,11 @@ describe('options', () => {
               logging: 'silent',
             },
           },
+          {
+            client: {
+              progress: '',
+            },
+          },
         ],
       },
       compress: {
@@ -355,14 +365,6 @@ describe('options', () => {
         success: ['', 0, null],
         failure: [false],
       },
-      profile: {
-        success: [false],
-        failure: [''],
-      },
-      progress: {
-        success: [false],
-        failure: [''],
-      },
       proxy: {
         success: [
           {
diff --git a/test/ports-map.js b/test/ports-map.js
@@ -37,8 +37,6 @@ const portsList = {
   WebsocketServer: 1,
   TransportMode: 1,
   Progress: 1,
-  'progress-option': 1,
-  'profile-option': 1,
   Iframe: 1,
   SocketInjection: 1,
   'static-publicPath-option': 1,
diff --git a/test/server/profile-option.test.js b/test/server/profile-option.test.js
diff --git a/test/server/progress-option.test.js b/test/server/progress-option.test.js
