@rspack/dev-server 0.0.21 → 0.0.23

package/tests/__snapshots__/normalizeOptions.test.ts.snap

@@ -3,9 +3,10 @@
 exports[`normalize options snapshot additional entires should added 1`] = `
 {
   "main": [
+    "<prefix>/dist/clients/WebSocketClient.js",
+    "<prefix>/rspack-dev-client/dist/index.js?protocol=ws%3A&hostname=0.0.0.0&port=8080&pathname=%2Fws&logging=info&overlay=true&reconnect=10&hot=true&live-reload=true",
     "<prefix>/rspack-dev-client/dist/devServer.js",
     "<prefix>/rspack-dev-client/dist/reactRefresh.js",
-    "<prefix>/rspack-dev-client/dist/index.js",
     "<prefix>/something",
   ],
 }
@@ -13,71 +14,207 @@ exports[`normalize options snapshot additional entires should added 1`] = `
 
 exports[`normalize options snapshot no options 1`] = `
 {
+  "allowedHosts": "auto",
+  "bonjour": false,
+  "client": {
+    "logging": "info",
+    "overlay": true,
+    "reconnect": 10,
+    "webSocketURL": {},
+  },
+  "compress": true,
   "devMiddleware": {},
+  "historyApiFallback": false,
   "host": undefined,
   "hot": true,
   "liveReload": true,
-  "open": true,
-  "port": undefined,
-  "proxy": undefined,
-  "static": {
-    "directory": "<PROJECT_ROOT>/dist",
-    "watch": {},
+  "magicHtml": true,
+  "open": [],
+  "port": 8080,
+  "server": {
+    "options": {},
+    "type": "http",
+  },
+  "setupExitSignals": true,
+  "static": [
+    {
+      "directory": "<PROJECT_ROOT>/public",
+      "publicPath": [
+        "/",
+      ],
+      "serveIndex": {
+        "icons": true,
+      },
+      "staticOptions": {},
+      "watch": {
+        "alwaysStat": true,
+        "atomic": false,
+        "followSymlinks": false,
+        "ignoreInitial": true,
+        "ignorePermissionErrors": true,
+        "ignored": undefined,
+        "interval": undefined,
+        "persistent": true,
+        "usePolling": false,
+      },
+    },
+  ],
+  "watchFiles": [],
+  "webSocketServer": {
+    "options": {
+      "path": "/ws",
+    },
+    "type": "ws",
   },
-  "webSocketServer": {},
 }
 `;
 
 exports[`normalize options snapshot port string 1`] = `
 {
+  "allowedHosts": "auto",
+  "bonjour": false,
+  "client": {
+    "logging": "info",
+    "overlay": true,
+    "reconnect": 10,
+    "webSocketURL": {},
+  },
+  "compress": true,
   "devMiddleware": {},
+  "historyApiFallback": false,
   "host": undefined,
   "hot": true,
   "liveReload": true,
-  "open": true,
+  "magicHtml": true,
+  "open": [],
   "port": 9000,
-  "proxy": undefined,
-  "static": {
-    "directory": "<PROJECT_ROOT>/dist",
-    "watch": {},
+  "server": {
+    "options": {},
+    "type": "http",
+  },
+  "setupExitSignals": true,
+  "static": [
+    {
+      "directory": "<PROJECT_ROOT>/public",
+      "publicPath": [
+        "/",
+      ],
+      "serveIndex": {
+        "icons": true,
+      },
+      "staticOptions": {},
+      "watch": {
+        "alwaysStat": true,
+        "atomic": false,
+        "followSymlinks": false,
+        "ignoreInitial": true,
+        "ignorePermissionErrors": true,
+        "ignored": undefined,
+        "interval": undefined,
+        "persistent": true,
+        "usePolling": false,
+      },
+    },
+  ],
+  "watchFiles": [],
+  "webSocketServer": {
+    "options": {
+      "path": "/ws",
+    },
+    "type": "ws",
   },
-  "webSocketServer": {},
 }
 `;
 
 exports[`normalize options snapshot react.development and react.refresh should be true in default when hot enabled 1`] = `
 {
   "builtins": {
-    "browserslist": [],
+    "copy": undefined,
+    "css": {
+      "modules": {
+        "exportsOnly": false,
+        "localIdentName": "[hash]",
+        "localsConvention": "asIs",
+      },
+    },
     "decorator": {
       "emitMetadata": true,
       "legacy": true,
-      "useDefineForClassFields": true,
     },
     "define": {},
+    "devFriendlySplitChunks": false,
+    "emotion": undefined,
     "html": [],
-    "minify": {
-      "enable": true,
+    "minifyOptions": {
+      "dropConsole": false,
       "passes": 1,
+      "pureFuncs": [],
     },
+    "noEmitAssets": false,
+    "postcss": {
+      "pxtorem": undefined,
+    },
+    "presetEnv": undefined,
+    "progress": undefined,
     "react": {
       "development": true,
       "refresh": true,
     },
+    "treeShaking": true,
   },
   "devServer": {
+    "allowedHosts": "auto",
+    "bonjour": false,
+    "client": {
+      "logging": "info",
+      "overlay": true,
+      "reconnect": 10,
+      "webSocketURL": {},
+    },
+    "compress": true,
     "devMiddleware": {},
+    "historyApiFallback": false,
     "host": undefined,
     "hot": true,
     "liveReload": true,
-    "open": true,
-    "port": undefined,
-    "proxy": undefined,
-    "static": {
-      "directory": "<PROJECT_ROOT>/dist",
-      "watch": {},
+    "magicHtml": true,
+    "open": [],
+    "port": 8080,
+    "server": {
+      "options": {},
+      "type": "http",
+    },
+    "setupExitSignals": true,
+    "static": [
+      {
+        "directory": "<PROJECT_ROOT>/public",
+        "publicPath": [
+          "/",
+        ],
+        "serveIndex": {
+          "icons": true,
+        },
+        "staticOptions": {},
+        "watch": {
+          "alwaysStat": true,
+          "atomic": false,
+          "followSymlinks": false,
+          "ignoreInitial": true,
+          "ignorePermissionErrors": true,
+          "ignored": undefined,
+          "interval": undefined,
+          "persistent": true,
+          "usePolling": false,
+        },
+      },
+    ],
+    "watchFiles": [],
+    "webSocketServer": {
+      "options": {
+        "path": "/ws",
+      },
+      "type": "ws",
     },
-    "webSocketServer": {},
   },
 }
 `;
@@ -85,9 +222,10 @@ exports[`normalize options snapshot react.development and react.refresh should b
 exports[`normalize options snapshot react-refresh client added when react/refresh enabled 1`] = `
 {
   "main": [
+    "<prefix>/dist/clients/WebSocketClient.js",
+    "<prefix>/rspack-dev-client/dist/index.js?protocol=ws%3A&hostname=0.0.0.0&port=8080&pathname=%2Fws&logging=info&overlay=true&reconnect=10&hot=true&live-reload=true",
     "<prefix>/rspack-dev-client/dist/devServer.js",
     "<prefix>/rspack-dev-client/dist/reactRefresh.js",
-    "<prefix>/rspack-dev-client/dist/index.js",
     "<prefix>/something",
   ],
 }

package/tests/e2e/hot-reaload.test.ts

@@ -1,29 +1,26 @@
 import { RspackDevServer } from "@rspack/dev-server";
 import { createCompiler } from "@rspack/core";
 import { initFixture, installDeps } from "../helpers/tempDir";
-import { editFile } from "../helpers/emitFile";
+import { editFile, waitingForBuild } from "../helpers/emitFile";
 import path from "path";
 import runBrowser from "../helpers/runBrowser";
 import type { Browser, Page } from "puppeteer";
 
-describe("reload and hot should works", () => {
-	let browser: Browser;
-	let server: RspackDevServer;
-
-	afterEach(async () => {
-		if (browser) {
-			await browser.close();
-		}
-		if (server) {
-			await server.stop();
-		}
+async function wait(time) {
+	return new Promise(resolve => {
+		setTimeout(() => {
+			resolve(undefined);
+		}, time);
 	});
+}
 
-	it("reload should works", async () => {
-		const tempDir = await initFixture("react");
+describe("reload and hot should works", () => {
+	it.skip("reload and hot should works", async () => {
+		// reload should works
+		let tempDir = await initFixture("react");
 		await installDeps(tempDir);
-		const config = require(path.resolve(tempDir, "./webpack.config.js"));
-		const compiler = createCompiler({
+		let config = require(path.resolve(tempDir, "./webpack.config.js"));
+		let compiler = createCompiler({
 			...config,
 			context: tempDir,
 			devServer: {
@@ -31,23 +28,19 @@ describe("reload and hot should works", () => {
 				liveReload: true
 			}
 		});
-		server = new RspackDevServer(compiler);
+		let server = new RspackDevServer(compiler.options.devServer, compiler);
 		await server.start();
-		const launched = await runBrowser();
-		({ browser } = launched);
-		const { page } = launched;
-
-		const consoleMessages: string[] = [];
-		page.on("console", message => {
-			const text = message.text();
-			consoleMessages.push(text);
-		});
+		await waitingForBuild(server.options.port);
+		console.log("=== before goto page ===");
+		let { browser, page } = await runBrowser();
 
 		await page.goto(`http://localhost:${server.options.port}`);
 		await page.click(".test-button");
 		expect(await getText(page, ".test-button-content")).toBe("1");
 		expect(await getText(page, ".placeholder")).toBe("__PLACE_HOLDER__");
-		await editFile(path.resolve(tempDir, "./app.jsx"), code =>
+
+		const appFilePath = path.resolve(tempDir, "./app.jsx");
+		await editFile(appFilePath, code =>
 			code.replace("__PLACE_HOLDER__", "update")
 		);
 		expect(await getText(page, ".test-button-content")).toBe("0");
@@ -60,31 +53,31 @@ describe("reload and hot should works", () => {
 		expect((await getComputedStyle(page, "body")).backgroundColor).toBe(
 			"rgba(255, 0, 0, 0)"
 		);
-	});
+		await server.stop();
+		await browser.close();
+		console.log("=== first end ===");
 
-	it("hot should works", async () => {
-		const tempDir = await initFixture("react");
+		// hot should works;
+		console.log("=== second start ===");
+		tempDir = await initFixture("react");
 		await installDeps(tempDir);
-		const config = require(path.resolve(tempDir, "./webpack.config.js"));
-		const compiler = createCompiler({
+		config = require(path.resolve(tempDir, "./webpack.config.js"));
+		compiler = createCompiler({
 			...config,
 			context: tempDir
 		});
-		server = new RspackDevServer(compiler);
+		server = new RspackDevServer(compiler.options.devServer, compiler);
 		await server.start();
+		await waitingForBuild(server.options.port);
+		console.log("=== before goto page ===");
 
-		const launched = await runBrowser();
-		({ browser } = launched);
-		const { page } = launched;
-
+		({ browser, page } = await runBrowser());
 		const consoleMessages: string[] = [];
 		page.on("console", message => {
 			const text = message.text();
 			consoleMessages.push(text);
 		});
-
 		await page.goto(`http://localhost:${server.options.port}`);
-
 		await page.click(".test-button");
 		expect(await getText(page, ".test-button-content")).toBe("1");
 		expect(await getText(page, ".placeholder")).toBe("__PLACE_HOLDER__");
@@ -100,6 +93,9 @@ describe("reload and hot should works", () => {
 		);
 		expect(await getText(page, ".test-button-content")).toBe("1");
 		expect(consoleMessages).toContain("App hot update...");
+		await server.stop();
+		await browser.close();
+		console.log("=== second end ===");
 	});
 });
 

package/tests/e2e-fixtures/react/node_modules/scheduler/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Facebook, Inc. and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/tests/e2e-fixtures/react/node_modules/scheduler/README.md

@@ -0,0 +1,9 @@
+# `scheduler`
+
+This is a package for cooperative scheduling in a browser environment. It is currently used internally by React, but we plan to make it more generic.
+
+The public API for this package is not yet finalized.
+
+### Thanks
+
+The React team thanks [Anton Podviaznikov](https://podviaznikov.com/) for donating the `scheduler` package name.