error.ts

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 { }