@meet_patel_03/authflow-react 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,51 +1,28 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AuthFlowProvider: () => AuthFlowProvider,
-  useAuthCallback: () => useAuthCallback,
-  useAuthFlow: () => useAuthFlow,
-  useUser: () => useUser,
-  withAuthRequired: () => withAuthRequired
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/AuthFlowContext.tsx
-var import_react = require("react");
-var import_authflow_js = require("@meet_patel_03/authflow-js");
-var import_jsx_runtime = require("react/jsx-runtime");
-var AuthFlowContext = (0, import_react.createContext)(null);
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { AuthFlowClient } from "@meet_patel_03/authflow-js";
+import { jsx } from "react/jsx-runtime";
+var AuthFlowContext = createContext(null);
 var AuthFlowProvider = ({
   config,
   children
 }) => {
-  const clientRef = (0, import_react.useRef)(null);
+  const clientRef = useRef(null);
   if (!clientRef.current) {
-    clientRef.current = new import_authflow_js.AuthFlowClient(config);
+    clientRef.current = new AuthFlowClient(config);
   }
   const client = clientRef.current;
-  const [user, setUser] = (0, import_react.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
-  const [isAuthenticated, setIsAuthenticated] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
+  const [user, setUser] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  useEffect(() => {
     const initAuth = async () => {
       try {
         const token = await client.getAccessToken();
@@ -61,18 +38,18 @@ var AuthFlowProvider = ({
     };
     initAuth();
   }, [client]);
-  const loginWithRedirect = (0, import_react.useCallback)(
+  const loginWithRedirect = useCallback(
     (options) => client.loginWithRedirect(options),
     [client]
   );
-  const handleRedirectCallback = (0, import_react.useCallback)(async () => {
+  const handleRedirectCallback = useCallback(async () => {
     const tokens = await client.handleRedirectCallback();
     setUser(client.getUser());
     setIsAuthenticated(true);
     return tokens;
   }, [client]);
-  const getAccessToken = (0, import_react.useCallback)(() => client.getAccessToken(), [client]);
-  const logout = (0, import_react.useCallback)(
+  const getAccessToken = useCallback(() => client.getAccessToken(), [client]);
+  const logout = useCallback(
     async (options) => {
       await client.logout(options);
       setUser(null);
@@ -90,10 +67,10 @@ var AuthFlowProvider = ({
     getAccessToken,
     logout
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthFlowContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx(AuthFlowContext.Provider, { value, children });
 };
 var useAuthFlow = () => {
-  const ctx = (0, import_react.useContext)(AuthFlowContext);
+  const ctx = useContext(AuthFlowContext);
   if (!ctx) {
     throw new Error(
       "useAuthFlow must be used inside <AuthFlowProvider>. Wrap your app: <AuthFlowProvider config={...}><App /></AuthFlowProvider>"
@@ -106,34 +83,34 @@ function withAuthRequired(Component, options = {}) {
   const displayName = Component.displayName ?? Component.name ?? "Component";
   const WithAuthRequired = (props) => {
     const { isAuthenticated, isLoading, loginWithRedirect } = useAuthFlow();
-    (0, import_react.useEffect)(() => {
+    useEffect(() => {
       if (!isLoading && !isAuthenticated) {
         loginWithRedirect();
       }
     }, [isLoading, isAuthenticated, loginWithRedirect]);
     if (isLoading || !isAuthenticated) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props });
+    return /* @__PURE__ */ jsx(Component, { ...props });
   };
   WithAuthRequired.displayName = `withAuthRequired(${displayName})`;
   return WithAuthRequired;
 }
 
 // src/useAuthCallback.ts
-var import_react2 = require("react");
-var import_authflow_js2 = require("@meet_patel_03/authflow-js");
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { AuthFlowError } from "@meet_patel_03/authflow-js";
 var useAuthCallback = (options = {}) => {
   const { handleRedirectCallback } = useAuthFlow();
-  const [status, setStatus] = (0, import_react2.useState)("loading");
-  const [error, setError] = (0, import_react2.useState)(null);
-  const hasRun = (0, import_react2.useRef)(false);
-  (0, import_react2.useEffect)(() => {
+  const [status, setStatus] = useState2("loading");
+  const [error, setError] = useState2(null);
+  const hasRun = useRef2(false);
+  useEffect2(() => {
     if (hasRun.current) return;
     hasRun.current = true;
     handleRedirectCallback().then(() => {
       setStatus("success");
       options.onSuccess?.();
     }).catch((err) => {
-      const message = err instanceof import_authflow_js2.AuthFlowError ? err.errorDescription ?? err.error : err instanceof Error ? err.message : "Unknown error during login callback.";
+      const message = err instanceof AuthFlowError ? err.errorDescription ?? err.error : err instanceof Error ? err.message : "Unknown error during login callback.";
       setStatus("error");
       setError(message);
       options.onError?.(message);
@@ -141,11 +118,10 @@ var useAuthCallback = (options = {}) => {
   }, []);
   return { status, error };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   AuthFlowProvider,
   useAuthCallback,
   useAuthFlow,
   useUser,
   withAuthRequired
-});
+};

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@meet_patel_03/authflow-react",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "AuthFlow React SDK — hooks and provider for the Authorization Code + PKCE flow",
-  "main": "./dist/index.cjs",
+  "type": "module",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --clean --external react",
-    "dev": "tsup src/index.ts --format esm,cjs --dts --watch --external react",
+    "build": "tsup src/index.ts --format esm --dts --clean --external react,@meet_patel_03/authflow-js",
+    "dev": "tsup src/index.ts --format esm --dts --watch --external react,@meet_patel_03/authflow-js",
     "test": "vitest run"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "@meet_patel_03/authflow-js": "^0.1.0"
+    "@meet_patel_03/authflow-js": "^0.1.1"
   },
   "devDependencies": {
     "@testing-library/react": "^14.0.0",
@@ -43,5 +43,9 @@
   ],
   "license": "MIT",
   "sideEffects": false,
-  "author": "Meet Patel (https://github.com/Meet-Patel-12)"
+  "author": "Meet Patel (https://github.com/Meet-Patel-12)",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Meet-Patel-12/AuthFlow"
+  }
 }

package/dist/index.d.mts

@@ -1,84 +0,0 @@
-import React from 'react';
-import { AuthFlowClient, AuthFlowUser, TokenSet, AuthFlowConfig } from '@meet_patel_03/authflow-js';
-export { AuthFlowConfig, AuthFlowError, AuthFlowUser, TokenSet } from '@meet_patel_03/authflow-js';
-
-interface AuthFlowContextValue {
-    /** The underlying AuthFlowClient instance — use this for advanced operations */
-    client: AuthFlowClient;
-    /** Current authenticated user, null if not logged in */
-    user: AuthFlowUser | null;
-    /** True once the initial auth state has been resolved */
-    isLoading: boolean;
-    /** True if the user is logged in and the access token is not expired */
-    isAuthenticated: boolean;
-    /** Redirect to the AuthFlow Universal Login page */
-    loginWithRedirect: (options?: {
-        screen_hint?: "login" | "signup";
-    }) => Promise<void>;
-    /**
-     * Call in your /callback route.
-     * Exchanges the authorization code for tokens, then resolves with the TokenSet.
-     */
-    handleRedirectCallback: () => Promise<TokenSet>;
-    /**
-     * Returns a valid access token, auto-refreshing if near expiry.
-     * Returns null if not authenticated.
-     */
-    getAccessToken: () => Promise<string | null>;
-    /** Revokes server-side session, clears tokens, and redirects to returnTo */
-    logout: (options?: {
-        returnTo?: string;
-    }) => Promise<void>;
-}
-interface AuthFlowProviderProps {
-    /** AuthFlow configuration — same shape as AuthFlowClient constructor */
-    config: AuthFlowConfig;
-    children: React.ReactNode;
-}
-declare const AuthFlowProvider: React.FC<AuthFlowProviderProps>;
-/**
- * Primary hook — use this in any component to access auth state and actions.
- *
- * @throws if used outside of <AuthFlowProvider>
- */
-declare const useAuthFlow: () => AuthFlowContextValue;
-/** Convenience hook — returns just the current user */
-declare const useUser: () => AuthFlowUser | null;
-/**
- * HOC that redirects to login if the user is not authenticated.
- * Renders null while auth state is loading.
- *
- * @example
- *   const ProtectedDashboard = withAuthRequired(Dashboard);
- */
-declare function withAuthRequired<P extends object>(Component: React.ComponentType<P>, options?: {
-    returnTo?: string;
-}): React.FC<P>;
-
-type CallbackStatus = "loading" | "success" | "error";
-interface UseAuthCallbackResult {
-    status: CallbackStatus;
-    error: string | null;
-}
-/**
- * Drop this in your /callback route component.
- * Handles the token exchange and calls onSuccess or onError when done.
- *
- * @example
- *   function CallbackPage() {
- *     const { status, error } = useAuthCallback({
- *       onSuccess: () => navigate("/dashboard"),
- *       onError:   (err) => navigate("/login?error=" + err),
- *     });
- *
- *     if (status === "loading") return <Spinner />;
- *     if (status === "error")   return <div>Login failed: {error}</div>;
- *     return null;
- *   }
- */
-declare const useAuthCallback: (options?: {
-    onSuccess?: () => void;
-    onError?: (error: string) => void;
-}) => UseAuthCallbackResult;
-
-export { type AuthFlowContextValue, AuthFlowProvider, type AuthFlowProviderProps, type CallbackStatus, type UseAuthCallbackResult, useAuthCallback, useAuthFlow, useUser, withAuthRequired };

package/dist/index.mjs

@@ -1,127 +0,0 @@
-// src/AuthFlowContext.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { AuthFlowClient } from "@meet_patel_03/authflow-js";
-import { jsx } from "react/jsx-runtime";
-var AuthFlowContext = createContext(null);
-var AuthFlowProvider = ({
-  config,
-  children
-}) => {
-  const clientRef = useRef(null);
-  if (!clientRef.current) {
-    clientRef.current = new AuthFlowClient(config);
-  }
-  const client = clientRef.current;
-  const [user, setUser] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isAuthenticated, setIsAuthenticated] = useState(false);
-  useEffect(() => {
-    const initAuth = async () => {
-      try {
-        const token = await client.getAccessToken();
-        if (token) {
-          const currentUser = client.getUser();
-          setUser(currentUser);
-          setIsAuthenticated(true);
-        }
-      } catch {
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    initAuth();
-  }, [client]);
-  const loginWithRedirect = useCallback(
-    (options) => client.loginWithRedirect(options),
-    [client]
-  );
-  const handleRedirectCallback = useCallback(async () => {
-    const tokens = await client.handleRedirectCallback();
-    setUser(client.getUser());
-    setIsAuthenticated(true);
-    return tokens;
-  }, [client]);
-  const getAccessToken = useCallback(() => client.getAccessToken(), [client]);
-  const logout = useCallback(
-    async (options) => {
-      await client.logout(options);
-      setUser(null);
-      setIsAuthenticated(false);
-    },
-    [client]
-  );
-  const value = {
-    client,
-    user,
-    isLoading,
-    isAuthenticated,
-    loginWithRedirect,
-    handleRedirectCallback,
-    getAccessToken,
-    logout
-  };
-  return /* @__PURE__ */ jsx(AuthFlowContext.Provider, { value, children });
-};
-var useAuthFlow = () => {
-  const ctx = useContext(AuthFlowContext);
-  if (!ctx) {
-    throw new Error(
-      "useAuthFlow must be used inside <AuthFlowProvider>. Wrap your app: <AuthFlowProvider config={...}><App /></AuthFlowProvider>"
-    );
-  }
-  return ctx;
-};
-var useUser = () => useAuthFlow().user;
-function withAuthRequired(Component, options = {}) {
-  const displayName = Component.displayName ?? Component.name ?? "Component";
-  const WithAuthRequired = (props) => {
-    const { isAuthenticated, isLoading, loginWithRedirect } = useAuthFlow();
-    useEffect(() => {
-      if (!isLoading && !isAuthenticated) {
-        loginWithRedirect();
-      }
-    }, [isLoading, isAuthenticated, loginWithRedirect]);
-    if (isLoading || !isAuthenticated) return null;
-    return /* @__PURE__ */ jsx(Component, { ...props });
-  };
-  WithAuthRequired.displayName = `withAuthRequired(${displayName})`;
-  return WithAuthRequired;
-}
-
-// src/useAuthCallback.ts
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { AuthFlowError } from "@meet_patel_03/authflow-js";
-var useAuthCallback = (options = {}) => {
-  const { handleRedirectCallback } = useAuthFlow();
-  const [status, setStatus] = useState2("loading");
-  const [error, setError] = useState2(null);
-  const hasRun = useRef2(false);
-  useEffect2(() => {
-    if (hasRun.current) return;
-    hasRun.current = true;
-    handleRedirectCallback().then(() => {
-      setStatus("success");
-      options.onSuccess?.();
-    }).catch((err) => {
-      const message = err instanceof AuthFlowError ? err.errorDescription ?? err.error : err instanceof Error ? err.message : "Unknown error during login callback.";
-      setStatus("error");
-      setError(message);
-      options.onError?.(message);
-    });
-  }, []);
-  return { status, error };
-};
-export {
-  AuthFlowProvider,
-  useAuthCallback,
-  useAuthFlow,
-  useUser,
-  withAuthRequired
-};