@rspack/plugin-react-refresh 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/sockets/utils/getCurrentScriptSource.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 function getCurrentScriptSource() {
     // `document.currentScript` is the most accurate way to get the current running script,
     // but is not supported in all browsers (most notably, IE).
-    if ("currentScript" in document) {
+    if ('currentScript' in document) {
         // In some cases, `document.currentScript` would be `null` even if the browser supports it:
         // e.g. asynchronous chunks on Firefox.
         // We should not fallback to the list-approach as it would not be safe.
         if (document.currentScript == null)
             return;
-        return document.currentScript.getAttribute("src");
+        return document.currentScript.getAttribute('src');
     }
     // Fallback to getting all scripts running in the document,
     // and finding the last one injected.
-    const scriptElementsWithSrc = Array.prototype.filter.call(document.scripts || [], elem => elem.getAttribute("src"));
+    const scriptElementsWithSrc = Array.prototype.filter.call(document.scripts || [], (elem) => elem.getAttribute('src'));
     if (!scriptElementsWithSrc.length)
         return;
     const currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
-    return currentScript.getAttribute("src");
+    return currentScript.getAttribute('src');
 }
 exports.default = getCurrentScriptSource;

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

@@ -1,4 +1,4 @@
-import type { WDSMetaObj } from "./getWDSMetadata";
+import type { WDSMetaObj } from './getWDSMetadata';
 export interface SocketUrlParts {
     auth?: string;
     hostname: string;

package/dist/sockets/utils/getSocketUrlParts.js

@@ -4,11 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const getCurrentScriptSource_1 = __importDefault(require("./getCurrentScriptSource"));
-function getSocketUrlParts(resourceQuery, metadata) {
-    if (typeof metadata === "undefined") {
-        metadata = {};
-    }
-    /** @type {SocketUrlParts} */
+function getSocketUrlParts(resourceQuery, metadata = {}) {
     const urlParts = {};
     // If the resource query is available,
     // parse it and ignore everything we received from the script host.
@@ -16,7 +12,6 @@ function getSocketUrlParts(resourceQuery, metadata) {
         const parsedQuery = {};
         const searchParams = new URLSearchParams(resourceQuery.slice(1));
         searchParams.forEach((value, key) => {
-            // @ts-expect-error -- ignore
             parsedQuery[key] = value;
         });
         urlParts.hostname = parsedQuery.sockHost;
@@ -34,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) {
@@ -51,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;
@@ -60,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,
@@ -86,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
@@ -95,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,9 +1,9 @@
-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 {import('./getSocketUrlParts').SocketUrlParts} urlParts The parsed URL parts.
- * @param {import('./getWDSMetadata').WDSMetaObj} [metadata] The parsed WDS metadata object.
- * @returns {string} The generated URL.
+ * @param urlParts The parsed URL parts.
+ * @param metadata The parsed WDS metadata object.
+ * @returns The generated URL.
  */
-export default function urlFromParts(urlParts: SocketUrlParts, metadata: WDSMetaObj): string;
+export default function urlFromParts(urlParts: SocketUrlParts, metadata?: WDSMetaObj): string;

package/dist/sockets/utils/getUrlFromParts.js

@@ -2,25 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Create a valid URL from parsed URL parts.
- * @param {import('./getSocketUrlParts').SocketUrlParts} urlParts The parsed URL parts.
- * @param {import('./getWDSMetadata').WDSMetaObj} [metadata] The parsed WDS metadata object.
- * @returns {string} The generated URL.
+ * @param urlParts The parsed URL parts.
+ * @param metadata The parsed WDS metadata object.
+ * @returns The generated URL.
  */
-function urlFromParts(urlParts, metadata) {
-    if (typeof metadata === "undefined") {
-        metadata = {};
-    }
-    let fullProtocol = "http:";
+function urlFromParts(urlParts, metadata = {}) {
+    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

@@ -2,4 +2,15 @@ export interface WDSMetaObj {
     enforceWs?: boolean;
     version?: number;
 }
-export default function getWDSMetadata(SocketClient: any): WDSMetaObj;
+declare class WebSocketClient {
+    client: WebSocket;
+    constructor(url: string);
+    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;
+}
+export default function getWDSMetadata(SocketClient: SocketClient): WDSMetaObj;
+export {};

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 default function getSocketIntegration(integrationType: IntegrationType): string;
+export type IntegrationType = 'wds';
+export declare function getSocketIntegration(integrationType: IntegrationType): string;

package/dist/utils/getSocketIntegration.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+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: {
@@ -14,4 +15,4 @@ function getSocketIntegration(integrationType) {
     }
     return resolvedSocketIntegration;
 }
-exports.default = getSocketIntegration;
+exports.getSocketIntegration = getSocketIntegration;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@rspack/plugin-react-refresh",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
+  "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": {
+    "@biomejs/biome": "^1.8.3",
+    "@rspack/core": "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",
-    "typescript": "5.0.2",
-    "@rspack/core": "1.0.0-beta.2",
-    "@rspack/plugin-react-refresh": "1.0.0-beta.2"
+    "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,16 @@
       "optional": true
     }
   },
-  "jest": {
-    "watchPathIgnorePatterns": [
-      "<rootDir>/dist",
-      "<rootDir>/tests/dist"
-    ],
-    "testEnvironment": "../../scripts/test/patch-node-env.cjs"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "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"
   }
 }