@rspack/plugin-react-refresh 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/sockets/utils/getSocketUrlParts.js

@@ -29,6 +29,7 @@ function getSocketUrlParts(resourceQuery, metadata = {}) {
             // The placeholder `baseURL` with `window.location.href`,
             // is to allow parsing of path-relative or protocol-relative URLs,
             // and will have no effect if `scriptSource` is a fully valid URL.
+            // biome-ignore lint: reason
             url = new URL(scriptSource, window.location.href);
         }
         catch (e) {
@@ -46,7 +47,7 @@ function getSocketUrlParts(resourceQuery, metadata = {}) {
             }
         }
         // `file://` URLs has `'null'` origin
-        if (url.origin !== "null") {
+        if (url.origin !== 'null') {
             urlParts.hostname = url.hostname;
         }
         urlParts.protocol = url.protocol;
@@ -55,24 +56,24 @@ function getSocketUrlParts(resourceQuery, metadata = {}) {
     if (!urlParts.pathname) {
         if (metadata.version === 4) {
             // This is hard-coded in WDS v4
-            urlParts.pathname = "/ws";
+            urlParts.pathname = '/ws';
         }
         else {
             // This is hard-coded in WDS v3
-            urlParts.pathname = "/sockjs-node";
+            urlParts.pathname = '/sockjs-node';
         }
     }
     // Check for IPv4 and IPv6 host addresses that correspond to any/empty.
     // This is important because `hostname` can be empty for some hosts,
     // such as 'about:blank' or 'file://' URLs.
-    const isEmptyHostname = urlParts.hostname === "0.0.0.0" ||
-        urlParts.hostname === "[::]" ||
+    const isEmptyHostname = urlParts.hostname === '0.0.0.0' ||
+        urlParts.hostname === '[::]' ||
         !urlParts.hostname;
     // We only re-assign the hostname if it is empty,
     // and if we are using HTTP/HTTPS protocols.
     if (isEmptyHostname &&
         window.location.hostname &&
-        window.location.protocol.indexOf("http") === 0) {
+        window.location.protocol.indexOf('http') === 0) {
         urlParts.hostname = window.location.hostname;
     }
     // We only re-assign `protocol` when `protocol` is unavailable,
@@ -81,7 +82,7 @@ function getSocketUrlParts(resourceQuery, metadata = {}) {
     // We also do this when 'https' is used as it mandates the use of secure sockets.
     if (!urlParts.protocol ||
         (urlParts.hostname &&
-            (isEmptyHostname || window.location.protocol === "https:"))) {
+            (isEmptyHostname || window.location.protocol === 'https:'))) {
         urlParts.protocol = window.location.protocol;
     }
     // We only re-assign port when it is not available
@@ -90,18 +91,18 @@ function getSocketUrlParts(resourceQuery, metadata = {}) {
     }
     if (!urlParts.hostname || !urlParts.pathname) {
         throw new Error([
-            "[React Refresh] Failed to get an URL for the socket connection.",
+            '[React Refresh] Failed to get an URL for the socket connection.',
             "This usually means that the current executed script doesn't have a `src` attribute set.",
-            "You should either specify the socket path parameters under the `devServer` key in your Rspack config, or use the `overlay` option.",
-            "https://www.rspack.dev/guide/tech/react#fast-refresh"
-        ].join("\n"));
+            'You should either specify the socket path parameters under the `devServer` key in your Rspack config, or use the `overlay` option.',
+            'https://www.rspack.dev/guide/tech/react#fast-refresh',
+        ].join('\n'));
     }
     return {
         auth: urlParts.auth,
         hostname: urlParts.hostname,
         pathname: urlParts.pathname,
         protocol: urlParts.protocol,
-        port: urlParts.port || undefined
+        port: urlParts.port || undefined,
     };
 }
 exports.default = getSocketUrlParts;

package/dist/sockets/utils/getUrlFromParts.d.ts

@@ -1,5 +1,5 @@
-import type { SocketUrlParts } from "./getSocketUrlParts";
-import type { WDSMetaObj } from "./getWDSMetadata";
+import type { SocketUrlParts } from './getSocketUrlParts';
+import type { WDSMetaObj } from './getWDSMetadata';
 /**
  * Create a valid URL from parsed URL parts.
  * @param urlParts The parsed URL parts.

package/dist/sockets/utils/getUrlFromParts.js

@@ -7,17 +7,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @returns The generated URL.
  */
 function urlFromParts(urlParts, metadata = {}) {
-    let fullProtocol = "http:";
+    let fullProtocol = 'http:';
     if (urlParts.protocol) {
         fullProtocol = urlParts.protocol;
     }
     if (metadata.enforceWs) {
-        fullProtocol = fullProtocol.replace(/^(?:http|.+-extension|file)/i, "ws");
+        fullProtocol = fullProtocol.replace(/^(?:http|.+-extension|file)/i, 'ws');
     }
     fullProtocol = `${fullProtocol}//`;
     let fullHost = urlParts.hostname;
     if (urlParts.auth) {
-        const fullAuth = `${urlParts.auth.split(":").map(encodeURIComponent).join(":")}@`;
+        const fullAuth = `${urlParts.auth.split(':').map(encodeURIComponent).join(':')}@`;
         fullHost = fullAuth + fullHost;
     }
     if (urlParts.port) {

package/dist/sockets/utils/getWDSMetadata.d.ts

@@ -5,9 +5,9 @@ export interface WDSMetaObj {
 declare class WebSocketClient {
     client: WebSocket;
     constructor(url: string);
-    onOpen(f: (...args: any[]) => void): void;
-    onClose(f: (...args: any[]) => void): void;
-    onMessage(f: (...args: any[]) => void): void;
+    onOpen(f: (...args: unknown[]) => void): void;
+    onClose(f: (...args: unknown[]) => void): void;
+    onMessage(f: (...args: unknown[]) => void): void;
 }
 export interface SocketClient {
     new (url: string): WebSocketClient;

package/dist/sockets/utils/getWDSMetadata.js

@@ -2,20 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 function getWDSMetadata(SocketClient) {
     let enforceWs = false;
-    if (typeof SocketClient.name !== "undefined" &&
+    if (typeof SocketClient.name !== 'undefined' &&
         SocketClient.name !== null &&
-        SocketClient.name.toLowerCase().includes("websocket")) {
+        SocketClient.name.toLowerCase().includes('websocket')) {
         enforceWs = true;
     }
     let version;
     // WDS versions <=3.5.0
-    if (!("onMessage" in SocketClient.prototype)) {
+    if (!('onMessage' in SocketClient.prototype)) {
         version = 3;
     }
     else {
         // WDS versions >=3.5.0 <4
-        if ("getClientPath" in SocketClient ||
-            Object.getPrototypeOf(SocketClient).name === "BaseClient") {
+        if ('getClientPath' in SocketClient ||
+            Object.getPrototypeOf(SocketClient).name === 'BaseClient') {
             version = 3;
         }
         else {
@@ -24,7 +24,7 @@ function getWDSMetadata(SocketClient) {
     }
     return {
         enforceWs: enforceWs,
-        version: version
+        version: version,
     };
 }
 exports.default = getWDSMetadata;

package/dist/utils/getAdditionalEntries.d.ts

@@ -1,9 +1,9 @@
-import type { NormalizedPluginOptions } from "../options";
+import type { NormalizedPluginOptions } from '../options';
 export interface AdditionalEntries {
     prependEntries: string[];
     overlayEntries: string[];
 }
-export declare function getAdditionalEntries({ devServer, options }: {
+export declare function getAdditionalEntries({ devServer, options, }: {
     devServer: any;
     options: NormalizedPluginOptions;
 }): AdditionalEntries;

package/dist/utils/getAdditionalEntries.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAdditionalEntries = void 0;
 const node_querystring_1 = __importDefault(require("node:querystring"));
-function getAdditionalEntries({ devServer, options }) {
+function getAdditionalEntries({ devServer, options, }) {
     const resourceQuery = {};
     if (devServer) {
         const { client, https, http2, sockHost, sockPath, sockPort } = devServer;
         let { host, path, port } = devServer;
-        let protocol = https || http2 ? "https" : "http";
+        let protocol = https || http2 ? 'https' : 'http';
         if (sockHost)
             host = sockHost;
         if (sockPath)
@@ -19,7 +19,7 @@ function getAdditionalEntries({ devServer, options }) {
             port = sockPort;
         if (client && client.webSocketURL != null) {
             let parsedUrl = client.webSocketURL;
-            if (typeof parsedUrl === "string")
+            if (typeof parsedUrl === 'string')
                 parsedUrl = new URL(parsedUrl);
             let auth;
             if (parsedUrl.username) {
@@ -31,21 +31,21 @@ function getAdditionalEntries({ devServer, options }) {
             if (parsedUrl.hostname != null) {
                 host = [auth != null && auth, parsedUrl.hostname]
                     .filter(Boolean)
-                    .join("@");
+                    .join('@');
             }
             if (parsedUrl.pathname != null) {
                 path = parsedUrl.pathname;
             }
             if (parsedUrl.port != null) {
-                port = !["0", "auto"].includes(String(parsedUrl.port))
+                port = !['0', 'auto'].includes(String(parsedUrl.port))
                     ? parsedUrl.port
                     : undefined;
             }
             if (parsedUrl.protocol != null) {
                 protocol =
-                    parsedUrl.protocol !== "auto"
-                        ? parsedUrl.protocol.replace(":", "")
-                        : "ws";
+                    parsedUrl.protocol !== 'auto'
+                        ? parsedUrl.protocol.replace(':', '')
+                        : 'ws';
             }
         }
         if (host)
@@ -71,17 +71,17 @@ function getAdditionalEntries({ devServer, options }) {
     const queryString = node_querystring_1.default.stringify(resourceQuery, undefined, undefined, {
         encodeURIComponent(str) {
             return str;
-        }
+        },
     });
     const prependEntries = [
         // React-refresh runtime
-        require.resolve("../../client/reactRefreshEntry")
+        require.resolve('../../client/reactRefreshEntry'),
     ];
     const overlayEntries = [
         // Error overlay runtime
         options.overlay !== false &&
             options.overlay?.entry &&
-            `${require.resolve(options.overlay.entry)}${queryString ? `?${queryString}` : ""}`
+            `${require.resolve(options.overlay.entry)}${queryString ? `?${queryString}` : ''}`,
     ].filter(Boolean);
     return { prependEntries, overlayEntries };
 }

package/dist/utils/getSocketIntegration.d.ts

@@ -1,2 +1,2 @@
-export type IntegrationType = "wds";
+export type IntegrationType = 'wds';
 export declare function getSocketIntegration(integrationType: IntegrationType): string;

package/dist/utils/getSocketIntegration.js

@@ -4,8 +4,8 @@ exports.getSocketIntegration = void 0;
 function getSocketIntegration(integrationType) {
     let resolvedSocketIntegration;
     switch (integrationType) {
-        case "wds": {
-            resolvedSocketIntegration = require.resolve("../sockets/WDSSocket");
+        case 'wds': {
+            resolvedSocketIntegration = require.resolve('../sockets/WDSSocket');
             break;
         }
         default: {

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@rspack/plugin-react-refresh",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
+  "repository": "https://github.com/rspack-contrib/rspack-plugin-react-refresh",
   "license": "MIT",
   "description": "React refresh plugin for rspack",
   "main": "dist/index.js",
@@ -17,22 +18,33 @@
     "client",
     "dist"
   ],
-  "publishConfig": {
-    "access": "public",
-    "provenance": true
+  "simple-git-hooks": {
+    "pre-commit": "npx nano-staged"
   },
-  "homepage": "https://rspack.dev",
-  "bugs": "https://github.com/web-infra-dev/rspack/issues",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/web-infra-dev/rspack",
-    "directory": "packages/rspack-plugin-react-refresh"
+  "nano-staged": {
+    "*.{js,jsx,ts,tsx,mjs,cjs}": [
+      "biome check --write --no-errors-on-unmatched"
+    ]
   },
   "devDependencies": {
-    "react-refresh": "^0.14.0",
-    "typescript": "5.0.2",
+    "@biomejs/biome": "^1.8.3",
     "@rspack/core": "1.0.0-beta.3",
-    "@rspack/plugin-react-refresh": "1.0.0-beta.3"
+    "@rspack/test-tools": "1.0.0-beta.3",
+    "@rspack/dev-server": "1.0.0-beta.3",
+    "@types/node": "^20.14.13",
+    "@types/jest": "29.5.12",
+    "react-refresh": "^0.14.0",
+    "cross-env": "^7.0.3",
+    "execa": "9.3.0",
+    "fs-extra": "11.2.0",
+    "jest": "29.7.0",
+    "jest-cli": "29.7.0",
+    "jest-environment-node": "29.7.0",
+    "nano-staged": "^0.8.0",
+    "semver": "7.6.3",
+    "simple-git-hooks": "^2.11.1",
+    "ts-jest": "29.1.2",
+    "typescript": "5.0.2"
   },
   "dependencies": {
     "error-stack-parser": "^2.0.6",
@@ -46,18 +58,17 @@
       "optional": true
     }
   },
-  "jest": {
-    "watchPathIgnorePatterns": [
-      "<rootDir>/dist",
-      "<rootDir>/tests/dist"
-    ],
-    "testEnvironment": "../../scripts/test/patch-node-env.cjs"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": true
   },
   "scripts": {
     "build": "tsc -b ./tsconfig.build.json",
     "dev": "tsc -b -w",
+    "lint": "biome check .",
+    "lint:write": "biome check . --write",
     "test": "jest --colors",
-    "api-extractor": "api-extractor run --verbose",
-    "api-extractor:ci": "api-extractor run --verbose || diff temp/api.md etc/api.md"
+    "release": "node ./scripts/release.mjs"
   }
 }