init

2026-06-16 01:32:43 +03:30
commit 69bbd28bb0
298 changed files with 24728 additions and 0 deletions
@@ -0,0 +1,61 @@
+'use client';
+import { Component, ErrorInfo, ReactNode } from 'react';
+
+interface Props {
+  children: ReactNode;
+  name: string;
+}
+
+interface State {
+  hasError: boolean;
+  error?: Error;
+  errorInfo?: ErrorInfo;
+}
+
+/**
+ * Error boundary wrapper to save Application parts from falling
+ * @component ErrorBoundary
+ * @param {string} [props.name] - name of the wrapped segment, "Error Boundary" by default
+ */
+class ErrorBoundary extends Component<Props, State> {
+  static defaultProps = {
+    name: 'Error Boundary',
+  };
+
+  constructor(props: Props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(error: Error) {
+    // The next render will show the Error UI
+    return { hasError: true };
+  }
+
+  componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    // Save information to help render Error UI
+    this.setState({ error, errorInfo });
+    // TODO: Add log error messages to an error reporting service here
+  }
+
+  render() {
+    if (this.state.hasError) {
+      // Error UI rendering
+      return (
+        <div>
+          <h2>{this.props.name} - Something went wrong</h2>
+          <details style={{ whiteSpace: 'pre-wrap' }}>
+            {this.state?.error?.toString()}
+            <br />
+            {this.state?.errorInfo?.componentStack}
+          </details>
+        </div>
+      );
+    }
+
+    // Normal UI rendering
+    return this.props.children;
+  }
+}
+
+export default ErrorBoundary;