nextauthz 1.0.5 → 1.0.7

package/dist/index.d.mts

@@ -14,7 +14,7 @@ type AuthContextOptions = {
     storage?: 'localStorage' | 'sessionStorage' | 'cookie';
 };
 /**
- * Factory to create typed AuthProvider and useAuth hook
+ * Factory to create AuthProvider and typed useAuth hook
  */
 declare function createAuthContext<UserType>(options?: AuthContextOptions): {
     AuthProvider: ({ children }: {

package/dist/index.d.ts

@@ -14,7 +14,7 @@ type AuthContextOptions = {
     storage?: 'localStorage' | 'sessionStorage' | 'cookie';
 };
 /**
- * Factory to create typed AuthProvider and useAuth hook
+ * Factory to create AuthProvider and typed useAuth hook
  */
 declare function createAuthContext<UserType>(options?: AuthContextOptions): {
     AuthProvider: ({ children }: {

package/dist/index.js

@@ -1791,7 +1791,7 @@ var useAuthStore = (0, import_zustand.create)((set) => ({
 var import_jsx_runtime = __toESM(require_jsx_runtime());
 function createAuthContext(options) {
   const AuthContext = (0, import_react.createContext)(null);
-  const AuthProvider2 = ({ children }) => {
+  const AuthProvider = ({ children }) => {
     const storageType = options?.storage || "cookie";
     (0, import_react.useEffect)(() => {
       (0, import_react_token_manager.configureTokenManager)({ storage: storageType });
@@ -1852,12 +1852,10 @@ function createAuthContext(options) {
   };
   const useAuth2 = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
-    if (!ctx) {
-      throw new Error("useAuth must be used inside AuthProvider");
-    }
+    if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
     return ctx;
   };
-  return { AuthProvider: AuthProvider2, useAuth: useAuth2 };
+  return { AuthProvider, useAuth: useAuth2 };
 }
 
 // src/AuthGuard.tsx
@@ -1919,10 +1917,11 @@ var import_react3 = __toESM(require_react());
 var import_navigation2 = require("next/navigation");
 
 // src/myAuth.ts
-var { AuthProvider, useAuth } = createAppAuth();
+var auth = createAppAuth();
 
 // src/RoleGuard.tsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var { useAuth } = auth;
 var RoleGuard = ({
   children,
   allowedRoles,

package/dist/index.mjs

@@ -1775,7 +1775,7 @@ var useAuthStore = create((set) => ({
 var import_jsx_runtime = __toESM(require_jsx_runtime());
 function createAuthContext(options) {
   const AuthContext = (0, import_react.createContext)(null);
-  const AuthProvider2 = ({ children }) => {
+  const AuthProvider = ({ children }) => {
     const storageType = options?.storage || "cookie";
     (0, import_react.useEffect)(() => {
       configureTokenManager({ storage: storageType });
@@ -1836,12 +1836,10 @@ function createAuthContext(options) {
   };
   const useAuth2 = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
-    if (!ctx) {
-      throw new Error("useAuth must be used inside AuthProvider");
-    }
+    if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
     return ctx;
   };
-  return { AuthProvider: AuthProvider2, useAuth: useAuth2 };
+  return { AuthProvider, useAuth: useAuth2 };
 }
 
 // src/AuthGuard.tsx
@@ -1903,10 +1901,11 @@ var import_react3 = __toESM(require_react());
 import { useRouter as useRouter2 } from "next/navigation";
 
 // src/myAuth.ts
-var { AuthProvider, useAuth } = createAppAuth();
+var auth = createAppAuth();
 
 // src/RoleGuard.tsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var { useAuth } = auth;
 var RoleGuard = ({
   children,
   allowedRoles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextauthz",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/AuthProvider.tsx

@@ -4,8 +4,8 @@ import React, {
   createContext,
   useContext,
   ReactNode,
-  useState,
   useEffect,
+  useState,
 } from 'react'
 import { configureTokenManager, useTokenManager } from 'react-token-manager'
 import { useAuthStore } from '../store/useGuardStore'
@@ -24,7 +24,7 @@ export type AuthContextOptions = {
 }
 
 /**
- * Factory to create typed AuthProvider and useAuth hook
+ * Factory to create AuthProvider and typed useAuth hook
  */
 export function createAuthContext<UserType>(options?: AuthContextOptions) {
   const AuthContext = createContext<AuthContextType<UserType> | null>(null)
@@ -32,21 +32,21 @@ export function createAuthContext<UserType>(options?: AuthContextOptions) {
   const AuthProvider = ({ children }: { children: ReactNode }) => {
     const storageType = options?.storage || 'cookie'
 
-    // ✅ Configure token manager on mount
+    // Configure token manager once on mount
     useEffect(() => {
       configureTokenManager({ storage: storageType })
     }, [storageType])
 
-    const manager = useTokenManager() // ✅ inside component
+    // ✅ Hooks must be called inside component
+    const manager = useTokenManager()
 
     const [loading, setLoading] = useState(true)
 
     const rawUser = useAuthStore((state) => state.user)
     const error = useAuthStore((state) => state.error)
-
     const user = rawUser as UserType | null
 
-    // Restore user on mount
+    // Restore saved user from token manager
     useEffect(() => {
       const savedUser = manager.getSingleToken('user')
       if (savedUser) {
@@ -103,9 +103,7 @@ export function createAuthContext<UserType>(options?: AuthContextOptions) {
 
   const useAuth = (): AuthContextType<UserType> => {
     const ctx = useContext(AuthContext)
-    if (!ctx) {
-      throw new Error('useAuth must be used inside AuthProvider')
-    }
+    if (!ctx) throw new Error('useAuth must be used inside AuthProvider')
     return ctx
   }
 

package/src/RoleGuard.tsx

@@ -2,7 +2,7 @@
 
 import React, { useEffect, useState } from 'react'
 import { useRouter } from 'next/navigation'
-import { useAuth } from './myAuth'
+import { auth } from './myAuth'
 
 type RoleGuardProps = {
   children: React.ReactNode
@@ -10,6 +10,8 @@ type RoleGuardProps = {
   redirectTo?: string
 }
 
+const { useAuth } = auth
+
 const RoleGuard = ({
   children,
   allowedRoles,

package/src/myAuth.ts

@@ -1,7 +1,9 @@
-import { createAppAuth } from "."
+// myAuth.ts
+'use client'
 
+import { createAppAuth } from '.'
 
 export type User = any
 
-// Create typed AuthProvider and useAuth hook
-export const { AuthProvider, useAuth } = createAppAuth()
+// Export the factory
+export const auth = createAppAuth() // { AuthProvider, useAuth }