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

package/client/refreshUtils.js

@@ -9,7 +9,7 @@
  */
 
 /* global __webpack_require__ */
-var Refresh = require("react-refresh/runtime");
+var Refresh = require('react-refresh/runtime');
 
 /**
  * Extracts exports from a webpack module object.
@@ -17,32 +17,32 @@ var Refresh = require("react-refresh/runtime");
  * @returns {*} An exports object from the module.
  */
 function getModuleExports(moduleId) {
-	if (typeof moduleId === "undefined") {
-		// `moduleId` is unavailable, which indicates that this module is not in the cache,
-		// which means we won't be able to capture any exports,
-		// and thus they cannot be refreshed safely.
-		// These are likely runtime or dynamically generated modules.
-		return {};
-	}
-
-	var maybeModule = __webpack_require__.c[moduleId];
-	if (typeof maybeModule === "undefined") {
-		// `moduleId` is available but the module in cache is unavailable,
-		// which indicates the module is somehow corrupted (e.g. broken Webpacak `module` globals).
-		// We will warn the user (as this is likely a mistake) and assume they cannot be refreshed.
-		console.warn(
-			"[React Refresh] Failed to get exports for module: " + moduleId + "."
-		);
-		return {};
-	}
-
-	var exportsOrPromise = maybeModule.exports;
-	if (typeof Promise !== "undefined" && exportsOrPromise instanceof Promise) {
-		return exportsOrPromise.then(function (exports) {
-			return exports;
-		});
-	}
-	return exportsOrPromise;
+  if (typeof moduleId === 'undefined') {
+    // `moduleId` is unavailable, which indicates that this module is not in the cache,
+    // which means we won't be able to capture any exports,
+    // and thus they cannot be refreshed safely.
+    // These are likely runtime or dynamically generated modules.
+    return {};
+  }
+
+  var maybeModule = __webpack_require__.c[moduleId];
+  if (typeof maybeModule === 'undefined') {
+    // `moduleId` is available but the module in cache is unavailable,
+    // which indicates the module is somehow corrupted (e.g. broken Webpacak `module` globals).
+    // We will warn the user (as this is likely a mistake) and assume they cannot be refreshed.
+    console.warn(
+      '[React Refresh] Failed to get exports for module: ' + moduleId + '.',
+    );
+    return {};
+  }
+
+  var exportsOrPromise = maybeModule.exports;
+  if (typeof Promise !== 'undefined' && exportsOrPromise instanceof Promise) {
+    return exportsOrPromise.then(function (exports) {
+      return exports;
+    });
+  }
+  return exportsOrPromise;
 }
 
 /**
@@ -54,24 +54,24 @@ function getModuleExports(moduleId) {
  * @returns {string[]} A React refresh boundary signature array.
  */
 function getReactRefreshBoundarySignature(moduleExports) {
-	var signature = [];
-	signature.push(Refresh.getFamilyByType(moduleExports));
+  var signature = [];
+  signature.push(Refresh.getFamilyByType(moduleExports));
 
-	if (moduleExports == null || typeof moduleExports !== "object") {
-		// Exit if we can't iterate over exports.
-		return signature;
-	}
+  if (moduleExports == null || typeof moduleExports !== 'object') {
+    // Exit if we can't iterate over exports.
+    return signature;
+  }
 
-	for (var key in moduleExports) {
-		if (key === "__esModule") {
-			continue;
-		}
+  for (var key in moduleExports) {
+    if (key === '__esModule') {
+      continue;
+    }
 
-		signature.push(key);
-		signature.push(Refresh.getFamilyByType(moduleExports[key]));
-	}
+    signature.push(key);
+    signature.push(Refresh.getFamilyByType(moduleExports[key]));
+  }
 
-	return signature;
+  return signature;
 }
 
 /**
@@ -79,28 +79,28 @@ function getReactRefreshBoundarySignature(moduleExports) {
  * @returns {function(function(): void): void} A debounced React refresh function.
  */
 function createDebounceUpdate() {
-	/**
-	 * A cached setTimeout handler.
-	 * @type {number | undefined}
-	 */
-	var refreshTimeout;
-
-	/**
-	 * Performs react refresh on a delay and clears the error overlay.
-	 * @param {function(): void} callback
-	 * @returns {void}
-	 */
-	function enqueueUpdate(callback) {
-		if (typeof refreshTimeout === "undefined") {
-			refreshTimeout = setTimeout(function () {
-				refreshTimeout = undefined;
-				Refresh.performReactRefresh();
-				callback();
-			}, 30);
-		}
-	}
-
-	return enqueueUpdate;
+  /**
+   * A cached setTimeout handler.
+   * @type {number | undefined}
+   */
+  var refreshTimeout;
+
+  /**
+   * Performs react refresh on a delay and clears the error overlay.
+   * @param {function(): void} callback
+   * @returns {void}
+   */
+  function enqueueUpdate(callback) {
+    if (typeof refreshTimeout === 'undefined') {
+      refreshTimeout = setTimeout(function () {
+        refreshTimeout = undefined;
+        Refresh.performReactRefresh();
+        callback();
+      }, 30);
+    }
+  }
+
+  return enqueueUpdate;
 }
 
 /**
@@ -111,39 +111,39 @@ function createDebounceUpdate() {
  * @returns {boolean} Whether the exports are React component like.
  */
 function isReactRefreshBoundary(moduleExports) {
-	if (Refresh.isLikelyComponentType(moduleExports)) {
-		return true;
-	}
-	if (
-		moduleExports === undefined ||
-		moduleExports === null ||
-		typeof moduleExports !== "object"
-	) {
-		// Exit if we can't iterate over exports.
-		return false;
-	}
-
-	var hasExports = false;
-	var areAllExportsComponents = true;
-	for (var key in moduleExports) {
-		hasExports = true;
-
-		// This is the ES Module indicator flag
-		if (key === "__esModule") {
-			continue;
-		}
-
-		// We can (and have to) safely execute getters here,
-		// as Webpack manually assigns harmony exports to getters,
-		// without any side-effects attached.
-		// Ref: https://github.com/webpack/webpack/blob/b93048643fe74de2a6931755911da1212df55897/lib/MainTemplate.js#L281
-		var exportValue = moduleExports[key];
-		if (!Refresh.isLikelyComponentType(exportValue)) {
-			areAllExportsComponents = false;
-		}
-	}
-
-	return hasExports && areAllExportsComponents;
+  if (Refresh.isLikelyComponentType(moduleExports)) {
+    return true;
+  }
+  if (
+    moduleExports === undefined ||
+    moduleExports === null ||
+    typeof moduleExports !== 'object'
+  ) {
+    // Exit if we can't iterate over exports.
+    return false;
+  }
+
+  var hasExports = false;
+  var areAllExportsComponents = true;
+  for (var key in moduleExports) {
+    hasExports = true;
+
+    // This is the ES Module indicator flag
+    if (key === '__esModule') {
+      continue;
+    }
+
+    // We can (and have to) safely execute getters here,
+    // as Webpack manually assigns harmony exports to getters,
+    // without any side-effects attached.
+    // Ref: https://github.com/webpack/webpack/blob/b93048643fe74de2a6931755911da1212df55897/lib/MainTemplate.js#L281
+    var exportValue = moduleExports[key];
+    if (!Refresh.isLikelyComponentType(exportValue)) {
+      areAllExportsComponents = false;
+    }
+  }
+
+  return hasExports && areAllExportsComponents;
 }
 
 /**
@@ -155,32 +155,32 @@ function isReactRefreshBoundary(moduleExports) {
  * @returns {void}
  */
 function registerExportsForReactRefresh(moduleExports, moduleId) {
-	if (Refresh.isLikelyComponentType(moduleExports)) {
-		// Register module.exports if it is likely a component
-		Refresh.register(moduleExports, moduleId + " %exports%");
-	}
-
-	if (
-		moduleExports === undefined ||
-		moduleExports === null ||
-		typeof moduleExports !== "object"
-	) {
-		// Exit if we can't iterate over the exports.
-		return;
-	}
-
-	for (var key in moduleExports) {
-		// Skip registering the ES Module indicator
-		if (key === "__esModule") {
-			continue;
-		}
-
-		var exportValue = moduleExports[key];
-		if (Refresh.isLikelyComponentType(exportValue)) {
-			var typeID = moduleId + " %exports% " + key;
-			Refresh.register(exportValue, typeID);
-		}
-	}
+  if (Refresh.isLikelyComponentType(moduleExports)) {
+    // Register module.exports if it is likely a component
+    Refresh.register(moduleExports, moduleId + ' %exports%');
+  }
+
+  if (
+    moduleExports === undefined ||
+    moduleExports === null ||
+    typeof moduleExports !== 'object'
+  ) {
+    // Exit if we can't iterate over the exports.
+    return;
+  }
+
+  for (var key in moduleExports) {
+    // Skip registering the ES Module indicator
+    if (key === '__esModule') {
+      continue;
+    }
+
+    var exportValue = moduleExports[key];
+    if (Refresh.isLikelyComponentType(exportValue)) {
+      var typeID = moduleId + ' %exports% ' + key;
+      Refresh.register(exportValue, typeID);
+    }
+  }
 }
 
 /**
@@ -192,106 +192,106 @@ function registerExportsForReactRefresh(moduleExports, moduleId) {
  * @returns {boolean} Whether the React refresh boundary should be invalidated.
  */
 function shouldInvalidateReactRefreshBoundary(prevExports, nextExports) {
-	var prevSignature = getReactRefreshBoundarySignature(prevExports);
-	var nextSignature = getReactRefreshBoundarySignature(nextExports);
+  var prevSignature = getReactRefreshBoundarySignature(prevExports);
+  var nextSignature = getReactRefreshBoundarySignature(nextExports);
 
-	if (prevSignature.length !== nextSignature.length) {
-		return true;
-	}
+  if (prevSignature.length !== nextSignature.length) {
+    return true;
+  }
 
-	for (var i = 0; i < nextSignature.length; i += 1) {
-		if (prevSignature[i] !== nextSignature[i]) {
-			return true;
-		}
-	}
+  for (var i = 0; i < nextSignature.length; i += 1) {
+    if (prevSignature[i] !== nextSignature[i]) {
+      return true;
+    }
+  }
 
-	return false;
+  return false;
 }
 
 var enqueueUpdate = createDebounceUpdate();
 function executeRuntime(
-	moduleExports,
-	moduleId,
-	webpackHot,
-	refreshOverlay,
-	isTest
+  moduleExports,
+  moduleId,
+  webpackHot,
+  refreshOverlay,
+  isTest,
 ) {
-	registerExportsForReactRefresh(moduleExports, moduleId);
-
-	if (webpackHot) {
-		var isHotUpdate = !!webpackHot.data;
-		var prevExports;
-		if (isHotUpdate) {
-			prevExports = webpackHot.data.prevExports;
-		}
-
-		if (isReactRefreshBoundary(moduleExports)) {
-			webpackHot.dispose(
-				/**
-				 * A callback to performs a full refresh if React has unrecoverable errors,
-				 * and also caches the to-be-disposed module.
-				 * @param {*} data A hot module data object from Webpack HMR.
-				 * @returns {void}
-				 */
-				function hotDisposeCallback(data) {
-					// We have to mutate the data object to get data registered and cached
-					data.prevExports = moduleExports;
-				}
-			);
-			webpackHot.accept(
-				/**
-				 * An error handler to allow self-recovering behaviours.
-				 * @param {Error} error An error occurred during evaluation of a module.
-				 * @returns {void}
-				 */
-				function hotErrorHandler(error) {
-					if (typeof refreshOverlay !== "undefined" && refreshOverlay) {
-						refreshOverlay.handleRuntimeError(error);
-					}
-
-					if (typeof isTest !== "undefined" && isTest) {
-						if (window.onHotAcceptError) {
-							window.onHotAcceptError(error.message);
-						}
-					}
-
-					__webpack_require__.c[moduleId].hot.accept(hotErrorHandler);
-				}
-			);
-
-			if (isHotUpdate) {
-				if (
-					isReactRefreshBoundary(prevExports) &&
-					shouldInvalidateReactRefreshBoundary(prevExports, moduleExports)
-				) {
-					webpackHot.invalidate();
-				} else {
-					enqueueUpdate(
-						/**
-						 * A function to dismiss the error overlay after performing React refresh.
-						 * @returns {void}
-						 */
-						function updateCallback() {
-							if (typeof refreshOverlay !== "undefined" && refreshOverlay) {
-								refreshOverlay.clearRuntimeErrors();
-							}
-						}
-					);
-				}
-			}
-		} else {
-			if (isHotUpdate && typeof prevExports !== "undefined") {
-				webpackHot.invalidate();
-			}
-		}
-	}
+  registerExportsForReactRefresh(moduleExports, moduleId);
+
+  if (webpackHot) {
+    var isHotUpdate = !!webpackHot.data;
+    var prevExports;
+    if (isHotUpdate) {
+      prevExports = webpackHot.data.prevExports;
+    }
+
+    if (isReactRefreshBoundary(moduleExports)) {
+      webpackHot.dispose(
+        /**
+         * A callback to performs a full refresh if React has unrecoverable errors,
+         * and also caches the to-be-disposed module.
+         * @param {*} data A hot module data object from Webpack HMR.
+         * @returns {void}
+         */
+        function hotDisposeCallback(data) {
+          // We have to mutate the data object to get data registered and cached
+          data.prevExports = moduleExports;
+        },
+      );
+      webpackHot.accept(
+        /**
+         * An error handler to allow self-recovering behaviours.
+         * @param {Error} error An error occurred during evaluation of a module.
+         * @returns {void}
+         */
+        function hotErrorHandler(error) {
+          if (typeof refreshOverlay !== 'undefined' && refreshOverlay) {
+            refreshOverlay.handleRuntimeError(error);
+          }
+
+          if (typeof isTest !== 'undefined' && isTest) {
+            if (window.onHotAcceptError) {
+              window.onHotAcceptError(error.message);
+            }
+          }
+
+          __webpack_require__.c[moduleId].hot.accept(hotErrorHandler);
+        },
+      );
+
+      if (isHotUpdate) {
+        if (
+          isReactRefreshBoundary(prevExports) &&
+          shouldInvalidateReactRefreshBoundary(prevExports, moduleExports)
+        ) {
+          webpackHot.invalidate();
+        } else {
+          enqueueUpdate(
+            /**
+             * A function to dismiss the error overlay after performing React refresh.
+             * @returns {void}
+             */
+            function updateCallback() {
+              if (typeof refreshOverlay !== 'undefined' && refreshOverlay) {
+                refreshOverlay.clearRuntimeErrors();
+              }
+            },
+          );
+        }
+      }
+    } else {
+      if (isHotUpdate && typeof prevExports !== 'undefined') {
+        webpackHot.invalidate();
+      }
+    }
+  }
 }
 
 module.exports = Object.freeze({
-	enqueueUpdate: enqueueUpdate,
-	executeRuntime: executeRuntime,
-	getModuleExports: getModuleExports,
-	isReactRefreshBoundary: isReactRefreshBoundary,
-	shouldInvalidateReactRefreshBoundary: shouldInvalidateReactRefreshBoundary,
-	registerExportsForReactRefresh: registerExportsForReactRefresh
+  enqueueUpdate: enqueueUpdate,
+  executeRuntime: executeRuntime,
+  getModuleExports: getModuleExports,
+  isReactRefreshBoundary: isReactRefreshBoundary,
+  shouldInvalidateReactRefreshBoundary: shouldInvalidateReactRefreshBoundary,
+  registerExportsForReactRefresh: registerExportsForReactRefresh,
 });