@djangocfg/api 2.1.46 → 2.1.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/api",
-  "version": "2.1.46",
+  "version": "2.1.47",
   "description": "Auto-generated TypeScript API client with React hooks, SWR integration, and Zod validation for Django REST Framework backends",
   "keywords": [
     "django",
@@ -74,7 +74,7 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/ui-nextjs": "^2.1.46",
+    "@djangocfg/ui-nextjs": "^2.1.47",
     "consola": "^3.4.2",
     "next": "^14 || ^15",
     "p-retry": "^7.0.0",
@@ -85,7 +85,7 @@
   "devDependencies": {
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
-    "@djangocfg/typescript-config": "^2.1.46",
+    "@djangocfg/typescript-config": "^2.1.47",
     "next": "^15.0.0",
     "react": "^19.0.0",
     "tsup": "^8.5.0",

package/src/auth/context/AuthContext.tsx

@@ -10,6 +10,7 @@ import { useCfgRouter, useLocalStorage, useQueryParams } from '@djangocfg/ui-nex
 
 import { api as apiAccounts, Enums } from '../../';
 import { clearProfileCache, getCachedProfile } from '../hooks/useProfileCache';
+import { useAuthRedirectManager } from '../hooks/useAuthRedirect';
 import { Analytics, AnalyticsCategory, AnalyticsEvent } from '../utils/analytics';
 import { authLogger } from '../utils/logger';
 import { AccountsProvider, useAccountsContext } from './AccountsContext';
@@ -38,6 +39,12 @@ const hasValidTokens = (): boolean => {
 const AuthProviderInternal: React.FC<AuthProviderProps> = ({ children, config }) => {
   const accounts = useAccountsContext();
 
+  // Redirect URL manager for saving URL before auth redirect
+  const redirectManager = useAuthRedirectManager({
+    fallbackUrl: config?.routes?.defaultCallback || defaultRoutes.defaultCallback,
+    clearOnUse: true,
+  });
+
   // Smart initial loading state: only true if we don't have tokens yet
   const [isLoading, setIsLoading] = useState(() => {
     // If we already have tokens and profile, don't show loading
@@ -360,9 +367,11 @@ const AuthProviderInternal: React.FC<AuthProviderProps> = ({ children, config })
           Analytics.setUser(String(result.user.id));
         }
 
-        // Handle redirect logic - use provided redirectUrl or fallback to config
+        // Handle redirect logic - priority: provided redirectUrl > saved redirect > config default
         // Use hardPush for full page reload - ensures all React contexts reinitialize
-        const finalRedirectUrl = redirectUrl || config?.routes?.defaultCallback || defaultRoutes.defaultCallback;
+        const savedRedirect = redirectManager.useAndClearRedirect();
+        const finalRedirectUrl = redirectUrl || savedRedirect || config?.routes?.defaultCallback || defaultRoutes.defaultCallback;
+        authLogger.info('Redirecting after auth to:', finalRedirectUrl);
         router.hardPush(finalRedirectUrl);
 
         return {
@@ -497,6 +506,11 @@ const AuthProviderInternal: React.FC<AuthProviderProps> = ({ children, config })
       verifyOTP,
       refreshToken,
       logout,
+      // Redirect URL methods
+      saveRedirectUrl: redirectManager.setRedirect,
+      getRedirectUrl: redirectManager.getFinalRedirectUrl,
+      clearRedirectUrl: redirectManager.clearRedirect,
+      hasRedirectUrl: redirectManager.hasRedirect,
     }),
     [
       user,
@@ -514,6 +528,7 @@ const AuthProviderInternal: React.FC<AuthProviderProps> = ({ children, config })
       verifyOTP,
       refreshToken,
       logout,
+      redirectManager,
     ],
   );
 

package/src/auth/context/types.ts

@@ -51,6 +51,12 @@ export interface AuthContextType {
   verifyOTP: (identifier: string, otpCode: string, channel?: 'email' | 'phone', sourceUrl?: string, redirectUrl?: string) => Promise<{ success: boolean; message: string; user?: UserProfile }>;
   refreshToken: () => Promise<{ success: boolean; message: string }>;
   logout: () => Promise<void>;
+
+  // Redirect URL Methods - for saving URL before auth redirect
+  saveRedirectUrl: (url: string) => void;
+  getRedirectUrl: () => string;
+  clearRedirectUrl: () => void;
+  hasRedirectUrl: () => boolean;
 }
 
 // Provider props

package/src/auth/hooks/useAuthGuard.ts

@@ -1,6 +1,6 @@
 "use client"
 
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 import { useCfgRouter } from '@djangocfg/ui-nextjs/hooks';
 
@@ -9,18 +9,28 @@ import { useAuth } from '../context';
 interface UseAuthGuardOptions {
   redirectTo?: string;
   requireAuth?: boolean;
+  /** Whether to save current URL for redirect after auth (default: true) */
+  saveRedirectUrl?: boolean;
 }
 
 export const useAuthGuard = (options: UseAuthGuardOptions = {}) => {
-  const { redirectTo = '/auth', requireAuth = true } = options;
-  const { isAuthenticated, isLoading } = useAuth();
+  const { redirectTo = '/auth', requireAuth = true, saveRedirectUrl: shouldSaveUrl = true } = options;
+  const { isAuthenticated, isLoading, saveRedirectUrl } = useAuth();
   const router = useCfgRouter();
+  const [isRedirecting, setIsRedirecting] = useState(false);
 
   useEffect(() => {
-    if (!isLoading && requireAuth && !isAuthenticated) {
+    if (!isLoading && requireAuth && !isAuthenticated && !isRedirecting) {
+      // Save current URL before redirecting
+      if (shouldSaveUrl && typeof window !== 'undefined') {
+        const currentUrl = window.location.pathname + window.location.search;
+        saveRedirectUrl(currentUrl);
+      }
+
+      setIsRedirecting(true);
       router.push(redirectTo);
     }
-  }, [isAuthenticated, isLoading, router, redirectTo, requireAuth]);
+  }, [isAuthenticated, isLoading, router, redirectTo, requireAuth, isRedirecting, shouldSaveUrl, saveRedirectUrl]);
 
-  return { isAuthenticated, isLoading };
+  return { isAuthenticated, isLoading, isRedirecting };
 };