123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- /* global __react_refresh_error_overlay__, __react_refresh_socket__, __resourceQuery */
- const events = require('./utils/errorEventHandlers.js');
- const formatWebpackErrors = require('./utils/formatWebpackErrors.js');
- const runWithPatchedUrl = require('./utils/patchUrl.js');
- const runWithRetry = require('./utils/retry.js');
- // Setup error states
- let isHotReload = false;
- let hasRuntimeErrors = false;
- /**
- * Try dismissing the compile error overlay.
- * This will also reset runtime error records (if any),
- * because we have new source to evaluate.
- * @returns {void}
- */
- function tryDismissErrorOverlay() {
- __react_refresh_error_overlay__.clearCompileError();
- __react_refresh_error_overlay__.clearRuntimeErrors(!hasRuntimeErrors);
- hasRuntimeErrors = false;
- }
- /**
- * A function called after a compile success signal is received from Webpack.
- * @returns {void}
- */
- function handleCompileSuccess() {
- isHotReload = true;
- if (isHotReload) {
- tryDismissErrorOverlay();
- }
- }
- /**
- * A function called after a compile errored signal is received from Webpack.
- * @param {string[]} errors
- * @returns {void}
- */
- function handleCompileErrors(errors) {
- isHotReload = true;
- const formattedErrors = formatWebpackErrors(errors);
- // Only show the first error
- __react_refresh_error_overlay__.showCompileError(formattedErrors[0]);
- }
- /**
- * Handles compilation messages from Webpack.
- * Integrates with a compile error overlay.
- * @param {*} message A Webpack HMR message sent via WebSockets.
- * @returns {void}
- */
- function compileMessageHandler(message) {
- switch (message.type) {
- case 'ok':
- case 'still-ok':
- case 'warnings': {
- // TODO: Implement handling for warnings
- handleCompileSuccess();
- break;
- }
- case 'errors': {
- handleCompileErrors(message.data);
- break;
- }
- default: {
- // Do nothing.
- }
- }
- }
- if (process.env.NODE_ENV !== 'production') {
- if (typeof window !== 'undefined') {
- runWithPatchedUrl(function setupOverlay() {
- // Only register if no other overlay have been registered
- if (!window.__reactRefreshOverlayInjected && __react_refresh_socket__) {
- // Registers handlers for compile errors with retry -
- // This is to prevent mismatching injection order causing errors to be thrown
- runWithRetry(function initSocket() {
- __react_refresh_socket__.init(compileMessageHandler, __resourceQuery);
- }, 3);
- // Registers handlers for runtime errors
- events.handleError(function handleError(error) {
- hasRuntimeErrors = true;
- __react_refresh_error_overlay__.handleRuntimeError(error);
- });
- events.handleUnhandledRejection(function handleUnhandledPromiseRejection(error) {
- hasRuntimeErrors = true;
- __react_refresh_error_overlay__.handleRuntimeError(error);
- });
- // Mark overlay as injected to prevent double-injection
- window.__reactRefreshOverlayInjected = true;
- }
- });
- }
- }
|