eeeb1180a2
* delete most references to varr * [REF-3562][REF-3563] Replace chakra usage (#3872) * only one mention of var * delete vars.py why not * remove reflex.vars * rename immutable var to var * rename ivars to vars * add vars back smh * ruff * no more create_safe * reorder deprecated * remove raises * remove all Var.create * move to new api * fix unit tests * fix pyi hopefully * sort literals * fix event handler issues * update poetry * fix silly issues i'm very silly * add var_operation_return * rename immutable to not immutable * add str type * it's ruff out there --------- Co-authored-by: Elijah Ahianyo <elijahahianyo@gmail.com>
80 lines
2.3 KiB
Python
80 lines
2.3 KiB
Python
"""A React Error Boundary component that catches unhandled frontend exceptions."""
|
|
|
|
from __future__ import annotations
|
|
|
|
from typing import List
|
|
|
|
from reflex.compiler.compiler import _compile_component
|
|
from reflex.components.component import Component
|
|
from reflex.components.el import div, p
|
|
from reflex.constants import Hooks, Imports
|
|
from reflex.event import EventChain, EventHandler
|
|
from reflex.utils.imports import ImportVar
|
|
from reflex.vars.base import Var
|
|
from reflex.vars.function import FunctionVar
|
|
|
|
|
|
class ErrorBoundary(Component):
|
|
"""A React Error Boundary component that catches unhandled frontend exceptions."""
|
|
|
|
library = "react-error-boundary"
|
|
tag = "ErrorBoundary"
|
|
|
|
# Fired when the boundary catches an error.
|
|
on_error: EventHandler[lambda error, info: [error, info]] = Var( # type: ignore
|
|
"logFrontendError"
|
|
).to(FunctionVar, EventChain)
|
|
|
|
# Rendered instead of the children when an error is caught.
|
|
Fallback_component: Var[Component] = Var(_js_expr="Fallback")._replace(
|
|
_var_type=Component
|
|
)
|
|
|
|
def add_imports(self) -> dict[str, list[ImportVar]]:
|
|
"""Add imports for the component.
|
|
|
|
Returns:
|
|
The imports to add.
|
|
"""
|
|
return Imports.EVENTS
|
|
|
|
def add_hooks(self) -> List[str | Var]:
|
|
"""Add hooks for the component.
|
|
|
|
Returns:
|
|
The hooks to add.
|
|
"""
|
|
return [Hooks.EVENTS, Hooks.FRONTEND_ERRORS]
|
|
|
|
def add_custom_code(self) -> List[str]:
|
|
"""Add custom Javascript code into the page that contains this component.
|
|
|
|
Custom code is inserted at module level, after any imports.
|
|
|
|
Returns:
|
|
The custom code to add.
|
|
"""
|
|
fallback_container = div(
|
|
p("Ooops...Unknown Reflex error has occured:"),
|
|
p(
|
|
Var(_js_expr="error.message"),
|
|
color="red",
|
|
),
|
|
p("Please contact the support."),
|
|
)
|
|
|
|
compiled_fallback = _compile_component(fallback_container)
|
|
|
|
return [
|
|
f"""
|
|
function Fallback({{ error, resetErrorBoundary }}) {{
|
|
return (
|
|
{compiled_fallback}
|
|
);
|
|
}}
|
|
"""
|
|
]
|
|
|
|
|
|
error_boundary = ErrorBoundary.create
|