@rspack/plugin-react-refresh 1.6.2 → 2.0.0-beta.0

package/client/overlay/utils.js

@@ -1,74 +0,0 @@
-/**
- * Debounce a function to delay invoking until wait (ms) have elapsed since the last invocation.
- * @param {function(...*): *} fn The function to be debounced.
- * @param {number} wait Milliseconds to wait before invoking again.
- * @return {function(...*): void} The debounced function.
- */
-function debounce(fn, wait) {
-  /**
-   * A cached setTimeout handler.
-   * @type {number | undefined}
-   */
-  let timer;
-
-  /**
-   * @returns {void}
-   */
-  function debounced() {
-    const context = this;
-    const args = arguments;
-
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      return fn.apply(context, args);
-    }, wait);
-  }
-
-  return debounced;
-}
-
-/**
- * Prettify a filename from error stacks into the desired format.
- * @param {string} filename The filename to be formatted.
- * @returns {string} The formatted filename.
- */
-function formatFilename(filename) {
-  // Strip away protocol and domain for compiled files
-  const htmlMatch = /^https?:\/\/(.*)\/(.*)/.exec(filename);
-  if (htmlMatch && htmlMatch[1] && htmlMatch[2]) {
-    return htmlMatch[2];
-  }
-
-  // Strip everything before the first directory for source files
-  const sourceMatch = /\/.*?([^./]+[/|\\].*)$/.exec(filename);
-  if (sourceMatch && sourceMatch[1]) {
-    return sourceMatch[1].replace(/\?$/, '');
-  }
-
-  // Unknown filename type, use it as is
-  return filename;
-}
-
-/**
- * Remove all children of an element.
- * @param {HTMLElement} element A valid HTML element.
- * @param {number} [skip] Number of elements to skip removing.
- * @returns {void}
- */
-function removeAllChildren(element, skip) {
-  /** @type {Node[]} */
-  const childList = Array.prototype.slice.call(
-    element.childNodes,
-    typeof skip !== 'undefined' ? skip : 0,
-  );
-
-  for (let i = 0; i < childList.length; i += 1) {
-    element.removeChild(childList[i]);
-  }
-}
-
-module.exports = {
-  debounce: debounce,
-  formatFilename: formatFilename,
-  removeAllChildren: removeAllChildren,
-};

package/client/utils/ansi-html.js

@@ -1,300 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-/**
- * The following code is modified based on mahdyar/ansi-html-community
- * Added support for 24-bit RGB colors.
- */
-'use strict';
-
-module.exports = ansiHTML;
-
-// Reference to https://github.com/sindresorhus/ansi-regex
-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',
-};
-var _styles = {
-  30: 'black',
-  31: 'red',
-  32: 'green',
-  33: 'yellow',
-  34: 'blue',
-  35: 'magenta',
-  36: 'cyan',
-  37: 'lightgrey',
-};
-
-var _colorMode = {
-  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
-  38: function (match) {
-    // color
-    var mode = _colorMode[match[0]];
-    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 + ')';
-    }
-  },
-  48: function (match) {
-    // background color
-    var mode = _colorMode[match[0]];
-    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 + ')';
-    }
-  },
-};
-
-var _openTagToCloseTag = {
-  3: '23',
-  4: '24',
-  9: '29',
-};
-
-var _closeTags = {
-  0: function (ansiCodes) {
-    if (!ansiCodes) return '</span>';
-    if (!ansiCodes.length) return '';
-    var code,
-      ret = '';
-    while ((code = ansiCodes.pop())) {
-      var closeTag = _openTagToCloseTag[code];
-      if (closeTag) {
-        ret += _closeTags[closeTag];
-        continue;
-      }
-      ret += '</span>';
-    }
-    return ret;
-  },
-  23: '</i>', // reset italic
-  24: '</u>', // reset underscore
-  29: '</del>', // reset delete
-};
-
-[21, 22, 27, 28, 39, 49].forEach(function (n) {
-  _closeTags[n] = '</span>';
-});
-
-/**
- * Normalize ';<seq>' | '<seq>' -> '<seq>'
- * @param {string | null} seq
- * @returns {null | string}
- */
-function normalizeSeq(seq) {
-  if (seq === null || seq === undefined) return null;
-  if (seq.startsWith(';')) {
-    return seq.slice(1);
-  }
-  return seq;
-}
-
-/**
- * Converts text with ANSI color codes to HTML markup.
- * @param {String} text
- * @returns {*}
- */
-function ansiHTML(text) {
-  // Returns the text if the string has no ANSI escape code.
-  if (!_regANSI.test(text)) {
-    return text;
-  }
-
-  // Cache opened sequence.
-  var ansiCodes = [];
-  // Replace with markup.
-  var ret = text.replace(
-    /\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', {
-        value: function (count) {
-          this.splice(0, count);
-        },
-      });
-      var seq,
-        rep = '';
-      while ((seq = match[0])) {
-        match.advance(1);
-        rep += applySeq(seq);
-      }
-      return rep;
-
-      function applySeq(seq) {
-        var other = _openTags[seq];
-        if (
-          other &&
-          (other = typeof other === 'function' ? other(match) : other)
-        ) {
-          // If reset signal is encountered, we have to reset everything.
-          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>';
-          }
-          // Open tag.
-          ansiCodes.push(seq);
-          return (
-            ret + (other[0] === '<' ? other : '<span style="' + other + ';">')
-          );
-        }
-
-        var ct = _closeTags[seq];
-        if (typeof ct === 'function') {
-          return ct(ansiCodes);
-        } else if (ct) {
-          // Pop sequence
-          ansiCodes.pop();
-          return ct;
-        }
-        return '';
-      }
-    },
-  );
-
-  // Make sure tags are closed.
-  var l = ansiCodes.length;
-  l > 0 && (ret += Array(l + 1).join('</span>'));
-
-  return ret;
-}
-
-/**
- * Customize colors.
- * @param {Object} colors reference to _defColors
- */
-ansiHTML.setColors = function (colors) {
-  if (typeof colors !== 'object') {
-    throw new Error('`colors` parameter must be an Object.');
-  }
-
-  var _finalColors = {};
-  for (var key in _defColors) {
-    var hex = colors.hasOwnProperty(key) ? colors[key] : null;
-    if (!hex) {
-      _finalColors[key] = _defColors[key];
-      continue;
-    }
-    if ('reset' === key) {
-      if (typeof hex === 'string') {
-        hex = [hex];
-      }
-      if (
-        !Array.isArray(hex) ||
-        hex.length === 0 ||
-        hex.some(function (h) {
-          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',
-        );
-      }
-      var defHexColor = _defColors[key];
-      if (!hex[0]) {
-        hex[0] = defHexColor[0];
-      }
-      if (hex.length === 1 || !hex[1]) {
-        hex = [hex[0]];
-        hex.push(defHexColor[1]);
-      }
-
-      hex = hex.slice(0, 2);
-    } else if (typeof hex !== 'string') {
-      throw new Error(
-        'The value of `' +
-          key +
-          '` property must be a hex string, e.g.: FF0000',
-      );
-    }
-    _finalColors[key] = hex;
-  }
-  _setTags(_finalColors);
-};
-
-/**
- * Reset colors.
- */
-ansiHTML.reset = function () {
-  _setTags(_defColors);
-};
-
-/**
- * Expose tags, including open and close.
- * @type {Object}
- */
-ansiHTML.tags = {};
-
-if (Object.defineProperty) {
-  Object.defineProperty(ansiHTML.tags, 'open', {
-    get: function () {
-      return _openTags;
-    },
-  });
-  Object.defineProperty(ansiHTML.tags, 'close', {
-    get: function () {
-      return _closeTags;
-    },
-  });
-} else {
-  ansiHTML.tags.open = _openTags;
-  ansiHTML.tags.close = _closeTags;
-}
-
-function _setTags(colors) {
-  // reset all
-  _openTags['0'] =
-    'font-weight:normal;opacity:1;color:#' +
-    colors.reset[0] +
-    ';background:#' +
-    colors.reset[1];
-  // inverse
-  _openTags['7'] =
-    'color:#' + colors.reset[1] + ';background:#' + colors.reset[0];
-  // dark grey
-  _openTags['90'] = 'color:#' + colors.darkgrey;
-
-  for (var code in _styles) {
-    var color = _styles[code];
-    var oriColor = colors[color] || '000';
-    _openTags[code] = 'color:#' + oriColor;
-    code = parseInt(code);
-    _openTags[(code + 10).toString()] = 'background:#' + oriColor;
-  }
-}
-
-ansiHTML.reset();

package/client/utils/errorEventHandlers.js

@@ -1,102 +0,0 @@
-/**
- * @callback EventCallback
- * @param {string | Error | null} context
- * @returns {void}
- */
-/**
- * @callback EventHandler
- * @param {Event} event
- * @returns {void}
- */
-
-/**
- * A function that creates an event handler for the `error` event.
- * @param {EventCallback} callback A function called to handle the error context.
- * @returns {EventHandler} A handler for the `error` event.
- */
-function createErrorHandler(callback) {
-  return function errorHandler(event) {
-    if (!event || !event.error) {
-      return callback(null);
-    }
-    if (event.error instanceof Error) {
-      return callback(event.error);
-    }
-    // A non-error was thrown, we don't have a trace. :(
-    // Look in your browser's devtools for more information
-    return callback(new Error(event.error));
-  };
-}
-
-/**
- * A function that creates an event handler for the `unhandledrejection` event.
- * @param {EventCallback} callback A function called to handle the error context.
- * @returns {EventHandler} A handler for the `unhandledrejection` event.
- */
-function createRejectionHandler(callback) {
-  return function rejectionHandler(event) {
-    if (!event || !event.reason) {
-      return callback(new Error('Unknown'));
-    }
-    if (event.reason instanceof Error) {
-      return callback(event.reason);
-    }
-    // A non-error was rejected, we don't have a trace :(
-    // Look in your browser's devtools for more information
-    return callback(new Error(event.reason));
-  };
-}
-
-/**
- * Creates a handler that registers an EventListener on window for a valid type
- * and calls a callback when the event fires.
- * @param {string} eventType A valid DOM event type.
- * @param {function(EventCallback): EventHandler} createHandler A function that creates an event handler.
- * @returns {register} A function that registers the EventListener given a callback.
- */
-function createWindowEventHandler(eventType, createHandler) {
-  /**
-   * @type {EventHandler | null} A cached event handler function.
-   */
-  let eventHandler = null;
-
-  /**
-   * Unregisters an EventListener if it has been registered.
-   * @returns {void}
-   */
-  function unregister() {
-    if (eventHandler === null) {
-      return;
-    }
-    window.removeEventListener(eventType, eventHandler);
-    eventHandler = null;
-  }
-
-  /**
-   * Registers an EventListener if it hasn't been registered.
-   * @param {EventCallback} callback A function called after the event handler to handle its context.
-   * @returns {unregister | void} A function to unregister the registered EventListener if registration is performed.
-   */
-  function register(callback) {
-    if (eventHandler !== null) {
-      return;
-    }
-    eventHandler = createHandler(callback);
-    window.addEventListener(eventType, eventHandler);
-
-    return unregister;
-  }
-
-  return register;
-}
-
-const handleError = createWindowEventHandler('error', createErrorHandler);
-const handleUnhandledRejection = createWindowEventHandler(
-  'unhandledrejection',
-  createRejectionHandler,
-);
-
-module.exports = {
-  handleError: handleError,
-  handleUnhandledRejection: handleUnhandledRejection,
-};

package/client/utils/formatWebpackErrors.js

@@ -1,106 +0,0 @@
-/**
- * @typedef {Object} WebpackErrorObj
- * @property {string} moduleIdentifier
- * @property {string} moduleName
- * @property {string} message
- */
-
-const friendlySyntaxErrorLabel = 'Syntax error:';
-
-/**
- * Checks if the error message is for a syntax error.
- * @param {string} message The raw Webpack error message.
- * @returns {boolean} Whether the error message is for a syntax error.
- */
-function isLikelyASyntaxError(message) {
-  return message.indexOf(friendlySyntaxErrorLabel) !== -1;
-}
-
-/**
- * Cleans up Webpack error messages.
- *
- * This implementation is based on the one from [create-react-app](https://github.com/facebook/create-react-app/blob/edc671eeea6b7d26ac3f1eb2050e50f75cf9ad5d/packages/react-dev-utils/formatWebpackMessages.js).
- * @param {string} message The raw Webpack error message.
- * @returns {string} The formatted Webpack error message.
- */
-function formatMessage(message) {
-  let lines = message.split('\n');
-
-  // Strip Webpack-added headers off errors/warnings
-  // https://github.com/webpack/webpack/blob/master/lib/ModuleError.js
-  lines = lines.filter(function (line) {
-    return !/Module [A-z ]+\(from/.test(line);
-  });
-
-  // Remove leading newline
-  if (lines.length > 2 && lines[1].trim() === '') {
-    lines.splice(1, 1);
-  }
-
-  // Remove duplicated newlines
-  lines = lines.filter(function (line, index, arr) {
-    return (
-      index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim()
-    );
-  });
-
-  // Clean up the file name
-  lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, '$1');
-
-  // Cleans up verbose "module not found" messages for files and packages.
-  if (lines[1] && lines[1].indexOf('Module not found: ') === 0) {
-    lines = [
-      lines[0],
-      lines[1]
-        .replace('Error: ', '')
-        .replace('Module not found: Cannot find file:', 'Cannot find file:'),
-    ];
-  }
-
-  message = lines.join('\n');
-
-  // Clean up syntax errors
-  message = message.replace('SyntaxError:', friendlySyntaxErrorLabel);
-
-  // 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<anonymous>(\n|$)/gm, ''); // at <anonymous>
-
-  return message.trim();
-}
-
-/**
- * Formats Webpack error messages into a more readable format.
- * @param {Array<string | WebpackErrorObj>} errors An array of Webpack error messages.
- * @returns {string[]} The formatted Webpack error messages.
- */
-function formatWebpackErrors(errors) {
-  let formattedErrors = errors.map(function (errorObjOrMessage) {
-    // 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'),
-      );
-    }
-    // Webpack 4 compilation errors are strings
-    return formatMessage(errorObjOrMessage);
-  });
-
-  if (formattedErrors.some(isLikelyASyntaxError)) {
-    // If there are any syntax errors, show just them.
-    formattedErrors = formattedErrors.filter(isLikelyASyntaxError);
-  }
-  return formattedErrors;
-}
-
-module.exports = formatWebpackErrors;

package/client/utils/retry.js

@@ -1,23 +0,0 @@
-function runWithRetry(callback, maxRetries) {
-  function executeWithRetryAndTimeout(currentCount) {
-    try {
-      if (currentCount > maxRetries - 1) {
-        console.warn('[React Refresh] Failed to set up the socket connection.');
-        return;
-      }
-
-      callback();
-    } catch (err) {
-      setTimeout(
-        function () {
-          executeWithRetryAndTimeout(currentCount + 1);
-        },
-        Math.pow(10, currentCount),
-      );
-    }
-  }
-
-  executeWithRetryAndTimeout(0);
-}
-
-module.exports = runWithRetry;

package/dist/sockets/WDSSocket.d.ts

@@ -1,13 +0,0 @@
-import type { SocketClient } from './utils/getWDSMetadata';
-declare global {
-    var __webpack_dev_server_client__: SocketClient | {
-        default: SocketClient;
-    };
-}
-/**
- * Initializes a socket server for HMR for webpack-dev-server.
- * @param messageHandler A handler to consume Webpack compilation messages.
- * @param resourceQuery Webpack's `__resourceQuery` string.
- * @returns
- */
-export declare function init(messageHandler: (...args: unknown[]) => void, resourceQuery: string): void;

package/dist/sockets/WDSSocket.js

@@ -1,63 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    init: ()=>init
-});
-const getSocketUrlParts_js_namespaceObject = require("./utils/getSocketUrlParts.js");
-var getSocketUrlParts_js_default = /*#__PURE__*/ __webpack_require__.n(getSocketUrlParts_js_namespaceObject);
-const getUrlFromParts_js_namespaceObject = require("./utils/getUrlFromParts.js");
-var getUrlFromParts_js_default = /*#__PURE__*/ __webpack_require__.n(getUrlFromParts_js_namespaceObject);
-const getWDSMetadata_js_namespaceObject = require("./utils/getWDSMetadata.js");
-var getWDSMetadata_js_default = /*#__PURE__*/ __webpack_require__.n(getWDSMetadata_js_namespaceObject);
-function init(messageHandler, resourceQuery) {
-    if ("u" > typeof __webpack_dev_server_client__) {
-        let SocketClient;
-        SocketClient = 'default' in __webpack_dev_server_client__ ? __webpack_dev_server_client__.default : __webpack_dev_server_client__;
-        const wdsMeta = getWDSMetadata_js_default()(SocketClient);
-        const urlParts = getSocketUrlParts_js_default()(resourceQuery, wdsMeta);
-        const connection = new SocketClient(getUrlFromParts_js_default()(urlParts, wdsMeta));
-        connection.onMessage(function(data) {
-            const message = JSON.parse(data);
-            messageHandler(message);
-        });
-    }
-}
-exports.init = __webpack_exports__.init;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "init"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});