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

package/client/utils/ansi-html.js

@@ -11,7 +11,7 @@
  * Author @Tjatse
  * https://github.com/mahdyar/ansi-html-community/blob/master/LICENSE
  */
-"use strict";
+'use strict';
 
 module.exports = ansiHTML;
 
@@ -20,94 +20,94 @@ var _regANSI =
   /(?:(?:\u001b\[)|\u009b)(?:(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?[A-M|f-m])|\u001b[A-M]/;
 
 var _defColors = {
-  reset: ["fff", "000"], // [FOREGROUND_COLOR, BACKGROUND_COLOR]
-  black: "000",
-  red: "ff0000",
-  green: "209805",
-  yellow: "e8bf03",
-  blue: "0000ff",
-  magenta: "ff00ff",
-  cyan: "00ffee",
-  lightgrey: "f0f0f0",
-  darkgrey: "888"
+  reset: ['fff', '000'], // [FOREGROUND_COLOR, BACKGROUND_COLOR]
+  black: '000',
+  red: 'ff0000',
+  green: '209805',
+  yellow: 'e8bf03',
+  blue: '0000ff',
+  magenta: 'ff00ff',
+  cyan: '00ffee',
+  lightgrey: 'f0f0f0',
+  darkgrey: '888',
 };
 var _styles = {
-  30: "black",
-  31: "red",
-  32: "green",
-  33: "yellow",
-  34: "blue",
-  35: "magenta",
-  36: "cyan",
-  37: "lightgrey"
+  30: 'black',
+  31: 'red',
+  32: 'green',
+  33: 'yellow',
+  34: 'blue',
+  35: 'magenta',
+  36: 'cyan',
+  37: 'lightgrey',
 };
 
 var _colorMode = {
-  2: "rgb"
+  2: 'rgb',
 };
 
 var _openTags = {
-  1: "font-weight:bold", // bold
-  2: "opacity:0.5", // dim
-  3: "<i>", // italic
-  4: "<u>", // underscore
-  8: "display:none", // hidden
-  9: "<del>", // delete
+  1: 'font-weight:bold', // bold
+  2: 'opacity:0.5', // dim
+  3: '<i>', // italic
+  4: '<u>', // underscore
+  8: 'display:none', // hidden
+  9: '<del>', // delete
   38: function (match) {
     // color
     var mode = _colorMode[match[0]];
-    if (mode === "rgb") {
+    if (mode === 'rgb') {
       var r, g, b;
       r = match[1];
       g = match[2];
       b = match[3];
       match.advance(4);
-      return "color: rgb(" + r + "," + g + "," + b + ")";
+      return 'color: rgb(' + r + ',' + g + ',' + b + ')';
     }
   },
   48: function (match) {
     // background color
     var mode = _colorMode[match[0]];
-    if (mode === "rgb") {
+    if (mode === 'rgb') {
       var r, g, b;
       r = match[1];
       g = match[2];
       b = match[3];
       match.advance(4);
-      return "background-color: rgb(" + r + "," + g + "," + b + ")";
+      return 'background-color: rgb(' + r + ',' + g + ',' + b + ')';
     }
-  }
+  },
 };
 
 var _openTagToCloseTag = {
-  3: "23",
-  4: "24",
-  9: "29"
+  3: '23',
+  4: '24',
+  9: '29',
 };
 
 var _closeTags = {
   0: function (ansiCodes) {
-    if (!ansiCodes) return "</span>";
-    if (!ansiCodes.length) return "";
+    if (!ansiCodes) return '</span>';
+    if (!ansiCodes.length) return '';
     var code,
-      ret = "";
+      ret = '';
     while ((code = ansiCodes.pop())) {
       var closeTag = _openTagToCloseTag[code];
       if (closeTag) {
         ret += _closeTags[closeTag];
         continue;
       }
-      ret += "</span>";
+      ret += '</span>';
     }
     return ret;
   },
-  23: "</i>", // reset italic
-  24: "</u>", // reset underscore
-  29: "</del>" // reset delete
+  23: '</i>', // reset italic
+  24: '</u>', // reset underscore
+  29: '</del>', // reset delete
 };
 
 [21, 22, 27, 28, 39, 49].forEach(function (n) {
-  _closeTags[n] = "</span>";
+  _closeTags[n] = '</span>';
 });
 
 /**
@@ -117,7 +117,7 @@ var _closeTags = {
  */
 function normalizeSeq(seq) {
   if (seq === null || seq === undefined) return null;
-  if (seq.startsWith(";")) {
+  if (seq.startsWith(';')) {
     return seq.slice(1);
   }
   return seq;
@@ -141,13 +141,13 @@ function ansiHTML(text) {
     /\033\[(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?m/g,
     function (m) {
       var match = m.match(/(;?\d+)/g).map(normalizeSeq);
-      Object.defineProperty(match, "advance", {
+      Object.defineProperty(match, 'advance', {
         value: function (count) {
           this.splice(0, count);
-        }
+        },
       });
       var seq,
-        rep = "";
+        rep = '';
       while ((seq = match[0])) {
         match.advance(1);
         rep += applySeq(seq);
@@ -158,42 +158,42 @@ function ansiHTML(text) {
         var other = _openTags[seq];
         if (
           other &&
-          (other = typeof other === "function" ? other(match) : other)
+          (other = typeof other === 'function' ? other(match) : other)
         ) {
           // If reset signal is encountered, we have to reset everything.
-          var ret = "";
-          if (seq === "0") {
+          var ret = '';
+          if (seq === '0') {
             ret += _closeTags[seq](ansiCodes);
           }
           // If current sequence has been opened, close it.
           if (!!~ansiCodes.indexOf(seq)) {
             // eslint-disable-line no-extra-boolean-cast
             ansiCodes.pop();
-            return "</span>";
+            return '</span>';
           }
           // Open tag.
           ansiCodes.push(seq);
           return (
-            ret + (other[0] === "<" ? other : '<span style="' + other + ';">')
+            ret + (other[0] === '<' ? other : '<span style="' + other + ';">')
           );
         }
 
         var ct = _closeTags[seq];
-        if (typeof ct === "function") {
+        if (typeof ct === 'function') {
           return ct(ansiCodes);
         } else if (ct) {
           // Pop sequence
           ansiCodes.pop();
           return ct;
         }
-        return "";
+        return '';
       }
-    }
+    },
   );
 
   // Make sure tags are closed.
   var l = ansiCodes.length;
-  l > 0 && (ret += Array(l + 1).join("</span>"));
+  l > 0 && (ret += Array(l + 1).join('</span>'));
 
   return ret;
 }
@@ -203,8 +203,8 @@ function ansiHTML(text) {
  * @param {Object} colors reference to _defColors
  */
 ansiHTML.setColors = function (colors) {
-  if (typeof colors !== "object") {
-    throw new Error("`colors` parameter must be an Object.");
+  if (typeof colors !== 'object') {
+    throw new Error('`colors` parameter must be an Object.');
   }
 
   var _finalColors = {};
@@ -214,21 +214,21 @@ ansiHTML.setColors = function (colors) {
       _finalColors[key] = _defColors[key];
       continue;
     }
-    if ("reset" === key) {
-      if (typeof hex === "string") {
+    if ('reset' === key) {
+      if (typeof hex === 'string') {
         hex = [hex];
       }
       if (
         !Array.isArray(hex) ||
         hex.length === 0 ||
         hex.some(function (h) {
-          return typeof h !== "string";
+          return typeof h !== 'string';
         })
       ) {
         throw new Error(
-          "The value of `" +
-          key +
-          "` property must be an Array and each item could only be a hex string, e.g.: FF0000"
+          'The value of `' +
+            key +
+            '` property must be an Array and each item could only be a hex string, e.g.: FF0000',
         );
       }
       var defHexColor = _defColors[key];
@@ -241,9 +241,11 @@ ansiHTML.setColors = function (colors) {
       }
 
       hex = hex.slice(0, 2);
-    } else if (typeof hex !== "string") {
+    } else if (typeof hex !== 'string') {
       throw new Error(
-        "The value of `" + key + "` property must be a hex string, e.g.: FF0000"
+        'The value of `' +
+          key +
+          '` property must be a hex string, e.g.: FF0000',
       );
     }
     _finalColors[key] = hex;
@@ -265,15 +267,15 @@ ansiHTML.reset = function () {
 ansiHTML.tags = {};
 
 if (Object.defineProperty) {
-  Object.defineProperty(ansiHTML.tags, "open", {
+  Object.defineProperty(ansiHTML.tags, 'open', {
     get: function () {
       return _openTags;
-    }
+    },
   });
-  Object.defineProperty(ansiHTML.tags, "close", {
+  Object.defineProperty(ansiHTML.tags, 'close', {
     get: function () {
       return _closeTags;
-    }
+    },
   });
 } else {
   ansiHTML.tags.open = _openTags;
@@ -282,23 +284,23 @@ if (Object.defineProperty) {
 
 function _setTags(colors) {
   // reset all
-  _openTags["0"] =
-    "font-weight:normal;opacity:1;color:#" +
+  _openTags['0'] =
+    'font-weight:normal;opacity:1;color:#' +
     colors.reset[0] +
-    ";background:#" +
+    ';background:#' +
     colors.reset[1];
   // inverse
-  _openTags["7"] =
-    "color:#" + colors.reset[1] + ";background:#" + colors.reset[0];
+  _openTags['7'] =
+    'color:#' + colors.reset[1] + ';background:#' + colors.reset[0];
   // dark grey
-  _openTags["90"] = "color:#" + colors.darkgrey;
+  _openTags['90'] = 'color:#' + colors.darkgrey;
 
   for (var code in _styles) {
     var color = _styles[code];
-    var oriColor = colors[color] || "000";
-    _openTags[code] = "color:#" + oriColor;
+    var oriColor = colors[color] || '000';
+    _openTags[code] = 'color:#' + oriColor;
     code = parseInt(code);
-    _openTags[(code + 10).toString()] = "background:#" + oriColor;
+    _openTags[(code + 10).toString()] = 'background:#' + oriColor;
   }
 }
 

package/client/utils/errorEventHandlers.js

@@ -93,10 +93,10 @@ function createWindowEventHandler(eventType, createHandler) {
 const handleError = createWindowEventHandler('error', createErrorHandler);
 const handleUnhandledRejection = createWindowEventHandler(
   'unhandledrejection',
-  createRejectionHandler
+  createRejectionHandler,
 );
 
 module.exports = {
   handleError: handleError,
   handleUnhandledRejection: handleUnhandledRejection,
-};
+};

package/client/utils/formatWebpackErrors.js

@@ -39,7 +39,9 @@ function formatMessage(message) {
 
   // Remove duplicated newlines
   lines = lines.filter(function (line, index, arr) {
-    return index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim();
+    return (
+      index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim()
+    );
   });
 
   // Clean up the file name
@@ -63,8 +65,14 @@ function formatMessage(message) {
   // Internal stacks are generally useless, so we strip them -
   // except the stacks containing `webpack:`,
   // because they're normally from user code generated by webpack.
-  message = message.replace(/^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm, ''); // at ... ...:x:y
-  message = message.replace(/^\s*at\s((?!webpack:).)*<anonymous>[\s)]*(\n|$)/gm, ''); // at ... <anonymous>
+  message = message.replace(
+    /^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm,
+    '',
+  ); // at ... ...:x:y
+  message = message.replace(
+    /^\s*at\s((?!webpack:).)*<anonymous>[\s)]*(\n|$)/gm,
+    '',
+  ); // at ... <anonymous>
   message = message.replace(/^\s*at\s<anonymous>(\n|$)/gm, ''); // at <anonymous>
 
   return message.trim();
@@ -80,7 +88,9 @@ function formatWebpackErrors(errors) {
     // Webpack 5 compilation errors are in the form of descriptor objects,
     // so we have to join pieces to get the format we want.
     if (typeof errorObjOrMessage === 'object') {
-      return formatMessage([errorObjOrMessage.moduleName, errorObjOrMessage.message].join('\n'));
+      return formatMessage(
+        [errorObjOrMessage.moduleName, errorObjOrMessage.message].join('\n'),
+      );
     }
     // Webpack 4 compilation errors are strings
     return formatMessage(errorObjOrMessage);
@@ -93,4 +103,4 @@ function formatWebpackErrors(errors) {
   return formattedErrors;
 }
 
-module.exports = formatWebpackErrors;
+module.exports = formatWebpackErrors;

package/client/utils/retry.js

@@ -12,7 +12,7 @@ function runWithRetry(callback, maxRetries) {
         function () {
           executeWithRetryAndTimeout(currentCount + 1);
         },
-        Math.pow(10, currentCount)
+        Math.pow(10, currentCount),
       );
     }
   }
@@ -20,4 +20,4 @@ function runWithRetry(callback, maxRetries) {
   executeWithRetryAndTimeout(0);
 }
 
-module.exports = runWithRetry;
+module.exports = runWithRetry;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import type { Compiler } from "@rspack/core";
-import type { NormalizedPluginOptions, PluginOptions } from "./options";
+import type { Compiler } from '@rspack/core';
+import type { NormalizedPluginOptions, PluginOptions } from './options';
 export type { PluginOptions };
 declare class ReactRefreshRspackPlugin {
     options: NormalizedPluginOptions;

package/dist/index.js

@@ -6,17 +6,17 @@ const node_path_1 = __importDefault(require("node:path"));
 const options_1 = require("./options");
 const getAdditionalEntries_1 = require("./utils/getAdditionalEntries");
 const getSocketIntegration_1 = require("./utils/getSocketIntegration");
-const reactRefreshPath = require.resolve("../client/reactRefresh.js");
-const reactRefreshEntryPath = require.resolve("../client/reactRefreshEntry.js");
-const refreshUtilsPath = require.resolve("../client/refreshUtils.js");
-const refreshRuntimeDirPath = node_path_1.default.dirname(require.resolve("react-refresh", {
-    paths: [reactRefreshPath]
+const reactRefreshPath = require.resolve('../client/reactRefresh.js');
+const reactRefreshEntryPath = require.resolve('../client/reactRefreshEntry.js');
+const refreshUtilsPath = require.resolve('../client/refreshUtils.js');
+const refreshRuntimeDirPath = node_path_1.default.dirname(require.resolve('react-refresh', {
+    paths: [reactRefreshPath],
 }));
 const runtimePaths = [
     reactRefreshEntryPath,
     reactRefreshPath,
     refreshUtilsPath,
-    refreshRuntimeDirPath
+    refreshRuntimeDirPath,
 ];
 class ReactRefreshRspackPlugin {
     constructor(options = {}) {
@@ -26,45 +26,47 @@ class ReactRefreshRspackPlugin {
         if (
         // Webpack do not set process.env.NODE_ENV, so we need to check for mode.
         // Ref: https://github.com/webpack/webpack/issues/7074
-        (compiler.options.mode !== "development" ||
+        (compiler.options.mode !== 'development' ||
             // We also check for production process.env.NODE_ENV,
             // in case it was set and mode is non-development (e.g. 'none')
-            (process.env.NODE_ENV && process.env.NODE_ENV === "production")) &&
+            (process.env.NODE_ENV && process.env.NODE_ENV === 'production')) &&
             !this.options.forceEnable) {
             return;
         }
         const addEntries = (0, getAdditionalEntries_1.getAdditionalEntries)({
             devServer: compiler.options.devServer,
-            options: this.options
+            options: this.options,
         });
         for (const entry of addEntries.prependEntries) {
             new compiler.webpack.EntryPlugin(compiler.context, entry, {
-                name: undefined
+                name: undefined,
             }).apply(compiler);
         }
         for (const entry of addEntries.overlayEntries) {
             new compiler.webpack.EntryPlugin(compiler.context, entry, {
-                name: undefined
+                name: undefined,
             }).apply(compiler);
         }
         new compiler.webpack.ProvidePlugin({
-            $ReactRefreshRuntime$: reactRefreshPath
+            $ReactRefreshRuntime$: reactRefreshPath,
         }).apply(compiler);
         compiler.options.module.rules.unshift({
+            // biome-ignore lint: exists
             include: this.options.include,
             exclude: {
-                or: [this.options.exclude, [...runtimePaths]].filter(Boolean)
+                // biome-ignore lint: exists
+                or: [this.options.exclude, [...runtimePaths]].filter(Boolean),
             },
-            use: "builtin:react-refresh-loader"
+            use: 'builtin:react-refresh-loader',
         });
         const definedModules = {
             // For Multiple Instance Mode
             __react_refresh_library__: JSON.stringify(compiler.webpack.Template.toIdentifier(this.options.library ||
                 compiler.options.output.uniqueName ||
-                compiler.options.output.library))
+                compiler.options.output.library)),
         };
         const providedModules = {
-            __react_refresh_utils__: refreshUtilsPath
+            __react_refresh_utils__: refreshUtilsPath,
         };
         if (this.options.overlay === false) {
             // Stub errorOverlay module so their calls can be erased
@@ -81,10 +83,10 @@ class ReactRefreshRspackPlugin {
         }
         new compiler.webpack.DefinePlugin(definedModules).apply(compiler);
         new compiler.webpack.ProvidePlugin(providedModules).apply(compiler);
-        const refreshPath = node_path_1.default.dirname(require.resolve("react-refresh"));
+        const refreshPath = node_path_1.default.dirname(require.resolve('react-refresh'));
         compiler.options.resolve.alias = {
-            "react-refresh": refreshPath,
-            ...compiler.options.resolve.alias
+            'react-refresh': refreshPath,
+            ...compiler.options.resolve.alias,
         };
     }
 }

package/dist/options.d.ts

@@ -1,4 +1,4 @@
-import type { IntegrationType } from "./utils/getSocketIntegration";
+import type { IntegrationType } from './utils/getSocketIntegration';
 interface OverlayOptions {
     entry: string;
     module: string;

package/dist/options.js

@@ -3,22 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = void 0;
 const d = (object, property, defaultValue) => {
     // TODO: should we also add default for null?
-    if (typeof object[property] === "undefined" &&
-        typeof defaultValue !== "undefined") {
+    if (typeof object[property] === 'undefined' &&
+        typeof defaultValue !== 'undefined') {
         object[property] = defaultValue;
     }
     return object[property];
 };
 const normalizeOverlay = (options) => {
     const defaultOverlay = {
-        entry: require.resolve("../client/errorOverlayEntry.js"),
-        module: require.resolve("../client/overlay/index.js"),
-        sockIntegration: "wds"
+        entry: require.resolve('../client/errorOverlayEntry.js'),
+        module: require.resolve('../client/overlay/index.js'),
+        sockIntegration: 'wds',
     };
     if (!options) {
         return false;
     }
-    if (typeof options === "undefined" || options === true) {
+    if (typeof options === 'undefined' || options === true) {
         return defaultOverlay;
     }
     options.entry = options.entry ?? defaultOverlay.entry;
@@ -28,10 +28,10 @@ const normalizeOverlay = (options) => {
     return options;
 };
 function normalizeOptions(options) {
-    d(options, "exclude", /node_modules/i);
-    d(options, "include", /\.([cm]js|[jt]sx?|flow)$/i);
-    d(options, "library");
-    d(options, "forceEnable", false);
+    d(options, 'exclude', /node_modules/i);
+    d(options, 'include', /\.([cm]js|[jt]sx?|flow)$/i);
+    d(options, 'library');
+    d(options, 'forceEnable', false);
     options.overlay = normalizeOverlay(options.overlay);
     return options;
 }

package/dist/sockets/WDSSocket.d.ts

@@ -1,4 +1,4 @@
-import type { SocketClient } from "./utils/getWDSMetadata";
+import type { SocketClient } from './utils/getWDSMetadata';
 declare global {
     var __webpack_dev_server_client__: SocketClient | {
         default: SocketClient;
@@ -10,4 +10,4 @@ declare global {
  * @param resourceQuery Webpack's `__resourceQuery` string.
  * @returns
  */
-export declare function init(messageHandler: (...args: any[]) => void, resourceQuery: string): void;
+export declare function init(messageHandler: (...args: unknown[]) => void, resourceQuery: string): void;

package/dist/sockets/WDSSocket.js

@@ -23,9 +23,9 @@ const getWDSMetadata_1 = __importDefault(require("./utils/getWDSMetadata"));
  * @returns
  */
 function init(messageHandler, resourceQuery) {
-    if (typeof __webpack_dev_server_client__ !== "undefined") {
+    if (typeof __webpack_dev_server_client__ !== 'undefined') {
         let SocketClient;
-        if ("default" in __webpack_dev_server_client__) {
+        if ('default' in __webpack_dev_server_client__) {
             SocketClient = __webpack_dev_server_client__.default;
         }
         else {

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;