Skip to main content
Module

x/aleph/error.ts

The Full-stack Framework in Deno.
Very Popular
Go to Latest
File
import React from 'https://esm.sh/react'import Head from './head.ts'
export class ErrorBoundary extends React.Component { state: { stack: string | null }
constructor(props: any) { super(props) this.state = { stack: null } }
static getDerivedStateFromError(error: Error) { // Update state so the next render will show the fallback UI. return { stack: error?.stack || null } }
componentDidCatch(error: any, errorInfo: any) { this.state = { stack: error?.stack || null } }
render() { if (this.state.stack) { return ( React.createElement( 'pre', null, this.state.stack ) ) }
return this.props.children }}

export function E404Page() { return React.createElement( StatusError, { status: 404, message: 'Page Not Found' } )}
export function E400MissingDefaultExportAsComponent({ name }: { name: string }) { return React.createElement( StatusError, { status: 400, message: `Module "${name}" should export a React Component as default`, showRefreshButton: true } )}
export function StatusError({ status, message, showRefreshButton }: { status: number, message: string, showRefreshButton?: boolean }) { return ( React.createElement( React.Fragment, null, React.createElement( Head, null, React.createElement( 'title', null, `${status} - ${message} | Aleph.js` ), ), React.createElement( 'p', null, React.createElement( 'strong', null, React.createElement( 'code', null, status ) ), React.createElement( 'small', null, ' - ' ), React.createElement( 'span', null, message ) ), showRefreshButton && React.createElement( 'p', null, React.createElement( 'button', { onClick() { const { location } = window as any location.reload() } }, 'Refresh' ) ) ) )}
export class AsyncUseDenoError extends Error { }