@erikey/react 0.2.0 → 0.2.2

package/dist/index.mjs

@@ -1613,6 +1613,9 @@ function createDashboardClient(config) {
   });
 }
 
+// src/auth-client.ts
+import { useState, useEffect, useCallback as useCallback2 } from "react";
+
 // src/lib/cross-origin-auth.ts
 function shouldUseBearerAuth(authApiUrl) {
   if (typeof window === "undefined") {
@@ -1683,53 +1686,110 @@ function createAuthClient2(config) {
   if (!useBearerAuth) {
     return client;
   }
-  return {
-    ...client,
-    signIn: {
-      ...client.signIn,
-      email: async (...args) => {
-        const result = await client.signIn.email(...args);
-        const token = result.data?.token;
-        const sessionId = result.data?.session?.id || "session";
-        if (token) {
-          const session = {
-            id: sessionId,
-            token,
-            expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1e3).toISOString()
-          };
-          storeToken(projectId, session);
-        }
-        return result;
-      },
-      // Social OAuth works as-is (redirect-based, no token in response)
-      social: client.signIn.social
-    },
-    signUp: {
-      ...client.signUp,
-      email: async (...args) => {
-        const result = await client.signUp.email(...args);
-        const token = result.data?.token;
-        const sessionId = result.data?.session?.id || "session";
-        if (token) {
-          const session = {
-            id: sessionId,
-            token,
-            expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1e3).toISOString()
-          };
-          storeToken(projectId, session);
-        }
-        return result;
+  return new Proxy({}, {
+    get(_target, prop) {
+      if (typeof prop === "symbol") {
+        return client[prop];
       }
-    },
-    signOut: async (...args) => {
-      clearToken(projectId);
-      return client.signOut(...args);
-    },
-    // useSession works as-is - it uses the Bearer token from fetchOptions
-    useSession: client.useSession,
-    // Pass through other methods
-    getSession: client.getSession
-  };
+      const mergeHeaders = (args) => {
+        const [data, ...rest] = args;
+        if (!data || typeof data !== "object") return args;
+        const existingHeaders = data.fetchOptions?.headers || {};
+        const mergedData = {
+          ...data,
+          fetchOptions: {
+            ...data.fetchOptions,
+            headers: {
+              "X-Project-Id": projectId,
+              ...existingHeaders
+            }
+          }
+        };
+        return [mergedData, ...rest];
+      };
+      if (prop === "signIn") {
+        return new Proxy(client.signIn, {
+          get(_signInTarget, signInProp) {
+            if (signInProp === "email") {
+              return async (...args) => {
+                const mergedArgs = mergeHeaders(args);
+                const result = await client.signIn.email(...mergedArgs);
+                const token = result.data?.token;
+                if (token) {
+                  const session = {
+                    id: result.data?.session?.id || "session",
+                    token,
+                    expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1e3).toISOString()
+                  };
+                  storeToken(projectId, session);
+                }
+                return result;
+              };
+            }
+            return client.signIn[signInProp];
+          }
+        });
+      }
+      if (prop === "signUp") {
+        return new Proxy(client.signUp, {
+          get(_signUpTarget, signUpProp) {
+            if (signUpProp === "email") {
+              return async (...args) => {
+                const mergedArgs = mergeHeaders(args);
+                const result = await client.signUp.email(...mergedArgs);
+                const token = result.data?.token;
+                if (token) {
+                  const session = {
+                    id: result.data?.session?.id || "session",
+                    token,
+                    expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1e3).toISOString()
+                  };
+                  storeToken(projectId, session);
+                }
+                return result;
+              };
+            }
+            return client.signUp[signUpProp];
+          }
+        });
+      }
+      if (prop === "signOut") {
+        return async (...args) => {
+          clearToken(projectId);
+          return client.signOut(...args);
+        };
+      }
+      if (prop === "useSession") {
+        return function useSession() {
+          const [data, setData] = useState(null);
+          const [isPending, setIsPending] = useState(true);
+          const [error, setError] = useState(null);
+          const refetch = useCallback2(async () => {
+            setIsPending(true);
+            try {
+              const result = await client.getSession();
+              if (result.error) {
+                setError(result.error);
+                setData(null);
+              } else {
+                setData(result.data);
+                setError(null);
+              }
+            } catch (e) {
+              setError(e);
+              setData(null);
+            }
+            setIsPending(false);
+          }, []);
+          useEffect(() => {
+            refetch();
+          }, [refetch]);
+          return { data, isPending, error, refetch };
+        };
+      }
+      return client[prop];
+    }
+  });
 }
 
 // ../../sandpack-auth/dist/client/index.js