@rspack/dev-server 0.0.21 → 0.0.22

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

@@ -3,45 +3,203 @@
 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",
   ],
 }
 `;
 
+exports[`normalize options snapshot compier.options.devServer should be equal to server.options when devServer is undefined 1`] = `
+{
+  "builtins": {
+    "browserslist": [],
+    "decorator": {
+      "emitMetadata": true,
+      "legacy": true,
+    },
+    "define": {},
+    "emotion": undefined,
+    "html": [],
+    "minify": {
+      "enable": true,
+      "passes": 1,
+    },
+    "react": {
+      "development": true,
+      "refresh": 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,
+    "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",
+    },
+  },
+}
+`;
+
 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": {},
 }
 `;
 
@@ -52,9 +210,9 @@ exports[`normalize options snapshot react.development and react.refresh should b
     "decorator": {
       "emitMetadata": true,
       "legacy": true,
-      "useDefineForClassFields": true,
     },
     "define": {},
+    "emotion": undefined,
     "html": [],
     "minify": {
       "enable": true,
@@ -66,18 +224,58 @@ exports[`normalize options snapshot react.development and react.refresh should b
     },
   },
   "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": {},
-    },
-    "webSocketServer": {},
+    "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",
+    },
   },
 }
 `;
@@ -85,9 +283,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/react/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/react/README.md

@@ -0,0 +1,37 @@
+# `react`
+
+React is a JavaScript library for creating user interfaces.
+
+The `react` package contains only the functionality necessary to define React components. It is typically used together with a React renderer like `react-dom` for the web, or `react-native` for the native environments.
+
+**Note:** by default, React will be in development mode. The development version includes extra warnings about common mistakes, whereas the production version includes extra performance optimizations and strips all error messages. Don't forget to use the [production build](https://reactjs.org/docs/optimizing-performance.html#use-the-production-build) when deploying your application.
+
+## Usage
+
+```js
+import { useState } from 'react';
+import { createRoot } from 'react-dom/client';
+
+function Counter() {
+  const [count, setCount] = useState(0);
+  return (
+    <>
+      <h1>{count}</h1>
+      <button onClick={() => setCount(count + 1)}>
+        Increment
+      </button>
+    </>
+  );
+}
+
+const root = createRoot(document.getElementById('root'));
+root.render(<App />);
+```
+
+## Documentation
+
+See https://reactjs.org/
+
+## API
+
+See https://reactjs.org/docs/react-api.html