@mdguggenbichler/slugbase-core 0.0.8 → 0.0.10

package/frontend/src/App.tsx

@@ -52,19 +52,44 @@ 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();
-  const { appRootPath } = useAppConfig();
-  const [setupStatus, setSetupStatus] = React.useState<{ initialized: boolean } | null>(null);
-  const [setupLoading, setSetupLoading] = React.useState(true);
+  const { appRootPath, skipSetupFlow } = useAppConfig();
+  const [setupStatus, setSetupStatus] = React.useState<{ initialized: boolean } | null>(() =>
+    skipSetupFlow ? { initialized: true } : null
+  );
+  const [setupLoading, setSetupLoading] = React.useState(() => !skipSetupFlow);
 
   React.useEffect(() => {
+    if (skipSetupFlow) {
+      setSetupLoading(false);
+      return;
+    }
     api.get('/auth/setup/status')
       .then((res) => res.data)
       .then((data) => { setSetupStatus(data); setSetupLoading(false); })
       .catch(() => { setSetupStatus({ initialized: true }); setSetupLoading(false); });
-  }, []);
+  }, [skipSetupFlow]);
 
   if (setupLoading || (loading && setupStatus?.initialized)) {
     return <div className="min-h-screen flex items-center justify-center"><div className="text-lg">{t('common.loading')}</div></div>;
@@ -76,7 +101,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 />} />
@@ -198,9 +223,11 @@ export interface AppProps {
   apiBaseUrl?: string;
   /** When set (e.g. "" or null), core does not render BrowserRouter; host (e.g. cloud) provides it. */
   routerBasename?: string | null;
+  /** When true, skip the first-time setup flow (e.g. in cloud; first user registers via Signup). */
+  skipSetupFlow?: boolean;
 }
 
-function App({ basePath, apiBaseUrl, routerBasename }: AppProps = {}) {
+function App({ basePath, apiBaseUrl, routerBasename, skipSetupFlow }: AppProps = {}) {
   const appRootPath = basePath === '/' || !basePath ? '/' : basePath;
   const content = (
     <AuthProvider>
@@ -213,7 +240,7 @@ function App({ basePath, apiBaseUrl, routerBasename }: AppProps = {}) {
   );
   return (
     <AppErrorBoundary>
-      <AppConfigProvider appBasePath={basePath} apiBaseUrl={apiBaseUrl} appRootPath={appRootPath}>
+      <AppConfigProvider appBasePath={basePath} apiBaseUrl={apiBaseUrl} appRootPath={appRootPath} skipSetupFlow={skipSetupFlow}>
         {routerBasename !== undefined ? (
           content
         ) : (

package/frontend/src/contexts/AppConfigContext.tsx

@@ -5,6 +5,8 @@ export interface AppConfig {
   appBasePath: string;
   apiBaseUrl: string;
   appRootPath: string;
+  /** When true, skip the first-time setup flow (e.g. in cloud; first user registers via Signup). */
+  skipSetupFlow?: boolean;
 }
 
 const defaultConfig: AppConfig = {
@@ -20,16 +22,19 @@ export function AppConfigProvider({
   appBasePath,
   apiBaseUrl,
   appRootPath,
+  skipSetupFlow,
 }: {
   children: React.ReactNode;
   appBasePath?: string;
   apiBaseUrl?: string;
   appRootPath?: string;
+  skipSetupFlow?: boolean;
 }) {
   const value: AppConfig = {
     appBasePath: appBasePath ?? defaultConfig.appBasePath,
     apiBaseUrl: apiBaseUrl ?? defaultConfig.apiBaseUrl,
     appRootPath: appRootPath ?? defaultConfig.appRootPath,
+    skipSetupFlow,
   };
   return <AppConfigContext.Provider value={value}>{children}</AppConfigContext.Provider>;
 }

package/package.json

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