@reauth-dev/sdk 0.1.0 → 0.3.0

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import {
   createReauthClient
-} from "./chunk-JX2J36FS.mjs";
+} from "./chunk-5LFJ5PXQ.mjs";
+import "./chunk-EY5LQCDG.mjs";
 
 // src/errors.ts
 var ReauthErrorCode = /* @__PURE__ */ ((ReauthErrorCode2) => {

package/dist/react/index.d.mts

@@ -1,14 +1,24 @@
-import { R as ReauthConfig, c as User } from '../types-D8oOYbeC.mjs';
+import { R as ReauthConfig, o as User, D as DomainConfig, M as MagicLinkVerifyResult, G as GoogleOAuthStartResult, c as TwitterOAuthStartResult } from '../types-DKUKhCNE.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+type UseAuthOptions = ReauthConfig & {
+    /**
+     * Interval in milliseconds to refresh the session. Set to 0 to disable.
+     * Default: 5 minutes (300000ms)
+     */
+    refreshInterval?: number;
+};
 /**
  * React hook for authentication state management.
  *
  * @example
  * ```typescript
  * function MyComponent() {
- *   const { user, loading, login, logout } = useAuth({ domain: 'yourdomain.com' });
+ *   const { user, loading, login, logout } = useAuth({
+ *     domain: 'yourdomain.com',
+ *     refreshInterval: 60000, // Refresh every minute (optional, default: 5 min)
+ *   });
  *
  *   if (loading) return <div>Loading...</div>;
  *   if (!user) return <button onClick={login}>Sign in</button>;
@@ -22,7 +32,7 @@ import { ReactNode } from 'react';
  * }
  * ```
  */
-declare function useAuth(config: ReauthConfig): {
+declare function useAuth(config: UseAuthOptions): {
     login: () => void;
     logout: () => Promise<void>;
     refetch: () => Promise<void>;
@@ -33,6 +43,66 @@ declare function useAuth(config: ReauthConfig): {
     waitlistPosition: number | null;
 };
 
+type HeadlessStep = "idle" | "magic_link_sent" | "google_started" | "twitter_started" | "completed";
+type UseHeadlessAuthOptions = {
+    domain: string;
+    callbackUrl?: string;
+    timeout?: number;
+};
+/**
+ * React hook for headless authentication (custom UI login).
+ *
+ * @example
+ * ```typescript
+ * function LoginPage() {
+ *   const {
+ *     requestMagicLink,
+ *     verifyMagicLink,
+ *     startGoogleOAuth,
+ *     loading,
+ *     error,
+ *     step,
+ *   } = useHeadlessAuth({
+ *     domain: 'yourdomain.com',
+ *     callbackUrl: 'https://app.yourdomain.com/auth/verify',
+ *   });
+ *
+ *   if (step === 'magic_link_sent') {
+ *     return <p>Check your email for a magic link!</p>;
+ *   }
+ *
+ *   if (step === 'completed') {
+ *     return <p>Authenticated!</p>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => requestMagicLink('user@example.com')}>
+ *         Send Magic Link
+ *       </button>
+ *       <button onClick={startGoogleOAuth}>
+ *         Sign in with Google
+ *       </button>
+ *       {error && <p>{error}</p>}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useHeadlessAuth(options: UseHeadlessAuthOptions): {
+    getConfig: () => Promise<DomainConfig>;
+    requestMagicLink: (email: string) => Promise<void>;
+    verifyMagicLink: (token: string) => Promise<MagicLinkVerifyResult>;
+    startGoogleOAuth: () => Promise<GoogleOAuthStartResult>;
+    startTwitterOAuth: () => Promise<TwitterOAuthStartResult>;
+    reset: () => void;
+    loading: boolean;
+    error: string | null;
+    step: HeadlessStep;
+    config: DomainConfig | null;
+    verifyResult: MagicLinkVerifyResult | null;
+};
+
 type AuthContextType = {
     user: User | null;
     loading: boolean;
@@ -44,7 +114,7 @@ type AuthContextType = {
     refetch: () => Promise<void>;
 };
 type AuthProviderProps = {
-    config: ReauthConfig;
+    config: UseAuthOptions;
     children: ReactNode;
 };
 /**
@@ -120,4 +190,4 @@ type ProtectedRouteProps = {
  */
 declare function ProtectedRoute({ children, fallback, onUnauthenticated, onWaitlist, }: ProtectedRouteProps): react_jsx_runtime.JSX.Element | null;
 
-export { AuthProvider, ProtectedRoute, useAuth, useAuthContext };
+export { AuthProvider, ProtectedRoute, type UseAuthOptions, type UseHeadlessAuthOptions, useAuth, useAuthContext, useHeadlessAuth };

package/dist/react/index.d.ts

@@ -1,14 +1,24 @@
-import { R as ReauthConfig, c as User } from '../types-D8oOYbeC.js';
+import { R as ReauthConfig, o as User, D as DomainConfig, M as MagicLinkVerifyResult, G as GoogleOAuthStartResult, c as TwitterOAuthStartResult } from '../types-DKUKhCNE.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+type UseAuthOptions = ReauthConfig & {
+    /**
+     * Interval in milliseconds to refresh the session. Set to 0 to disable.
+     * Default: 5 minutes (300000ms)
+     */
+    refreshInterval?: number;
+};
 /**
  * React hook for authentication state management.
  *
  * @example
  * ```typescript
  * function MyComponent() {
- *   const { user, loading, login, logout } = useAuth({ domain: 'yourdomain.com' });
+ *   const { user, loading, login, logout } = useAuth({
+ *     domain: 'yourdomain.com',
+ *     refreshInterval: 60000, // Refresh every minute (optional, default: 5 min)
+ *   });
  *
  *   if (loading) return <div>Loading...</div>;
  *   if (!user) return <button onClick={login}>Sign in</button>;
@@ -22,7 +32,7 @@ import { ReactNode } from 'react';
  * }
  * ```
  */
-declare function useAuth(config: ReauthConfig): {
+declare function useAuth(config: UseAuthOptions): {
     login: () => void;
     logout: () => Promise<void>;
     refetch: () => Promise<void>;
@@ -33,6 +43,66 @@ declare function useAuth(config: ReauthConfig): {
     waitlistPosition: number | null;
 };
 
+type HeadlessStep = "idle" | "magic_link_sent" | "google_started" | "twitter_started" | "completed";
+type UseHeadlessAuthOptions = {
+    domain: string;
+    callbackUrl?: string;
+    timeout?: number;
+};
+/**
+ * React hook for headless authentication (custom UI login).
+ *
+ * @example
+ * ```typescript
+ * function LoginPage() {
+ *   const {
+ *     requestMagicLink,
+ *     verifyMagicLink,
+ *     startGoogleOAuth,
+ *     loading,
+ *     error,
+ *     step,
+ *   } = useHeadlessAuth({
+ *     domain: 'yourdomain.com',
+ *     callbackUrl: 'https://app.yourdomain.com/auth/verify',
+ *   });
+ *
+ *   if (step === 'magic_link_sent') {
+ *     return <p>Check your email for a magic link!</p>;
+ *   }
+ *
+ *   if (step === 'completed') {
+ *     return <p>Authenticated!</p>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => requestMagicLink('user@example.com')}>
+ *         Send Magic Link
+ *       </button>
+ *       <button onClick={startGoogleOAuth}>
+ *         Sign in with Google
+ *       </button>
+ *       {error && <p>{error}</p>}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useHeadlessAuth(options: UseHeadlessAuthOptions): {
+    getConfig: () => Promise<DomainConfig>;
+    requestMagicLink: (email: string) => Promise<void>;
+    verifyMagicLink: (token: string) => Promise<MagicLinkVerifyResult>;
+    startGoogleOAuth: () => Promise<GoogleOAuthStartResult>;
+    startTwitterOAuth: () => Promise<TwitterOAuthStartResult>;
+    reset: () => void;
+    loading: boolean;
+    error: string | null;
+    step: HeadlessStep;
+    config: DomainConfig | null;
+    verifyResult: MagicLinkVerifyResult | null;
+};
+
 type AuthContextType = {
     user: User | null;
     loading: boolean;
@@ -44,7 +114,7 @@ type AuthContextType = {
     refetch: () => Promise<void>;
 };
 type AuthProviderProps = {
-    config: ReauthConfig;
+    config: UseAuthOptions;
     children: ReactNode;
 };
 /**
@@ -120,4 +190,4 @@ type ProtectedRouteProps = {
  */
 declare function ProtectedRoute({ children, fallback, onUnauthenticated, onWaitlist, }: ProtectedRouteProps): react_jsx_runtime.JSX.Element | null;
 
-export { AuthProvider, ProtectedRoute, useAuth, useAuthContext };
+export { AuthProvider, ProtectedRoute, type UseAuthOptions, type UseHeadlessAuthOptions, useAuth, useAuthContext, useHeadlessAuth };