1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- /* global __react_refresh_error_overlay__, __react_refresh_init_socket__, __resourceQuery */
- const errorEventHandlers = require('./utils/errorEventHandlers');
- const formatWebpackErrors = require('./utils/formatWebpackErrors');
- // 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.
- }
- }
- }
- // Only register if we're in non-production mode and if window is defined
- if (process.env.NODE_ENV !== 'production' && typeof window !== 'undefined') {
- // Registers handlers for compile errors
- __react_refresh_init_socket__(compileMessageHandler, __resourceQuery);
- // Registers handlers for runtime errors
- errorEventHandlers.error(function handleError(error) {
- hasRuntimeErrors = true;
- __react_refresh_error_overlay__.handleRuntimeError(error);
- });
- errorEventHandlers.unhandledRejection(function handleUnhandledPromiseRejection(error) {
- hasRuntimeErrors = true;
- __react_refresh_error_overlay__.handleRuntimeError(error);
- });
- }
|