refactor: rename webpack-dev-server to rspack-dev-server

Author: chenjiahan

client-src/index.ts

@@ -269,9 +269,9 @@ const reloadApp = (
   }
 
   const search = self.location.search.toLowerCase();
-  const allowToHot = search.indexOf('webpack-dev-server-hot=false') === -1;
+  const allowToHot = search.indexOf('rspack-dev-server-hot=false') === -1;
   const allowToLiveReload =
-    search.indexOf('webpack-dev-server-live-reload=false') === -1;
+    search.indexOf('rspack-dev-server-live-reload=false') === -1;
 
   if (hot && allowToHot) {
     log.info('App hot update...');

client-src/overlay.ts

@@ -460,15 +460,15 @@ const createOverlay = (options: CreateOverlayOptions): StateMachine => {
     // Enable Trusted Types if they are available in the current browser.
     if (window.trustedTypes) {
       overlayTrustedTypesPolicy = window.trustedTypes.createPolicy(
-        trustedTypesPolicyName || 'webpack-dev-server#overlay',
+        trustedTypesPolicyName || 'rspack-dev-server#overlay',
         {
           createHTML: (value: string) => value,
         },
       );
     }
 
     iframeContainerElement = document.createElement('iframe');
-    iframeContainerElement.id = 'webpack-dev-server-client-overlay';
+    iframeContainerElement.id = 'rspack-dev-server-client-overlay';
     iframeContainerElement.src = 'about:blank';
     applyStyle(iframeContainerElement, iframeStyle);
 
@@ -480,7 +480,7 @@ const createOverlay = (options: CreateOverlayOptions): StateMachine => {
         iframeContainerElement?.contentDocument as Document
       ).createElement('div');
 
-      contentElement.id = 'webpack-dev-server-client-overlay-div';
+      contentElement.id = 'rspack-dev-server-client-overlay-div';
       applyStyle(contentElement, containerStyle);
 
       headerElement = document.createElement('div');
@@ -590,7 +590,7 @@ const createOverlay = (options: CreateOverlayOptions): StateMachine => {
           typeElement.setAttribute('data-can-open', 'true');
           typeElement.addEventListener('click', () => {
             fetch(
-              `/webpack-dev-server/open-editor?fileName=${message.moduleIdentifier}`,
+              `/rspack-dev-server/open-editor?fileName=${message.moduleIdentifier}`,
             );
           });
         }

src/server.ts

@@ -1775,8 +1775,8 @@ class Server<
 
     // Should be after `webpack-dev-middleware`, otherwise other middlewares might rewrite response
     middlewares.push({
-      name: 'webpack-dev-server-sockjs-bundle',
-      path: '/__webpack_dev_server__/sockjs.bundle.js',
+      name: 'rspack-dev-server-sockjs-bundle',
+      path: '/__rspack_dev_server__/sockjs.bundle.js',
       middleware: (req: Request, res: Response, next: NextFunction) => {
         if (req.method !== 'GET' && req.method !== 'HEAD') {
           next();
@@ -1818,8 +1818,8 @@ class Server<
     });
 
     middlewares.push({
-      name: 'webpack-dev-server-invalidate',
-      path: '/webpack-dev-server/invalidate',
+      name: 'rspack-dev-server-invalidate',
+      path: '/rspack-dev-server/invalidate',
       middleware: (req: Request, res: Response, next: NextFunction) => {
         if (req.method !== 'GET' && req.method !== 'HEAD') {
           next();
@@ -1833,8 +1833,8 @@ class Server<
     });
 
     middlewares.push({
-      name: 'webpack-dev-server-open-editor',
-      path: '/webpack-dev-server/open-editor',
+      name: 'rspack-dev-server-open-editor',
+      path: '/rspack-dev-server/open-editor',
       middleware: (req: Request, res: Response, next: NextFunction) => {
         if (req.method !== 'GET' && req.method !== 'HEAD') {
           next();

src/servers/SockJSServer.ts

@@ -61,7 +61,7 @@ class SockJSServer extends BaseServer {
         return options.sockjsUrl;
       }
 
-      return '/__webpack_dev_server__/sockjs.bundle.js';
+      return '/__rspack_dev_server__/sockjs.bundle.js';
     };
 
     this.implementation = sockjs.createServer({