@insforge/react 0.6.5 → 0.6.6

package/dist/index.d.cts

@@ -14,6 +14,10 @@ import '@insforge/sdk';
 import '@insforge/shared-schemas';
 import 'zod';
 
+interface InitialAuthState {
+    user?: InsforgeUser | null;
+    userId?: string | null;
+}
 interface InsforgeProviderProps {
     children: ReactNode;
     baseUrl: string;
@@ -25,6 +29,11 @@ interface InsforgeProviderProps {
     onAuthChange?: (user: InsforgeUser | null) => void;
     onSignIn?: (authToken: string) => Promise<void>;
     onSignOut?: () => Promise<void>;
+    /**
+     * Initial auth state from server (for SSR hydration)
+     * @internal - Not intended for public use, used by Next.js package
+     */
+    initialState?: InitialAuthState;
 }
 /**
  * Unified Insforge Provider - manages authentication state and configuration
@@ -64,7 +73,7 @@ interface InsforgeProviderProps {
  * </InsforgeProvider>
  * ```
  */
-declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, initialState, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function InsforgeProvider(props: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access Insforge context
@@ -100,4 +109,4 @@ declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig
  */
 declare function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>>;
 
-export { InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, getAllProviderConfigs, getProviderConfig, useInsforge };
+export { type InitialAuthState, InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, getAllProviderConfigs, getProviderConfig, useInsforge };

package/dist/index.d.ts

@@ -14,6 +14,10 @@ import '@insforge/sdk';
 import '@insforge/shared-schemas';
 import 'zod';
 
+interface InitialAuthState {
+    user?: InsforgeUser | null;
+    userId?: string | null;
+}
 interface InsforgeProviderProps {
     children: ReactNode;
     baseUrl: string;
@@ -25,6 +29,11 @@ interface InsforgeProviderProps {
     onAuthChange?: (user: InsforgeUser | null) => void;
     onSignIn?: (authToken: string) => Promise<void>;
     onSignOut?: () => Promise<void>;
+    /**
+     * Initial auth state from server (for SSR hydration)
+     * @internal - Not intended for public use, used by Next.js package
+     */
+    initialState?: InitialAuthState;
 }
 /**
  * Unified Insforge Provider - manages authentication state and configuration
@@ -64,7 +73,7 @@ interface InsforgeProviderProps {
  * </InsforgeProvider>
  * ```
  */
-declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, initialState, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function InsforgeProvider(props: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access Insforge context
@@ -100,4 +109,4 @@ declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig
  */
 declare function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>>;
 
-export { InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, getAllProviderConfigs, getProviderConfig, useInsforge };
+export { type InitialAuthState, InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, getAllProviderConfigs, getProviderConfig, useInsforge };

package/dist/index.js

@@ -104,16 +104,23 @@ var InsforgeManager = class _InsforgeManager {
     this.config = { ...this.config, ...config };
   }
   // Public initialization method
+  // Following Clerk's pattern: Even if we have initialState (isLoaded=true from cookies),
+  // we still need to load full user data from SDK/API
   async initialize() {
-    if (this.isLoaded) {
-      return;
-    }
     if (this.isInitializing) {
       return;
     }
     this.isInitializing = true;
     try {
-      await this.loadAuthState();
+      const sessionResult = this.sdk.auth.getCurrentSession();
+      const hasToken = !!sessionResult.data?.session?.accessToken;
+      if (hasToken) {
+        await this.loadAuthState();
+      } else if (this.user === void 0) {
+        this.user = null;
+        this.isLoaded = true;
+        this.notifyListeners();
+      }
     } finally {
       this.isInitializing = false;
     }
@@ -139,6 +146,8 @@ var InsforgeManager = class _InsforgeManager {
     this.listeners.forEach((listener) => listener(state));
   }
   // Load auth state
+  // This loads the FULL user data from SDK (including complete profile)
+  // Called after hydration to get complete user information beyond what's in cookies
   async loadAuthState() {
     try {
       const sessionResult = this.sdk.auth.getCurrentSession();
@@ -161,6 +170,7 @@ var InsforgeManager = class _InsforgeManager {
           email: userResult.data.user.email,
           name: profile?.nickname || "",
           avatarUrl: profile?.avatarUrl || ""
+          // You can add more profile fields here as needed
         };
         this.user = userData;
         if (this.config.onAuthChange) {
@@ -421,6 +431,22 @@ var InsforgeManager = class _InsforgeManager {
     }
     this.notifyListeners();
   }
+  // Set initial state from server (for SSR hydration)
+  // This is ONLY basic user info from cookies, not full profile
+  // Following Clerk's pattern: initialState prevents hydration mismatch
+  // but full user data is still loaded via initialize()
+  setInitialState(initialState) {
+    if (this.user !== void 0) {
+      return;
+    }
+    if (initialState.userId) {
+      this.user = initialState.user ?? null;
+    } else {
+      this.user = null;
+    }
+    this.isLoaded = true;
+    this.notifyListeners();
+  }
   getConfig() {
     return this.config;
   }
@@ -461,7 +487,8 @@ function InsforgeProviderCore({
   afterSignInUrl = "/",
   onAuthChange,
   onSignIn,
-  onSignOut
+  onSignOut,
+  initialState
 }) {
   const manager = useMemo(
     () => InsforgeManager.getInstance({
@@ -473,6 +500,12 @@ function InsforgeProviderCore({
     }),
     [baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut]
   );
+  if (initialState) {
+    const currentState = manager.getState();
+    if (currentState.userId === void 0 && initialState.userId !== void 0) {
+      manager.setInitialState(initialState);
+    }
+  }
   const [state, setState] = useState(() => manager.getState());
   useEffect(() => {
     const unsubscribe = manager.subscribe((newState) => {