@orsetra/shared-auth 1.0.1 → 1.0.3

package/SessionProvider.tsx

@@ -0,0 +1,86 @@
+"use client"
+
+import { createContext, useContext, useEffect, useState, ReactNode } from "react"
+
+interface SessionUser {
+  access_token: string
+  id_token?: string
+  expires_at?: number
+  profile: {
+    sub: string
+    email?: string
+    name?: string
+    preferred_username?: string
+    [key: string]: any
+  }
+}
+
+interface SessionContextType {
+  user: SessionUser | null
+  accessToken: string | null
+  isLoading: boolean
+  isAuthenticated: boolean
+}
+
+const SessionContext = createContext<SessionContextType | undefined>(undefined)
+
+interface SessionProviderProps {
+  children: ReactNode
+}
+
+/**
+ * Provider de session pour les micro-apps
+ * À utiliser après validation par le middleware
+ * Lit directement depuis localStorage (pas de configuration requise)
+ */
+export function SessionProvider({ children }: SessionProviderProps) {
+  const [user, setUser] = useState<SessionUser | null>(null)
+  const [isLoading, setIsLoading] = useState(true)
+
+  useEffect(() => {
+    const authority = process.env.NEXT_PUBLIC_ZITADEL_AUTHORITY
+    const clientId = process.env.NEXT_PUBLIC_ZITADEL_CLIENT_ID
+    const storageKey = `oidc.user:${authority}:${clientId}`
+    
+    try {
+      const userDataString = localStorage.getItem(storageKey)
+      
+      if (userDataString) {
+        const userData = JSON.parse(userDataString) as SessionUser
+        const isExpired = userData.expires_at && userData.expires_at * 1000 < Date.now()
+        
+        if (!isExpired && userData.access_token) {
+          setUser(userData)
+        }
+      }
+    } catch (error) {
+      console.error('Error reading session:', error)
+    } finally {
+      setIsLoading(false)
+    }
+  }, [])
+
+  const value: SessionContextType = {
+    user,
+    accessToken: user?.access_token ?? null,
+    isLoading,
+    isAuthenticated: !!user,
+  }
+
+  return (
+    <SessionContext.Provider value={value}>
+      {children}
+    </SessionContext.Provider>
+  )
+}
+
+/**
+ * Hook pour accéder au contexte de session dans les micro-apps
+ */
+export function useSession(): SessionContextType {
+  const context = useContext(SessionContext)
+  if (context === undefined) {
+    throw new Error("useSession must be used within a SessionProvider")
+  }
+  return context
+}

package/hooks/useSession.ts

@@ -0,0 +1,72 @@
+"use client"
+
+import { useEffect, useState } from 'react'
+
+interface SessionUser {
+  access_token: string
+  id_token?: string
+  expires_at?: number
+  profile: {
+    sub: string
+    email?: string
+    name?: string
+    preferred_username?: string
+    [key: string]: any
+  }
+}
+
+interface SessionState {
+  user: SessionUser | null
+  isLoading: boolean
+  isAuthenticated: boolean
+  accessToken: string | null
+}
+
+/**
+ * Hook pour récupérer la session utilisateur dans les micro-apps
+ * Lit depuis localStorage (partagé via même domaine)
+ */
+export function useSession(): SessionState {
+  const [state, setState] = useState<SessionState>({
+    user: null,
+    isLoading: true,
+    isAuthenticated: false,
+    accessToken: null,
+  })
+
+  useEffect(() => {
+    const authority = process.env.NEXT_PUBLIC_ZITADEL_AUTHORITY
+    const clientId = process.env.NEXT_PUBLIC_ZITADEL_CLIENT_ID
+    const storageKey = `oidc.user:${authority}:${clientId}`
+    
+    try {
+      const userDataString = localStorage.getItem(storageKey)
+      
+      if (userDataString) {
+        const userData = JSON.parse(userDataString) as SessionUser
+        const isExpired = userData.expires_at && userData.expires_at * 1000 < Date.now()
+        
+        if (!isExpired) {
+          setState({
+            user: userData,
+            isLoading: false,
+            isAuthenticated: true,
+            accessToken: userData.access_token,
+          })
+          return
+        }
+      }
+    } catch (error) {
+      console.error('Error reading session:', error)
+    }
+
+    setState({
+      user: null,
+      isLoading: false,
+      isAuthenticated: false,
+      accessToken: null,
+    })
+  }, [])
+
+  return state
+}

package/index.ts

@@ -1,7 +1,11 @@
-// Auth exports
+// Auth exports - Main app
 export { ZitadelProvider, useZitadel } from './ZitadelProvider'
 export { ProtectedRoute } from './ProtectedRoute'
 export { ZitadelAuthService } from './services/zitadel.auth.service'
 export { createAuthConfig } from './config/zitadel.config'
 export type { ZitadelConfig } from './config/zitadel.config'
+
+// Auth exports - Micro-apps
+export { SessionProvider, useSession } from './SessionProvider'
+
 export * from './utils'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-auth",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Shared authentication utilities for Orsetra platform using Zitadel",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -14,10 +14,12 @@
   "files": [
     "index.ts",
     "ZitadelProvider.tsx",
+    "SessionProvider.tsx",
     "ProtectedRoute.tsx",
     "config",
     "services",
     "components",
+    "hooks",
     "utils",
     "README.md"
   ],

package/services/zitadel.auth.service.ts

@@ -51,6 +51,7 @@ export class ZitadelAuthService {
 
   static async signOut() {
     try {
+      document.cookie = 'auth_session=; path=/; max-age=0';
       await this.getAuth().signout();
     } catch (error) {
       throw this.handleAuthError(error);
@@ -68,7 +69,16 @@ export class ZitadelAuthService {
 
   static async handleCallback(): Promise<User> {
     try {
-      return await this.getAuth().userManager.signinRedirectCallback();
+      const user = await this.getAuth().userManager.signinRedirectCallback();
+      console.log(user)
+      if (user?.access_token) {
+        const maxAge = user.expires_at 
+          ? user.expires_at - Math.floor(Date.now() / 1000)
+          : 3600;
+        document.cookie = `auth_session=1; path=/; max-age=${maxAge}; SameSite=Lax`;
+      }
+      
+      return user;
     } catch (error) {
       throw this.handleAuthError(error);
     }