127 lines
4.7 KiB
JavaScript
127 lines
4.7 KiB
JavaScript
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
|