import { useReducer } from "react"; export const ACTION_BUILD_OK = "build-ok"; export const ACTION_BUILD_ERROR = "build-error"; export const ACTION_BEFORE_REFRESH = "before-fast-refresh"; export const ACTION_REFRESH = "fast-refresh"; export const ACTION_VERSION_INFO = "version-info"; export const ACTION_UNHANDLED_ERROR = "unhandled-error"; export const ACTION_UNHANDLED_REJECTION = "unhandled-rejection"; function pushErrorFilterDuplicates(errors, err) { return [ ...errors.filter((e)=>{ // Filter out duplicate errors return e.event.reason !== err.event.reason; }), err ]; } export const INITIAL_OVERLAY_STATE = { nextId: 1, buildError: null, errors: [], notFound: false, refreshState: { type: "idle" }, rootLayoutMissingTags: [], versionInfo: { installed: "0.0.0", staleness: "unknown" } }; export function useErrorOverlayReducer() { return useReducer((_state, action)=>{ switch(action.type){ case ACTION_BUILD_OK: { return { ..._state, buildError: null }; } case ACTION_BUILD_ERROR: { return { ..._state, buildError: action.message }; } case ACTION_BEFORE_REFRESH: { return { ..._state, refreshState: { type: "pending", errors: [] } }; } case ACTION_REFRESH: { return { ..._state, buildError: null, errors: // Errors can come in during updates. In this case, UNHANDLED_ERROR // and UNHANDLED_REJECTION events might be dispatched between the // BEFORE_REFRESH and the REFRESH event. We want to keep those errors // around until the next refresh. Otherwise we run into a race // condition where those errors would be cleared on refresh completion // before they can be displayed. _state.refreshState.type === "pending" ? _state.refreshState.errors : [], refreshState: { type: "idle" } }; } case ACTION_UNHANDLED_ERROR: case ACTION_UNHANDLED_REJECTION: { switch(_state.refreshState.type){ case "idle": { return { ..._state, nextId: _state.nextId + 1, errors: pushErrorFilterDuplicates(_state.errors, { id: _state.nextId, event: action }) }; } case "pending": { return { ..._state, nextId: _state.nextId + 1, refreshState: { ..._state.refreshState, errors: pushErrorFilterDuplicates(_state.refreshState.errors, { id: _state.nextId, event: action }) } }; } default: // eslint-disable-next-line @typescript-eslint/no-unused-vars const _ = _state.refreshState; return _state; } } case ACTION_VERSION_INFO: { return { ..._state, versionInfo: action.versionInfo }; } default: { return _state; } } }, INITIAL_OVERLAY_STATE); } export const REACT_REFRESH_FULL_RELOAD_FROM_ERROR = "[Fast Refresh] performing full reload because your application had an unrecoverable error"; //# sourceMappingURL=shared.js.map