import React from 'react';
import ErrorMessage from './ErrorMessage';
import { ECode } from '../../../types/ErrorPage';
import ErrorPage from './ErrorPage';
class ErrorBoundary extends React.Component {
    state = {
        hasError: false,
        error: undefined,
        info: undefined,
    };
    handler = null;
    static getDerivedStateFromError(error) {
        return { hasError: true };
    }
    componentDidCatch(error, errorInfo) {
        console.error('ErrorBoundary caught an error:', error, errorInfo);
        // 这里可以记录错误
        if (this.props.disabled) {
            return;
        }
        this.setState({
            error,
            info: errorInfo,
        });
    }
    componentDidMount() {
        if (this.props.disabled) {
            return;
        }
        this.handler = (event) => {
            const customEvent = event;
            const error = new Error(`vite:preloadError`);
            console.error('ErrorBoundary caught an error:', error, customEvent);
            this.setState({
                error: error,
                info: customEvent,
            });
        };
        window.addEventListener('vite:preloadError', this.handler);
    }
    componentWillUnmount() {
        if (this.props.disabled) {
            return;
        }
        if (this.handler) {
            window.removeEventListener('vite:preloadError', this.handler);
        }
    }
    get errorCode() {
        const { error } = this.state;
        if (error instanceof Error) {
            const isChunkError = error.name === 'ChunkLoadError' ||
                error.message?.includes('ChunkLoadError') ||
                error.message?.includes('vite:preloadError') ||
                error.message?.includes('Failed to fetch dynamically imported module');
            if (isChunkError)
                return ECode.pageUpdate;
        }
        return ECode.pageCrash;
    }
    render() {
        if (this.props.disabled || !this.state.hasError) {
            return this.props.children;
        }
        return (<ErrorPage code={this.errorCode} content={<ErrorMessage error={this.state.error}/>}>
            </ErrorPage>);
    }
}
export default ErrorBoundary;