feat!: remove bonjour feature

Author: chenjiahan

.vscode/settings.json

@@ -1,18 +1,18 @@
 {
   "search.useIgnoreFiles": true,
   "[json]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[typescript]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascript]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascriptreact]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[css]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

package.json

@@ -97,15 +97,13 @@
     "webpack-merge": "^6.0.1"
   },
   "dependencies": {
-    "@types/bonjour": "^3.5.13",
     "@types/connect-history-api-fallback": "^1.5.4",
     "@types/express": "^4.17.25",
     "@types/express-serve-static-core": "^4.17.21",
     "@types/serve-index": "^1.9.4",
     "@types/serve-static": "^1.15.5",
     "@types/sockjs": "^0.3.36",
     "@types/ws": "^8.5.10",
-    "bonjour-service": "^1.2.1",
     "chokidar": "^3.6.0",
     "compression": "^1.8.1",
     "connect-history-api-fallback": "^2.0.0",

pnpm-lock.yaml

@@ -1,5 +1,4 @@
 import type {
-  BonjourOptions,
   ClientConfiguration,
   ConnectHistoryApiFallbackOptions,
   DevServer,
@@ -23,7 +22,6 @@ export interface ResolvedDevServer extends DevServer {
   proxy: Required<DevServer['proxy']>;
   client: ClientConfiguration;
   allowedHosts: 'auto' | string[] | 'all';
-  bonjour: false | Record<string, never> | BonjourOptions;
   compress: boolean;
   historyApiFallback: false | ConnectHistoryApiFallbackOptions;
   server: ServerConfiguration;

src/config.ts

@@ -24,7 +24,6 @@ import type {
   Port,
   DevMiddlewareOptions,
   ConnectHistoryApiFallbackOptions,
-  BonjourOptions,
   WatchFiles,
   Static,
   ServerType,
@@ -42,7 +41,6 @@ import type {
   EXPECTED_ANY,
   RequestHandler,
   Socket,
-  Bonjour,
   WebSocketServerImplementation,
   Stats,
   MultiStats,
@@ -89,7 +87,6 @@ export interface Configuration<
   compress?: boolean;
   allowedHosts?: 'auto' | 'all' | string | string[];
   historyApiFallback?: boolean | ConnectHistoryApiFallbackOptions;
-  bonjour?: boolean | Record<string, never> | BonjourOptions;
   watchFiles?: string | string[] | WatchFiles | Array<string | WatchFiles>;
   static?: boolean | string | Static | Array<string | Static>;
   server?: ServerType<A, S> | ServerConfiguration<A, S>;
@@ -177,7 +174,6 @@ class Server<
   sockets: Socket[];
   currentHash: string | undefined;
   isTlsServer = false;
-  bonjour: Bonjour | undefined;
   webSocketServer: WebSocketServerImplementation | null | undefined;
   middleware:
     | import('webpack-dev-middleware').API<Request, Response>
@@ -801,12 +797,6 @@ class Server<
       options.allowedHosts = 'all';
     }
 
-    if (typeof options.bonjour === 'undefined') {
-      options.bonjour = false;
-    } else if (typeof options.bonjour === 'boolean') {
-      options.bonjour = options.bonjour ? {} : false;
-    }
-
     if (
       typeof options.client === 'undefined' ||
       (typeof options.client === 'object' && options.client !== null)
@@ -2401,31 +2391,6 @@ class Server<
     );
   }
 
-  runBonjour(): void {
-    const { Bonjour } = require('bonjour-service');
-
-    const type = this.isTlsServer ? 'https' : 'http';
-
-    this.bonjour = new Bonjour();
-    this.bonjour?.publish({
-      name: `Rspack Dev Server ${os.hostname()}:${this.options.port}`,
-      port: this.options.port as number,
-      type,
-      subtypes: ['rspack'],
-      ...(this.options.bonjour as Partial<BonjourOptions>),
-    });
-  }
-
-  stopBonjour(callback: () => void = () => {}) {
-    this.bonjour?.unpublishAll(() => {
-      this.bonjour?.destroy();
-
-      if (callback) {
-        callback();
-      }
-    });
-  }
-
   async logStatus() {
     const server = this.server as S;
 
@@ -2520,18 +2485,6 @@ class Server<
         await this.openBrowser(openTarget);
       }
     }
-
-    if (this.options.bonjour) {
-      const bonjourProtocol =
-        (this.options.bonjour as BonjourOptions | undefined)?.type ||
-        this.isTlsServer
-          ? 'https'
-          : 'http';
-
-      this.logger.info(
-        `Broadcasting "${bonjourProtocol}" with subtype of "rspack" via ZeroConf DNS (Bonjour)`,
-      );
-    }
   }
 
   setHeaders(req: Request, res: Response, next: NextFunction) {
@@ -2892,10 +2845,6 @@ class Server<
       this.createWebSocketServer();
     }
 
-    if (this.options.bonjour) {
-      this.runBonjour();
-    }
-
     await this.logStatus();
 
     if (typeof this.options.onListening === 'function') {
@@ -2910,14 +2859,6 @@ class Server<
   }
 
   async stop(): Promise<void> {
-    if (this.bonjour) {
-      await new Promise<void>((resolve) => {
-        this.stopBonjour(() => {
-          resolve();
-        });
-      });
-    }
-
     this.webSocketProxies = [];
 
     await Promise.all(this.staticWatchers.map((watcher) => watcher.close()));

src/server.ts

@@ -16,8 +16,6 @@ export type {
   StatsCompilation,
   StatsOptions,
 } from '@rspack/core';
-import type { Bonjour, Service as BonjourOptions } from 'bonjour-service';
-export type { Bonjour, BonjourOptions };
 import type { FSWatcher, WatchOptions } from 'chokidar';
 export type { FSWatcher, WatchOptions };
 import type { Options as ConnectHistoryApiFallbackOptions } from 'connect-history-api-fallback';