@mdguggenbichler/slugbase-core 0.0.7 → 0.0.9

package/frontend/src/App.tsx

@@ -52,6 +52,25 @@ function SharedRedirect() {
   return <Navigate to={to} replace />;
 }
 
+/** Diagnostic: catches errors in login subtree and rethrows with a prefix so cloud boundary shows where the throw came from. */
+class LoginRouteErrorBoundary extends Component<{ children: ReactNode }, { error: Error | null }> {
+  state = { error: null as Error | null };
+
+  static getDerivedStateFromError(raw: unknown): { error: Error } {
+    const msg = raw instanceof Error ? raw.message : String(raw);
+    return { error: new Error(`[LoginRoute] ${msg || '(no message)'}`) };
+  }
+
+  componentDidCatch(error: unknown, info: React.ErrorInfo) {
+    console.error('[Login route boundary]', error, info.componentStack);
+  }
+
+  render() {
+    if (this.state.error != null) throw this.state.error;
+    return this.props.children;
+  }
+}
+
 function AppRoutes() {
   const { user, loading } = useAuth();
   const { t } = useTranslation();
@@ -76,7 +95,7 @@ function AppRoutes() {
   return (
     <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><div className="text-lg">{t('common.loading')}</div></div>}>
       <Routes>
-        <Route path="/login" element={!user ? <Login /> : <Navigate to={appRootPath} replace />} />
+        <Route path="/login" element={!user ? <LoginRouteErrorBoundary><Login /></LoginRouteErrorBoundary> : <Navigate to={appRootPath} replace />} />
         <Route path="/signup" element={!user ? <Signup /> : <Navigate to={appRootPath} replace />} />
         <Route path="/reset-password" element={<PasswordReset />} />
         <Route path="/password-reset" element={<PasswordReset />} />
@@ -137,14 +156,16 @@ interface AppErrorFallbackProps {
 }
 
 function AppErrorFallback({ error, onReset }: AppErrorFallbackProps) {
-  const { t } = useTranslation();
+  // Use hardcoded strings so this fallback never throws (e.g. when i18n context is missing in embedded host).
   const message = error?.message ?? (error != null ? String(error) : '');
   return (
     <div className="min-h-screen flex flex-col items-center justify-center gap-4 p-4" role="alert">
-      <p className="text-lg text-gray-700 dark:text-gray-300 text-center">{t('common.error')}</p>
-      {message && (
-        <details className="w-full max-w-md text-sm text-gray-600 dark:text-gray-400" open={import.meta.env?.DEV}>
-          <summary className="cursor-pointer">{message}</summary>
+      <p className="text-lg text-gray-700 dark:text-gray-300 text-center">
+        Something went wrong loading this page. Please try again.
+      </p>
+      {(message || error?.stack) && (
+        <details className="w-full max-w-md text-sm text-gray-600 dark:text-gray-400" open>
+          <summary className="cursor-pointer">{message || 'Error details'}</summary>
           {error?.stack && <pre className="mt-2 overflow-auto whitespace-pre-wrap">{error.stack}</pre>}
         </details>
       )}
@@ -153,7 +174,7 @@ function AppErrorFallback({ error, onReset }: AppErrorFallbackProps) {
         onClick={() => (onReset ? onReset() : window.location.reload())}
         className="px-4 py-2 rounded-md bg-primary text-primary-foreground hover:opacity-90"
       >
-        {t('common.reload')}
+        Reload
       </button>
     </div>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdguggenbichler/slugbase-core",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "SlugBase core: backend and frontend entrypoints for self-hosted and cloud apps",
   "type": "module",
   "exports": {