@insforge/react 0.6.4 → 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

@@ -67,7 +67,7 @@ var InsforgeManager = class _InsforgeManager {
   // Static private instance
   static instance = null;
   // State storage
-  user = null;
+  user = void 0;
   isLoaded = false;
   isInitializing = false;
   sdk;
@@ -80,11 +80,8 @@ var InsforgeManager = class _InsforgeManager {
   constructor(config) {
     this.config = config;
     this.sdk = createClient({ baseUrl: config.baseUrl });
-    const session = this.sdk.auth.getCurrentSession();
-    if (!session.data?.session?.accessToken) {
-      this.isLoaded = true;
-      this.user = null;
-    }
+    this.user = void 0;
+    this.isLoaded = false;
   }
   // Public access method (Singleton core)
   static getInstance(config) {
@@ -107,26 +104,36 @@ 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;
     }
   }
   // Get current state
   getState() {
+    const userId = this.user === void 0 ? void 0 : this.user === null ? null : this.user.id;
+    const isSignedIn = this.user === void 0 ? void 0 : this.user !== null;
     return {
       user: this.user,
+      userId,
       isLoaded: this.isLoaded,
-      isSignedIn: !!this.user
+      isSignedIn
     };
   }
   // Subscription mechanism
@@ -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) => {
@@ -492,6 +525,7 @@ function InsforgeProviderCore({
     () => ({
       // State from Manager
       user: state.user,
+      userId: state.userId,
       isLoaded: state.isLoaded,
       isSignedIn: state.isSignedIn,
       // Methods delegated to Manager
@@ -523,9 +557,10 @@ function useInsforge() {
   const context = useContext(InsforgeContext);
   if (!context) {
     return {
-      user: null,
+      user: void 0,
+      userId: void 0,
       isLoaded: false,
-      isSignedIn: false,
+      isSignedIn: void 0,
       setUser: () => {
       },
       signIn: () => Promise.resolve({ error: "SSR mode" }),
@@ -2505,16 +2540,16 @@ function Protect({
   condition,
   onRedirect
 }) {
-  const { isSignedIn, isLoaded, user } = useInsforge();
+  const { userId, user } = useInsforge();
   const resolvedRedirectTo = useMemo(() => resolveAuthPath(redirectTo), [redirectTo]);
   useEffect(() => {
-    if (isLoaded && !isSignedIn) {
+    if (userId === null) {
       if (onRedirect) {
         onRedirect(resolvedRedirectTo);
       } else {
         window.location.href = resolvedRedirectTo;
       }
-    } else if (isLoaded && isSignedIn && condition && user) {
+    } else if (userId && condition && user) {
       if (!condition(user)) {
         if (onRedirect) {
           onRedirect(resolvedRedirectTo);
@@ -2523,11 +2558,11 @@ function Protect({
         }
       }
     }
-  }, [isLoaded, isSignedIn, resolvedRedirectTo, condition, user, onRedirect]);
-  if (!isLoaded) {
+  }, [userId, resolvedRedirectTo, condition, user, onRedirect]);
+  if (userId === void 0) {
     return fallback || /* @__PURE__ */ jsx("div", { className: "insforge-loading", children: "Loading..." });
   }
-  if (!isSignedIn) {
+  if (userId === null) {
     return fallback || null;
   }
   if (condition && user && !condition(user)) {
@@ -2536,24 +2571,18 @@ function Protect({
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function SignedIn({ children }) {
-  const { isSignedIn, isLoaded } = useInsforge();
-  if (!isLoaded) {
-    return null;
+  const { userId } = useInsforge();
+  if (userId) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  if (!isSignedIn) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return null;
 }
 function SignedOut({ children }) {
-  const { isSignedIn, isLoaded } = useInsforge();
-  if (!isLoaded) {
-    return null;
+  const { userId } = useInsforge();
+  if (userId === null) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  if (isSignedIn) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return null;
 }
 function SignInButton({ children, className }) {
   const { afterSignInUrl, baseUrl } = useInsforge();