fix: dev server type (#28)

Author: LingyuCoder

package.json

@@ -103,5 +103,10 @@
   },
   "peerDependencies": {
     "@rspack/core": "*"
+  },
+  "pnpm": {
+    "overrides": {
+      "@rspack/core": "npm:@rspack-canary/[email protected]"
+    }
   }
 }

pnpm-lock.yaml

@@ -13,7 +13,7 @@ export interface ResolvedDevServer extends DevServer {
 	magicHtml: boolean;
 	liveReload: boolean;
 	webSocketServer: false | WebpackDevServer.WebSocketServerConfiguration;
-	proxy: WebpackDevServer.ProxyConfigArray;
+	proxy: Required<DevServer["proxy"]>;
 	client: WebpackDevServer.ClientConfiguration;
 	allowedHosts: "auto" | string[] | "all";
 	bonjour: false | Record<string, never> | WebpackDevServer.BonjourOptions;

src/config.ts

@@ -51,6 +51,7 @@ export class RspackDevServer extends WebpackDevServer {
 	/**
 	 * resolved after `normalizedOptions`
 	 */
+	/** @ts-ignore: types of path data of rspack is not compatible with webpack */
 	declare options: ResolvedDevServer;
 
 	declare staticWatchers: FSWatcher[];
@@ -68,7 +69,7 @@ export class RspackDevServer extends WebpackDevServer {
 
 	constructor(options: DevServer, compiler: Compiler | MultiCompiler) {
 		// biome-ignore lint/suspicious/noExplicitAny: _
-		super(options, compiler as any);
+		super(options as WebpackDevServer.Configuration, compiler as any);
 		// override
 	}
 

src/server.ts

@@ -259,7 +259,7 @@ describe("Module federation", () => {
 			const remoteEntryTextContent = await response.text();
 
 			expect(remoteEntryTextContent).toMatch(
-				/@rspack\/core(-canary)?\/hot\/dev-server\.js/,
+				/@rspack(-canary?)\/core\/hot\/dev-server\.js/,
 			);
 
 			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
@@ -285,7 +285,7 @@ describe("Module federation", () => {
 			const mainEntryTextContent = await response.text();
 
 			expect(mainEntryTextContent).toMatch(
-				/@rspack\/core(-canary)?\/hot\/dev-server\.js/,
+				/@rspack(-canary?)\/core\/hot\/dev-server\.js/,
 			);
 
 			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(

tests/e2e/module-federation.test.js

@@ -27,17 +27,18 @@ return module.exports;
 /************************************************************************/
 // webpack/runtime/rspack_version
 (() => {
-__webpack_require__.rv = function () {
-	return "1.0.11";
-};
-
+__webpack_require__.rv = () => ("1.3.6-canary-ece12b8c-20250422072221")
 })();
 // webpack/runtime/rspack_unique_id
 (() => {
-__webpack_require__.ruid = "bundler=rspack@1.0.11";
+__webpack_require__.ruid = "bundler=rspack@1.3.6-canary-ece12b8c-20250422072221";
 
 })();
 /************************************************************************/
+
+/*!*******************!*\
+  !*** ./worker.js ***!
+  \*******************/
 postMessage("I'm working before postMessage");
 
 onmessage = (event) => {