@rspack/dev-server 1.1.4 → 1.2.0

package/README.md

@@ -1,15 +1,10 @@
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://assets.rspack.dev/rspack/rspack-banner-plain-dark.png">
-  <img alt="Rspack Banner" src="https://assets.rspack.dev/rspack/rspack-banner-plain-light.png">
-</picture>
-
 # @rspack/dev-server
 
 <p>
   <a href="https://npmjs.com/package/@rspack/dev-server?activeTab=readme"><img src="https://img.shields.io/npm/v/@rspack/dev-server?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
   <a href="https://npmcharts.com/compare/@rspack/dev-server?minimal=true"><img src="https://img.shields.io/npm/dm/@rspack/dev-server.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
   <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/@rspack/dev-server.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="node version"></a>
-  <a href="https://github.com/web-infra-dev/rspack-dev-server/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" /></a>
+  <a href="https://github.com/rstackjs/rspack-dev-server/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" /></a>
 </p>
 
 Use Rspack with a development server that provides live reloading. This should be used for development only.
@@ -68,37 +63,37 @@ $ rspack serve
 $ rspack serve -c ./your.config.js
 ```
 
-> See [CLI](https://rspack.dev/api/cli) for more details.
+> See [CLI](https://rspack.rs/api/cli) for more details.
 
 While starting the development server, you can specify the configuration by the `devServer` field of your Rspack config file:
 
 ```js
-// rspack.config.js
-module.exports = {
+// rspack.config.mjs
+export default {
   // ...
   devServer: {
     // the configuration of the development server
-    port: 8080
+    port: 8080,
   },
 };
 ```
 
-> See [DevServer](https://rspack.dev/config/dev-server) for all configuration options.
+> See [DevServer](https://rspack.rs/config/dev-server) for all configuration options.
 
 ### With the API
 
 While it's recommended to run `@rspack/dev-server` via the CLI, you may also choose to start a server via the API.
 
 ```js
-import { RspackDevServer } from "@rspack/dev-server";
-import rspack from "@rspack/core";
-import rspackConfig from './rspack.config.js';
+import { RspackDevServer } from '@rspack/dev-server';
+import rspack from '@rspack/core';
+import rspackConfig from './rspack.config.mjs';
 
 const compiler = rspack(rspackConfig);
 const devServerOptions = {
   ...rspackConfig.devServer,
   // override
-  port: 8888
+  port: 8888,
 };
 
 const server = new RspackDevServer(devServerOptions, compiler);
@@ -112,8 +107,10 @@ server.startCallback(() => {
 
 ## Credits
 
-Thanks to the [webpack-dev-server](https://github.com/webpack/webpack-dev-server) project created by [@sokra](https://github.com/sokra)
+This plugin is forked from [webpack-dev-server](https://github.com/webpack/webpack-dev-server), and is used to smooth out some differences between rspack and webpack, while also providing rspack-specific new features.
+
+> Thanks to the [webpack-dev-server](https://github.com/webpack/webpack-dev-server) project created by [@sokra](https://github.com/sokra)
 
 ## License
 
-[MIT licensed](https://github.com/web-infra-dev/rspack-dev-server/blob/main/LICENSE).
+[MIT licensed](https://github.com/rstackjs/rspack-dev-server/blob/main/LICENSE).

package/client/clients/SockJSClient.js

@@ -0,0 +1,34 @@
+/**
+ * The following code is modified based on
+ * https://github.com/webpack/webpack-dev-server
+ *
+ * MIT Licensed
+ * Author Tobias Koppers @sokra
+ * Copyright (c) JS Foundation and other contributors
+ * https://github.com/webpack/webpack-dev-server/blob/main/LICENSE
+ */
+import SockJS from '../modules/sockjs-client/index.js';
+import { log } from '../utils/log.js';
+var SockJSClient = /** @class */ (function () {
+    function SockJSClient(url) {
+        // SockJS requires `http` and `https` protocols
+        this.sock = new SockJS(url.replace(/^ws:/i, 'http:').replace(/^wss:/i, 'https:'));
+        this.sock.onerror = function (error) {
+            log.error(error);
+        };
+    }
+    SockJSClient.prototype.onOpen = function (fn) {
+        this.sock.onopen = fn;
+    };
+    SockJSClient.prototype.onClose = function (fn) {
+        this.sock.onclose = fn;
+    };
+    // call f with the message string as the first argument
+    SockJSClient.prototype.onMessage = function (fn) {
+        this.sock.onmessage = function (err) {
+            fn(err.data);
+        };
+    };
+    return SockJSClient;
+}());
+export default SockJSClient;

package/client/clients/WebSocketClient.js

@@ -0,0 +1,32 @@
+/**
+ * The following code is modified based on
+ * https://github.com/webpack/webpack-dev-server
+ *
+ * MIT Licensed
+ * Author Tobias Koppers @sokra
+ * Copyright (c) JS Foundation and other contributors
+ * https://github.com/webpack/webpack-dev-server/blob/main/LICENSE
+ */
+import { log } from '../utils/log.js';
+var WebSocketClient = /** @class */ (function () {
+    function WebSocketClient(url) {
+        this.client = new WebSocket(url);
+        this.client.onerror = function (error) {
+            log.error(error);
+        };
+    }
+    WebSocketClient.prototype.onOpen = function (fn) {
+        this.client.onopen = fn;
+    };
+    WebSocketClient.prototype.onClose = function (fn) {
+        this.client.onclose = fn;
+    };
+    // call fn with the message string as the first argument
+    WebSocketClient.prototype.onMessage = function (fn) {
+        this.client.onmessage = function (event) {
+            fn(event.data);
+        };
+    };
+    return WebSocketClient;
+}());
+export default WebSocketClient;