nextauthz 1.1.8 → 1.2.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default from 'react';
 
 type AuthContextType<UserType> = {
     user: UserType | null;
@@ -10,18 +10,6 @@ type AuthContextType<UserType> = {
     loading: boolean;
     error: Error | null;
 };
-type AuthContextOptions = {
-    storage?: 'localStorage' | 'sessionStorage' | 'cookie';
-};
-/**
- * Factory to create AuthProvider and typed useAuth hook
- */
-declare function createAuthContext<UserType>(options?: AuthContextOptions): {
-    AuthProvider: ({ children }: {
-        children: ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    useAuth: () => AuthContextType<UserType>;
-};
 
 type AuthGuardProps = {
     children: React__default.ReactNode;
@@ -36,16 +24,18 @@ type RoleGuardProps = {
     allowedRoles: string[];
     redirectTo?: string;
 };
-declare const RoleGuard: React__default.FC<RoleGuardProps>;
+declare const RoleGuard: ({ children, allowedRoles, redirectTo, }: RoleGuardProps) => react_jsx_runtime.JSX.Element;
 
-type User = {
-    [key: string]: any;
-};
+type User = any;
 declare function createAppAuth(storage?: 'localStorage' | 'sessionStorage' | 'cookie'): {
     AuthProvider: ({ children }: {
         children: React.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
-    useAuth: () => AuthContextType<User>;
+    useAuth: () => AuthContextType<any>;
 };
+declare const AuthProvider: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useAuth: () => AuthContextType<any>;
 
-export { AuthGuard, RoleGuard, type User, createAppAuth, createAuthContext };
+export { AuthGuard, AuthProvider, RoleGuard, type User, createAppAuth, useAuth };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default from 'react';
 
 type AuthContextType<UserType> = {
     user: UserType | null;
@@ -10,18 +10,6 @@ type AuthContextType<UserType> = {
     loading: boolean;
     error: Error | null;
 };
-type AuthContextOptions = {
-    storage?: 'localStorage' | 'sessionStorage' | 'cookie';
-};
-/**
- * Factory to create AuthProvider and typed useAuth hook
- */
-declare function createAuthContext<UserType>(options?: AuthContextOptions): {
-    AuthProvider: ({ children }: {
-        children: ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    useAuth: () => AuthContextType<UserType>;
-};
 
 type AuthGuardProps = {
     children: React__default.ReactNode;
@@ -36,16 +24,18 @@ type RoleGuardProps = {
     allowedRoles: string[];
     redirectTo?: string;
 };
-declare const RoleGuard: React__default.FC<RoleGuardProps>;
+declare const RoleGuard: ({ children, allowedRoles, redirectTo, }: RoleGuardProps) => react_jsx_runtime.JSX.Element;
 
-type User = {
-    [key: string]: any;
-};
+type User = any;
 declare function createAppAuth(storage?: 'localStorage' | 'sessionStorage' | 'cookie'): {
     AuthProvider: ({ children }: {
         children: React.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
-    useAuth: () => AuthContextType<User>;
+    useAuth: () => AuthContextType<any>;
 };
+declare const AuthProvider: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useAuth: () => AuthContextType<any>;
 
-export { AuthGuard, RoleGuard, type User, createAppAuth, createAuthContext };
+export { AuthGuard, AuthProvider, RoleGuard, type User, createAppAuth, useAuth };

package/dist/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -21,9 +22,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AuthGuard: () => AuthGuard_default,
+  AuthProvider: () => AuthProvider,
   RoleGuard: () => RoleGuard_default,
   createAppAuth: () => createAppAuth,
-  createAuthContext: () => createAuthContext
+  useAuth: () => useAuth
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -54,7 +56,7 @@ var useAuthStore = (0, import_zustand.create)((set) => ({
 var import_jsx_runtime = require("react/jsx-runtime");
 function createAuthContext(options) {
   const AuthContext = (0, import_react.createContext)(null);
-  const AuthProvider = ({ children }) => {
+  const AuthProvider2 = ({ children }) => {
     const storageType = options?.storage || "cookie";
     (0, import_react.useEffect)(() => {
       (0, import_react_token_manager.configureTokenManager)({ storage: storageType });
@@ -73,9 +75,7 @@ function createAuthContext(options) {
           useAuthStore.getState().setError(null);
         } catch {
           useAuthStore.getState().resetAuth();
-          useAuthStore.getState().setError(
-            new Error("Failed to parse saved user")
-          );
+          useAuthStore.getState().setError(new Error("Failed to parse saved user"));
         }
       }
       setLoading(false);
@@ -113,12 +113,12 @@ function createAuthContext(options) {
       }
     );
   };
-  const useAuth = () => {
+  const useAuth2 = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
     if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
     return ctx;
   };
-  return { AuthProvider, useAuth };
+  return { AuthProvider: AuthProvider2, useAuth: useAuth2 };
 }
 
 // src/AuthGuard.tsx
@@ -178,18 +178,12 @@ var AuthGuard_default = AuthGuard;
 // src/RoleGuard.tsx
 var import_react3 = require("react");
 var import_navigation2 = require("next/navigation");
-
-// src/myAuth.ts
-var auth = createAppAuth();
-
-// src/RoleGuard.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var RoleGuard = ({
   children,
   allowedRoles,
   redirectTo = "/unauthorized"
 }) => {
-  const { useAuth } = auth;
   const { user, loading } = useAuth();
   const router = (0, import_navigation2.useRouter)();
   const [isChecking, setIsChecking] = (0, import_react3.useState)(true);
@@ -210,10 +204,12 @@ var RoleGuard_default = RoleGuard;
 function createAppAuth(storage = "cookie") {
   return createAuthContext({ storage });
 }
+var { AuthProvider, useAuth } = createAppAuth();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthGuard,
+  AuthProvider,
   RoleGuard,
   createAppAuth,
-  createAuthContext
+  useAuth
 });

package/dist/index.mjs

@@ -1,10 +1,7 @@
+"use client";
+
 // src/AuthProvider.tsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useState
-} from "react";
+import { createContext, useContext, useEffect, useState } from "react";
 import { configureTokenManager, useTokenManager } from "react-token-manager";
 
 // store/useGuardStore.ts
@@ -30,7 +27,7 @@ var useAuthStore = create((set) => ({
 import { jsx } from "react/jsx-runtime";
 function createAuthContext(options) {
   const AuthContext = createContext(null);
-  const AuthProvider = ({ children }) => {
+  const AuthProvider2 = ({ children }) => {
     const storageType = options?.storage || "cookie";
     useEffect(() => {
       configureTokenManager({ storage: storageType });
@@ -49,9 +46,7 @@ function createAuthContext(options) {
           useAuthStore.getState().setError(null);
         } catch {
           useAuthStore.getState().resetAuth();
-          useAuthStore.getState().setError(
-            new Error("Failed to parse saved user")
-          );
+          useAuthStore.getState().setError(new Error("Failed to parse saved user"));
         }
       }
       setLoading(false);
@@ -89,12 +84,12 @@ function createAuthContext(options) {
       }
     );
   };
-  const useAuth = () => {
+  const useAuth2 = () => {
     const ctx = useContext(AuthContext);
     if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
     return ctx;
   };
-  return { AuthProvider, useAuth };
+  return { AuthProvider: AuthProvider2, useAuth: useAuth2 };
 }
 
 // src/AuthGuard.tsx
@@ -154,18 +149,12 @@ var AuthGuard_default = AuthGuard;
 // src/RoleGuard.tsx
 import { useEffect as useEffect3, useState as useState3 } from "react";
 import { useRouter as useRouter2 } from "next/navigation";
-
-// src/myAuth.ts
-var auth = createAppAuth();
-
-// src/RoleGuard.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 var RoleGuard = ({
   children,
   allowedRoles,
   redirectTo = "/unauthorized"
 }) => {
-  const { useAuth } = auth;
   const { user, loading } = useAuth();
   const router = useRouter2();
   const [isChecking, setIsChecking] = useState3(true);
@@ -186,9 +175,11 @@ var RoleGuard_default = RoleGuard;
 function createAppAuth(storage = "cookie") {
   return createAuthContext({ storage });
 }
+var { AuthProvider, useAuth } = createAppAuth();
 export {
   AuthGuard_default as AuthGuard,
+  AuthProvider,
   RoleGuard_default as RoleGuard,
   createAppAuth,
-  createAuthContext
+  useAuth
 };

package/package.json

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

package/src/AuthProvider.tsx

@@ -1,12 +1,6 @@
 'use client'
 
-import React, {
-  createContext,
-  useContext,
-  ReactNode,
-  useEffect,
-  useState,
-} from 'react'
+import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'
 import { configureTokenManager, useTokenManager } from 'react-token-manager'
 import { useAuthStore } from '../store/useGuardStore'
 
@@ -24,7 +18,7 @@ export type AuthContextOptions = {
 }
 
 /**
- * Factory to create AuthProvider and typed useAuth hook
+ * Factory to create AuthProvider + typed useAuth hook
  */
 export function createAuthContext<UserType>(options?: AuthContextOptions) {
   const AuthContext = createContext<AuthContextType<UserType> | null>(null)
@@ -32,21 +26,19 @@ export function createAuthContext<UserType>(options?: AuthContextOptions) {
   const AuthProvider = ({ children }: { children: ReactNode }) => {
     const storageType = options?.storage || 'cookie'
 
-    // Configure token manager once on mount
+    // Configure token manager once
     useEffect(() => {
       configureTokenManager({ storage: storageType })
     }, [storageType])
 
-    // ✅ 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 saved user from token manager
+    // Restore saved user from token manager on mount
     useEffect(() => {
       const savedUser = manager.getSingleToken('user')
       if (savedUser) {
@@ -56,9 +48,7 @@ export function createAuthContext<UserType>(options?: AuthContextOptions) {
           useAuthStore.getState().setError(null)
         } catch {
           useAuthStore.getState().resetAuth()
-          useAuthStore.getState().setError(
-            new Error('Failed to parse saved user')
-          )
+          useAuthStore.getState().setError(new Error('Failed to parse saved user'))
         }
       }
       setLoading(false)

package/src/RoleGuard.tsx

@@ -2,7 +2,7 @@
 
 import React, { useEffect, useState } from 'react'
 import { useRouter } from 'next/navigation'
-import { auth } from './myAuth'
+import { useAuth } from '.'
 
 type RoleGuardProps = {
   children: React.ReactNode
@@ -10,15 +10,12 @@ type RoleGuardProps = {
   redirectTo?: string
 }
 
-const RoleGuard: React.FC<RoleGuardProps> = ({
+const RoleGuard = ({
   children,
   allowedRoles,
   redirectTo = '/unauthorized',
-}) => {
-  // ✅ Destructure useAuth INSIDE the component
-  const { useAuth } = auth
+}: RoleGuardProps) => {
   const { user, loading } = useAuth()
-
   const router = useRouter()
   const [isChecking, setIsChecking] = useState(true)
 

package/src/index.ts

@@ -1,16 +1,18 @@
+'use client'
+
 import { createAuthContext } from './AuthProvider'
 
-export type User = {
-  [key: string]: any
-}
+export { default as AuthGuard } from './AuthGuard'
+export { default as RoleGuard } from './RoleGuard'
 
-// Export factory instead of fixed instance
+export type User = any
+
+// Factory function for app
 export function createAppAuth(
   storage: 'localStorage' | 'sessionStorage' | 'cookie' = 'cookie'
 ) {
   return createAuthContext<User>({ storage })
 }
 
-export { createAuthContext } from './AuthProvider'
-export { default as AuthGuard } from './AuthGuard'
-export { default as RoleGuard } from './RoleGuard'
+// Default instance (optional)
+export const { AuthProvider, useAuth } = createAppAuth()

package/src/myAuth.ts

@@ -1,4 +0,0 @@
-// myAuth.ts
-'use client'
-import { createAppAuth } from '.'
-export const auth = createAppAuth() // { AuthProvider, useAuth }