feat: allow username and password in clientURL

Author: anshumanv

bin/cli-flags.js

@@ -275,6 +275,36 @@ module.exports = {
     multiple: false,
     simpleType: 'string',
   },
+  'client-web-socket-url-username': {
+    configs: [
+      {
+        type: 'string',
+        multiple: false,
+        description:
+          'Tells clients connected to devServer to use the provided username to authenticate.',
+        path: 'client.webSocketURL.username',
+      },
+    ],
+    description:
+      'Tells clients connected to devServer to use the provided username to authenticate.',
+    simpleType: 'string',
+    multiple: false,
+  },
+  'client-web-socket-url-password': {
+    configs: [
+      {
+        type: 'string',
+        multiple: false,
+        description:
+          'Tells clients connected to devServer to use the provided password to authenticate.',
+        path: 'client.webSocketURL.password',
+      },
+    ],
+    description:
+      'Tells clients connected to devServer to use the provided password to authenticate.',
+    simpleType: 'string',
+    multiple: false,
+  },
   'web-socket-server': {
     configs: [
       {

lib/options.json

@@ -154,11 +154,11 @@
               "type": "string"
             },
             "username": {
-              "description": "Tells clients connected to devServer to use the provided username to connect.",
+              "description": "Tells clients connected to devServer to use the provided username to authenticate.",
               "type": "string"
             },
             "password": {
-              "description": "Tells clients connected to devServer to use the provided password to connect.",
+              "description": "Tells clients connected to devServer to use the provided password to authenticate.",
               "type": "string"
             },
             "port": {

test/server/__snapshots__/Server.test.js.snap.webpack5

@@ -4,7 +4,7 @@ exports[`Server DevServerPlugin add hot option 1`] = `
 Array [
   Array [
     "client",
-    "index.js?ws%3A%2F%2Flocalhost%3A8103%2Fws",
+    "index.js?ws%3A%2F%2Flocalhost%3A8104%2Fws",
   ],
   Array [
     "node_modules",
@@ -22,7 +22,7 @@ exports[`Server DevServerPlugin add hot-only option 1`] = `
 Array [
   Array [
     "client",
-    "index.js?ws%3A%2F%2Flocalhost%3A8103%2Fws",
+    "index.js?ws%3A%2F%2Flocalhost%3A8104%2Fws",
   ],
   Array [
     "node_modules",
@@ -40,7 +40,7 @@ exports[`Server DevServerPlugin should create and run server with old parameters
 Array [
   Array [
     "client",
-    "index.js?ws%3A%2F%2Flocalhost%3A8103%2Fws",
+    "index.js?ws%3A%2F%2Flocalhost%3A8104%2Fws",
   ],
   Array [
     "node_modules",

test/server/servers/__snapshots__/WebsocketServer.test.js.snap.webpack5

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`WebsocketServer should receive connection, send message, and close client 1`] = `"localhost:8129"`;
+exports[`WebsocketServer should receive connection, send message, and close client 1`] = `"localhost:8130"`;
 
 exports[`WebsocketServer should receive connection, send message, and close client 2`] = `
 Array [