@payez/next-mvp 4.1.11 → 4.1.13

package/src/client/better-auth-client.ts

@@ -1,70 +1,70 @@
-/**
- * Better Auth Client.
- *
- * Import from '@payez/next-mvp/client/better-auth-client'.
- *
- * Includes useSessionCompat() — returns a { data, status } shape so existing
- * components written against the legacy hook don't need destructure changes.
- */
-
-import { createAuthClient } from 'better-auth/react';
-import { magicLinkClient } from 'better-auth/client/plugins';
-import { useMemo } from 'react';
-
-export const authClient = createAuthClient({
-  // baseURL derived from BETTER_AUTH_URL or window.location.origin
-  plugins: [magicLinkClient()],
-});
-
-// Convenience exports
-export const { useSession, signIn, signOut } = authClient;
-
-
-/**
- * NextAuth-compatible useSession wrapper.
- *
- * Maps Better Auth's { data, error, isPending } to NextAuth's { data, status, update }.
- * Drop-in replacement — no destructure changes needed in consuming components.
- */
-export function useSessionCompat() {
-  const baSession = authClient.useSession();
-
-  const status = useMemo(() => {
-    if (baSession.isPending) return 'loading' as const;
-    if (baSession.data) return 'authenticated' as const;
-    return 'unauthenticated' as const;
-  }, [baSession.isPending, baSession.data]);
-
-  // Map Better Auth session shape to NextAuth session shape
-  const data = useMemo(() => {
-    if (!baSession.data) return null;
-    return {
-      ...baSession.data,
-      user: baSession.data.user,
-      expires: '', // Better Auth handles expiry differently
-    };
-  }, [baSession.data]);
-
-  return {
-    data,
-    status,
-    update: async () => {
-      // Better Auth doesn't have a direct "refresh session" call.
-      // Force refetch by invalidating the query.
-      // TODO: Wire to proper session refresh when available.
-      return data;
-    },
-  };
-}
-
-/**
- * NextAuth-compatible signOut wrapper.
- *
- * Maps NextAuth signOut({ redirect, callbackUrl }) to Better Auth.
- */
-export async function signOutCompat(options?: { redirect?: boolean; callbackUrl?: string }) {
-  await authClient.signOut();
-  if (options?.redirect !== false && options?.callbackUrl) {
-    window.location.href = options.callbackUrl;
-  }
-}
+/**
+ * Better Auth Client.
+ *
+ * Import from '@payez/next-mvp/client/better-auth-client'.
+ *
+ * Includes useSessionCompat() — returns a { data, status } shape so existing
+ * components written against the legacy hook don't need destructure changes.
+ */
+
+import { createAuthClient } from 'better-auth/react';
+import { magicLinkClient } from 'better-auth/client/plugins';
+import { useMemo } from 'react';
+
+export const authClient = createAuthClient({
+  // baseURL derived from BETTER_AUTH_URL or window.location.origin
+  plugins: [magicLinkClient()],
+});
+
+// Convenience exports
+export const { useSession, signIn, signOut } = authClient;
+
+
+/**
+ * NextAuth-compatible useSession wrapper.
+ *
+ * Maps Better Auth's { data, error, isPending } to NextAuth's { data, status, update }.
+ * Drop-in replacement — no destructure changes needed in consuming components.
+ */
+export function useSessionCompat() {
+  const baSession = authClient.useSession();
+
+  const status = useMemo(() => {
+    if (baSession.isPending) return 'loading' as const;
+    if (baSession.data) return 'authenticated' as const;
+    return 'unauthenticated' as const;
+  }, [baSession.isPending, baSession.data]);
+
+  // Map Better Auth session shape to NextAuth session shape
+  const data = useMemo(() => {
+    if (!baSession.data) return null;
+    return {
+      ...baSession.data,
+      user: baSession.data.user,
+      expires: '', // Better Auth handles expiry differently
+    };
+  }, [baSession.data]);
+
+  return {
+    data,
+    status,
+    update: async () => {
+      // Better Auth doesn't have a direct "refresh session" call.
+      // Force refetch by invalidating the query.
+      // TODO: Wire to proper session refresh when available.
+      return data;
+    },
+  };
+}
+
+/**
+ * NextAuth-compatible signOut wrapper.
+ *
+ * Maps NextAuth signOut({ redirect, callbackUrl }) to Better Auth.
+ */
+export async function signOutCompat(options?: { redirect?: boolean; callbackUrl?: string }) {
+  await authClient.signOut();
+  if (options?.redirect !== false && options?.callbackUrl) {
+    window.location.href = options.callbackUrl;
+  }
+}

package/src/client/fetchWithSession.ts

@@ -1,21 +1,21 @@
-import { useRef } from 'react';
-
-export async function fetchWithSession(input: RequestInfo | URL, init: RequestInit = {}, opts: { retry?: number } = {}): Promise<Response> {
-  const retry = opts.retry ?? 1;
-  const doFetch = async (): Promise<Response> => {
-    const res = await fetch(input, { ...init, credentials: 'include' });
-    if (res.ok) return res;
-    if (res.status === 401 && retry > 0) {
-      const rf = await fetch('/api/auth/refresh', { method: 'POST', headers: { 'Accept': 'application/json' }, credentials: 'include' });
-      if (rf.ok) return fetchWithSession(input, init, { retry: retry - 1 });
-    }
-    if ((res.status === 409 || res.status === 503) && retry > 0) {
-      const retryAfter = res.headers.get('Retry-After');
-      const waitMs = retryAfter ? parseInt(retryAfter) * 1000 : 1000;
-      await new Promise(r => setTimeout(r, Math.min(waitMs, 3000)));
-      return fetchWithSession(input, init, { retry: retry - 1 });
-    }
-    return res;
-  };
-  return doFetch();
-}
+import { useRef } from 'react';
+
+export async function fetchWithSession(input: RequestInfo | URL, init: RequestInit = {}, opts: { retry?: number } = {}): Promise<Response> {
+  const retry = opts.retry ?? 1;
+  const doFetch = async (): Promise<Response> => {
+    const res = await fetch(input, { ...init, credentials: 'include' });
+    if (res.ok) return res;
+    if (res.status === 401 && retry > 0) {
+      const rf = await fetch('/api/auth/refresh', { method: 'POST', headers: { 'Accept': 'application/json' }, credentials: 'include' });
+      if (rf.ok) return fetchWithSession(input, init, { retry: retry - 1 });
+    }
+    if ((res.status === 409 || res.status === 503) && retry > 0) {
+      const retryAfter = res.headers.get('Retry-After');
+      const waitMs = retryAfter ? parseInt(retryAfter) * 1000 : 1000;
+      await new Promise(r => setTimeout(r, Math.min(waitMs, 3000)));
+      return fetchWithSession(input, init, { retry: retry - 1 });
+    }
+    return res;
+  };
+  return doFetch();
+}

package/src/client/index.ts

@@ -1,13 +1,13 @@
-/**
- * Client-Side Exports
- *
- * This module exports only client-safe code for use in browser environments.
- * Server-only utilities and Node.js dependencies are excluded.
- */
-
-// Client-side fetch utility
-export { fetchWithAuth } from './fetch-with-auth';
-
-// Authentication context and hooks
-export { AuthProvider, useAuthConfig, useAuthMode, useFederatedProviders, useFederatedAuthEnabled, useTraditionalAuthEnabled } from './AuthContext';
-export type { AuthConfig } from '../types/auth';
+/**
+ * Client-Side Exports
+ *
+ * This module exports only client-safe code for use in browser environments.
+ * Server-only utilities and Node.js dependencies are excluded.
+ */
+
+// Client-side fetch utility
+export { fetchWithAuth } from './fetch-with-auth';
+
+// Authentication context and hooks
+export { AuthProvider, useAuthConfig, useAuthMode, useFederatedProviders, useFederatedAuthEnabled, useTraditionalAuthEnabled } from './AuthContext';
+export type { AuthConfig } from '../types/auth';

package/src/client/useAnonSession.ts

@@ -1,131 +1,131 @@
-/**
- * useAnonSession - React hook for anonymous session management
- *
- * Provides access to anonymous session preferences stored in Redis.
- * Works before user logs in, preferences persist across visits.
- */
-
-'use client';
-
-import { useState, useEffect, useCallback } from 'react';
-
-export interface AnonPreferences {
-  theme?: string;
-  locale?: string;
-  [key: string]: any;
-}
-
-export interface AnonMetrics {
-  resumeGenerationCount?: number;
-  firstVisit?: number;
-  lastVisit?: number;
-  visitCount?: number;
-  [key: string]: any;
-}
-
-export interface AnonSession {
-  id: string;
-  preferences: AnonPreferences;
-  metrics: AnonMetrics;
-}
-
-export interface UseAnonSessionReturn {
-  session: AnonSession | null;
-  isLoading: boolean;
-  error: string | null;
-  updatePreferences: (preferences: Partial<AnonPreferences>) => Promise<void>;
-  setTheme: (theme: string) => Promise<void>;
-  refresh: () => Promise<void>;
-}
-
-/**
- * Hook to manage anonymous session state
- */
-export function useAnonSession(): UseAnonSessionReturn {
-  const [session, setSession] = useState<AnonSession | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  // Fetch session on mount
-  const fetchSession = useCallback(async () => {
-    try {
-      setIsLoading(true);
-      setError(null);
-
-      const response = await fetch('/api/anon/preferences', {
-        method: 'GET',
-        credentials: 'include', // Important for cookies
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to fetch preferences');
-      }
-
-      const data = await response.json();
-      if (data.success && data.data) {
-        setSession({
-          id: data.data.id,
-          preferences: data.data.preferences || {},
-          metrics: data.data.metrics || {},
-        });
-      }
-    } catch (err) {
-      console.error('[useAnonSession] Error fetching session:', err);
-      setError(err instanceof Error ? err.message : 'Unknown error');
-    } finally {
-      setIsLoading(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    fetchSession();
-  }, [fetchSession]);
-
-  // Update preferences
-  const updatePreferences = useCallback(async (preferences: Partial<AnonPreferences>) => {
-    try {
-      setError(null);
-
-      const response = await fetch('/api/anon/preferences', {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ preferences }),
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to update preferences');
-      }
-
-      const data = await response.json();
-      if (data.success && data.data) {
-        setSession(prev => prev ? {
-          ...prev,
-          preferences: data.data.preferences,
-        } : null);
-      }
-    } catch (err) {
-      console.error('[useAnonSession] Error updating preferences:', err);
-      setError(err instanceof Error ? err.message : 'Unknown error');
-      throw err;
-    }
-  }, []);
-
-  // Convenience method to set theme
-  const setTheme = useCallback(async (theme: string) => {
-    await updatePreferences({ theme });
-  }, [updatePreferences]);
-
-  return {
-    session,
-    isLoading,
-    error,
-    updatePreferences,
-    setTheme,
-    refresh: fetchSession,
-  };
-}
-
-export default useAnonSession;
+/**
+ * useAnonSession - React hook for anonymous session management
+ *
+ * Provides access to anonymous session preferences stored in Redis.
+ * Works before user logs in, preferences persist across visits.
+ */
+
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+
+export interface AnonPreferences {
+  theme?: string;
+  locale?: string;
+  [key: string]: any;
+}
+
+export interface AnonMetrics {
+  resumeGenerationCount?: number;
+  firstVisit?: number;
+  lastVisit?: number;
+  visitCount?: number;
+  [key: string]: any;
+}
+
+export interface AnonSession {
+  id: string;
+  preferences: AnonPreferences;
+  metrics: AnonMetrics;
+}
+
+export interface UseAnonSessionReturn {
+  session: AnonSession | null;
+  isLoading: boolean;
+  error: string | null;
+  updatePreferences: (preferences: Partial<AnonPreferences>) => Promise<void>;
+  setTheme: (theme: string) => Promise<void>;
+  refresh: () => Promise<void>;
+}
+
+/**
+ * Hook to manage anonymous session state
+ */
+export function useAnonSession(): UseAnonSessionReturn {
+  const [session, setSession] = useState<AnonSession | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Fetch session on mount
+  const fetchSession = useCallback(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+
+      const response = await fetch('/api/anon/preferences', {
+        method: 'GET',
+        credentials: 'include', // Important for cookies
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to fetch preferences');
+      }
+
+      const data = await response.json();
+      if (data.success && data.data) {
+        setSession({
+          id: data.data.id,
+          preferences: data.data.preferences || {},
+          metrics: data.data.metrics || {},
+        });
+      }
+    } catch (err) {
+      console.error('[useAnonSession] Error fetching session:', err);
+      setError(err instanceof Error ? err.message : 'Unknown error');
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchSession();
+  }, [fetchSession]);
+
+  // Update preferences
+  const updatePreferences = useCallback(async (preferences: Partial<AnonPreferences>) => {
+    try {
+      setError(null);
+
+      const response = await fetch('/api/anon/preferences', {
+        method: 'POST',
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ preferences }),
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to update preferences');
+      }
+
+      const data = await response.json();
+      if (data.success && data.data) {
+        setSession(prev => prev ? {
+          ...prev,
+          preferences: data.data.preferences,
+        } : null);
+      }
+    } catch (err) {
+      console.error('[useAnonSession] Error updating preferences:', err);
+      setError(err instanceof Error ? err.message : 'Unknown error');
+      throw err;
+    }
+  }, []);
+
+  // Convenience method to set theme
+  const setTheme = useCallback(async (theme: string) => {
+    await updatePreferences({ theme });
+  }, [updatePreferences]);
+
+  return {
+    session,
+    isLoading,
+    error,
+    updatePreferences,
+    setTheme,
+    refresh: fetchSession,
+  };
+}
+
+export default useAnonSession;

package/src/components/admin/VibeAdminContext.tsx

@@ -1,87 +1,87 @@
-'use client';
-
-import React, { createContext, useContext, ReactNode } from 'react';
-
-// -----------------------------------------------------------------------------
-// TYPES
-// -----------------------------------------------------------------------------
-
-export interface VibeAdminConfig {
-  /** Collection name for this tenant (e.g., "ideal_resume", "idealvibe_app") */
-  collectionName: string;
-  /** Display name for the app (e.g., "IdealResume", "IdealVibe") */
-  appName: string;
-  /** Optional logo URL */
-  logoUrl?: string;
-  /** Base path for admin routes (default: /vibe-admin) */
-  basePath?: string;
-  /** Custom tabs to add to the admin panel */
-  customTabs?: AdminTab[];
-  /** Theme mode override */
-  isDarkMode?: boolean;
-}
-
-export interface AdminTab {
-  id: string;
-  label: string;
-  icon?: React.ElementType;
-  component: React.ComponentType;
-}
-
-export interface VibeAdminContextValue extends VibeAdminConfig {
-  /** All tabs including defaults and custom */
-  allTabs: AdminTab[];
-}
-
-// -----------------------------------------------------------------------------
-// CONTEXT
-// -----------------------------------------------------------------------------
-
-const VibeAdminContext = createContext<VibeAdminContextValue | null>(null);
-
-// -----------------------------------------------------------------------------
-// HOOK
-// -----------------------------------------------------------------------------
-
-export function useVibeAdmin(): VibeAdminContextValue {
-  const context = useContext(VibeAdminContext);
-  if (!context) {
-    throw new Error('useVibeAdmin must be used within a VibeAdminProvider');
-  }
-  return context;
-}
-
-// -----------------------------------------------------------------------------
-// PROVIDER
-// -----------------------------------------------------------------------------
-
-interface VibeAdminProviderProps {
-  config: VibeAdminConfig;
-  children: ReactNode;
-}
-
-export function VibeAdminProvider({ config, children }: VibeAdminProviderProps) {
-  // Default tabs - will be populated with actual components
-  const defaultTabs: AdminTab[] = [
-    { id: 'stats', label: 'Stats', component: () => null },
-    { id: 'users', label: 'Users', component: () => null },
-    { id: 'sessions', label: 'Sessions', component: () => null },
-    { id: 'analytics', label: 'Analytics', component: () => null },
-  ];
-
-  const allTabs = [...defaultTabs, ...(config.customTabs || [])];
-
-  const value: VibeAdminContextValue = {
-    ...config,
-    basePath: config.basePath || '/vibe-admin',
-    allTabs,
-  };
-
-  return (
-    <VibeAdminContext.Provider value={value}>
-      {children}
-    </VibeAdminContext.Provider>
-  );
-}
-
-export default VibeAdminProvider;
+'use client';
+
+import React, { createContext, useContext, ReactNode } from 'react';
+
+// -----------------------------------------------------------------------------
+// TYPES
+// -----------------------------------------------------------------------------
+
+export interface VibeAdminConfig {
+  /** Collection name for this tenant (e.g., "ideal_resume", "idealvibe_app") */
+  collectionName: string;
+  /** Display name for the app (e.g., "IdealResume", "IdealVibe") */
+  appName: string;
+  /** Optional logo URL */
+  logoUrl?: string;
+  /** Base path for admin routes (default: /vibe-admin) */
+  basePath?: string;
+  /** Custom tabs to add to the admin panel */
+  customTabs?: AdminTab[];
+  /** Theme mode override */
+  isDarkMode?: boolean;
+}
+
+export interface AdminTab {
+  id: string;
+  label: string;
+  icon?: React.ElementType;
+  component: React.ComponentType;
+}
+
+export interface VibeAdminContextValue extends VibeAdminConfig {
+  /** All tabs including defaults and custom */
+  allTabs: AdminTab[];
+}
+
+// -----------------------------------------------------------------------------
+// CONTEXT
+// -----------------------------------------------------------------------------
+
+const VibeAdminContext = createContext<VibeAdminContextValue | null>(null);
+
+// -----------------------------------------------------------------------------
+// HOOK
+// -----------------------------------------------------------------------------
+
+export function useVibeAdmin(): VibeAdminContextValue {
+  const context = useContext(VibeAdminContext);
+  if (!context) {
+    throw new Error('useVibeAdmin must be used within a VibeAdminProvider');
+  }
+  return context;
+}
+
+// -----------------------------------------------------------------------------
+// PROVIDER
+// -----------------------------------------------------------------------------
+
+interface VibeAdminProviderProps {
+  config: VibeAdminConfig;
+  children: ReactNode;
+}
+
+export function VibeAdminProvider({ config, children }: VibeAdminProviderProps) {
+  // Default tabs - will be populated with actual components
+  const defaultTabs: AdminTab[] = [
+    { id: 'stats', label: 'Stats', component: () => null },
+    { id: 'users', label: 'Users', component: () => null },
+    { id: 'sessions', label: 'Sessions', component: () => null },
+    { id: 'analytics', label: 'Analytics', component: () => null },
+  ];
+
+  const allTabs = [...defaultTabs, ...(config.customTabs || [])];
+
+  const value: VibeAdminContextValue = {
+    ...config,
+    basePath: config.basePath || '/vibe-admin',
+    allTabs,
+  };
+
+  return (
+    <VibeAdminContext.Provider value={value}>
+      {children}
+    </VibeAdminContext.Provider>
+  );
+}
+
+export default VibeAdminProvider;