@vertesia/ui 1.0.0-dev.20260225.024852Z → 1.0.0-dev.20260305.083323Z

package/src/session/UserSession.ts

@@ -7,7 +7,6 @@ import { Env } from '@vertesia/ui/env';
 
 import { getComposableToken } from './auth/composable';
 import { getFirebaseAuth } from './auth/firebase';
-import { TypeRegistry } from './TypeRegistry';
 
 import { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY } from './constants';
 export { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY };
@@ -21,7 +20,6 @@ class UserSession {
     client: VertesiaClient;
     authError?: Error;
     authToken?: AuthTokenPayload;
-    typeRegistry?: TypeRegistry;
     setSession?: (session: UserSession) => void;
     lastSelectedAccount?: string | null;
     lastSelectedProject?: string | null;
@@ -102,11 +100,7 @@ class UserSession {
         // notify the host app of the login
         Env.onLogin?.(this.authToken);
 
-        // Independent async calls
-        await Promise.all([
-            this._loadTypes(),
-            this.fetchOnboardingStatus(),
-        ]);
+        await this.fetchOnboardingStatus();
 
         return Promise.resolve();
 
@@ -131,7 +125,6 @@ class UserSession {
             this.authError = undefined;
             this.isLoading = false;
             this.authToken = undefined;
-            this.typeRegistry = undefined;
             this.setSession = undefined;
             this.client.withAuthCallback(undefined);
 
@@ -144,15 +137,22 @@ class UserSession {
         } else {
             // Use Firebase logout directly
             console.log('Using Firebase logout');
+            const wasLoggedIn = !!this.authToken;
             if (this.authToken) {
                 getFirebaseAuth().signOut();
             }
             this.authError = undefined;
             this.isLoading = false;
             this.authToken = undefined;
-            this.typeRegistry = undefined;
             this.setSession = undefined;
             this.client.withAuthCallback(undefined);
+            // Navigate to root to avoid React rendering errors when
+            // unmounting deeply nested route components during logout.
+            // Only navigate if user was actually logged in to avoid
+            // infinite reload loop on fresh/incognito sessions.
+            if (wasLoggedIn) {
+                location.replace("/");
+            }
         }
     }
 
@@ -177,24 +177,6 @@ class UserSession {
         window.location.replace('/?a=' + this.account?.id + '&p=' + targetProjectId);
     }
 
-    async _loadTypes() {
-        if (this.project) {
-            return this.store.types.catalog.list({ layout: true }).then(types => this.typeRegistry = new TypeRegistry(types)).catch(err => {
-                //return this.store.types.list({}, { layout: true }).then(types => this.typeRegistry = new TypeRegistry(types)).catch(err => {
-                console.error('Failed to fetch object types', err);
-                throw err;
-            })
-        } else {
-            console.log('No project selected');
-        }
-    }
-
-    async reloadTypes() {
-        return this._loadTypes().then(() => {
-            this.setSession?.(this.clone());
-        });
-    }
-
     async fetchAccounts() {
         return this.client.accounts.list().then(accounts => {
             if (!this.authToken) {
@@ -237,7 +219,6 @@ class UserSession {
         session.setSession = this.setSession;
         session.lastSelectedAccount = this.lastSelectedAccount;
         session.switchAccount = this.switchAccount;
-        session.typeRegistry = this.typeRegistry;
         session.onboardingComplete = this.onboardingComplete;
         return session;
     }

package/src/session/index.ts

@@ -2,7 +2,6 @@ export * from "./auth/composable";
 export * from "./auth/useCurrentTenant";
 export * from "./auth/useAuthState";
 export * from "./auth/firebase";
-export * from "./TypeRegistry";
 export * from "./UserSession";
 export * from "./UserSessionProvider";
 export * from "./useUXTracking";

package/src/shell/SplashScreen.tsx

@@ -30,8 +30,8 @@ export function SplashScreen({ icon: Icon }: SplashScreenProps) {
             leaveFrom="opacity-100"
             leaveTo="opacity-0"
         >
-            <div style={{ zIndex: 999999 }} className='fixed inset-x-0 inset-y-0'>
-                <div className="flex w-full h-full items-center justify-center">
+            <div style={{ zIndex: 999999, position: 'fixed', inset: 0 }} className='fixed inset-x-0 inset-y-0'>
+                <div style={{ display: 'flex', width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center' }} className="flex w-full h-full items-center justify-center">
                     <div className="animate-[spin_4s_linear_infinite]">
                         <div className='animate-pulse rounded-full bg-transparent'>
                             {Icon || <LoadingIcon />}
@@ -50,6 +50,8 @@ function LoadingIcon() {
     // const stopColor2 = "#4F46E5";
     return (
         <svg
+            width="32"
+            height="32"
             className="w-8 h-8 text-indigo-600"
             viewBox="0 0 50 50"
             xmlns="http://www.w3.org/2000/svg"

package/src/shell/VertesiaShell.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider, ToastProvider } from "@vertesia/ui/core";
-import { UserPermissionProvider } from "@vertesia/ui/features";
+import { UserPermissionProvider, TypeRegistryProvider } from "@vertesia/ui/features";
 import { UserSessionProvider } from "@vertesia/ui/session";
 import { SplashScreen } from "./SplashScreen";
 import { SigninScreen } from "./login/SigninScreen";
@@ -16,13 +16,15 @@ export function VertesiaShell({ children, lightLogo, darkLogo, loadingIcon }: Ve
     return (
         <ToastProvider>
             <UserSessionProvider>
-                <ThemeProvider defaultTheme="system" storageKey="vite-ui-theme">
-                    <SplashScreen icon={loadingIcon} />
-                    <SigninScreen allowedPrefix="/shared/" lightLogo={lightLogo} darkLogo={darkLogo} />
-                    <UserPermissionProvider>
-                        {children}
-                    </UserPermissionProvider>
-                </ThemeProvider>
+                <TypeRegistryProvider>
+                    <ThemeProvider defaultTheme="system" storageKey="vite-ui-theme">
+                        <SplashScreen icon={loadingIcon} />
+                        <SigninScreen allowedPrefix="/shared/" lightLogo={lightLogo} darkLogo={darkLogo} />
+                        <UserPermissionProvider>
+                            {children}
+                        </UserPermissionProvider>
+                    </ThemeProvider>
+                </TypeRegistryProvider>
             </UserSessionProvider>
         </ToastProvider>
     )

package/src/shell/login/TerminalLogin.tsx

@@ -1,10 +1,9 @@
-import { useState } from 'react'
-
 import { AccountRef, ProjectRef } from '@vertesia/common'
 import { Button, Center, ErrorBox, Input, SelectBox, Spinner, useFetch, useToast } from '@vertesia/ui/core'
 import { Env } from "@vertesia/ui/env"
 import { useLocation } from "@vertesia/ui/router"
 import { fetchComposableTokenFromFirebaseToken, useUserSession } from '@vertesia/ui/session'
+import { useState } from 'react'
 
 interface ProfileData {
     profile?: string

package/lib/esm/session/TypeRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypeRegistry.js","sourceRoot":"","sources":["../../../src/session/TypeRegistry.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,YAAY;IAEF;IADnB,GAAG,GAA0C,EAAE,CAAC;IAChD,YAAmB,KAA8B;QAA9B,UAAK,GAAL,KAAK,CAAyB;QAC7C,YAAY;QACZ,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAClD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,OAAO,CAAC,EAAU;QACd,OAAO,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IAED,aAAa,CAAC,EAAU;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,CAAC;IAED,WAAW,CAAC,EAAU;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IACxC,CAAC;CAEJ"}

package/lib/types/session/TypeRegistry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/session/TypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,qBAAa,YAAY;IAEF,KAAK,EAAE,qBAAqB,EAAE;IADjD,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAM;gBAC7B,KAAK,EAAE,qBAAqB,EAAE;IAQjD,OAAO,CAAC,EAAE,EAAE,MAAM;IAIlB,aAAa,CAAC,EAAE,EAAE,MAAM;IAKxB,WAAW,CAAC,EAAE,EAAE,MAAM;CAKzB"}