Initial release of File Tools 0.1.0

src/components/ErrorBoundary.tsx

@@ -0,0 +1,27 @@
+import { Component, type ErrorInfo, type ReactNode } from "react";
+
+export class ErrorBoundary extends Component<
+  { children: ReactNode },
+  { error?: Error }
+> {
+  state: { error?: Error } = {};
+  static getDerivedStateFromError(error: Error) {
+    return { error };
+  }
+  componentDidCatch(error: Error, info: ErrorInfo) {
+    console.error("Application failure", error, info);
+  }
+  render() {
+    if (this.state.error)
+      return (
+        <main className="fatal">
+          <h1>File Tools could not continue</h1>
+          <p>{this.state.error.message}</p>
+          <button type="button" onClick={() => location.reload()}>
+            Reload
+          </button>
+        </main>
+      );
+    return this.props.children;
+  }
+}