clefbase 2.0.3 → 2.0.5

package/dist/cli.js

@@ -33932,6 +33932,10 @@ async function runInit(cwd = process.cwd()) {
     hosting: services.includes("hosting"),
     functions: services.includes("functions")
   };
+  let authSetup;
+  if (cfg.services.auth) {
+    authSetup = await setupAuth(cwd);
+  }
   if (cfg.services.hosting) {
     await setupHosting(cfg, cwd);
   }
@@ -33943,6 +33947,10 @@ async function runInit(cwd = process.cwd()) {
   ensureGitignore(cwd);
   writeEnvExample(cfg, cwd);
   const libResult = scaffoldLib(cfg, cwd);
+  let authResult;
+  if (cfg.services.auth && authSetup) {
+    authResult = await scaffoldAuth(cwd, authSetup);
+  }
   console.log();
   console.log(source_default.green.bold("  \u2713 Project initialised!"));
   console.log();
@@ -33953,12 +33961,127 @@ async function runInit(cwd = process.cwd()) {
     console.log(source_default.dim(`  Lib config:    ${libResult.configCopy}`));
     console.log(source_default.dim(`  Lib entry:     ${libResult.libFile}`));
   }
+  if (authResult == null ? void 0 : authResult.hasAuth) {
+    if (authResult.context) console.log(source_default.dim(`  Auth context:  ${authResult.context}`));
+    if (authResult.modal) console.log(source_default.dim(`  Auth modal:    ${authResult.modal}`));
+    if (authResult.protected) console.log(source_default.dim(`  Protected:     ${authResult.protected}`));
+  }
   if (cfg.services.functions) {
     console.log(source_default.dim(`  Functions:     functions/  (${functionsRuntime ?? "node"})`));
     console.log(source_default.dim(`                 run: node functions/deploy.mjs`));
   }
   console.log();
-  printUsageHint(cfg);
+  printUsageHint(cfg, authSetup);
+}
+async function setupAuth(cwd) {
+  console.log();
+  console.log(source_default.bold("  Auth Setup"));
+  console.log();
+  const { scaffoldContext } = await lib_default.prompt([{
+    type: "confirm",
+    name: "scaffoldContext",
+    message: "Scaffold React AuthContext?",
+    default: true
+  }]);
+  const { scaffoldModal } = await lib_default.prompt([{
+    type: "confirm",
+    name: "scaffoldModal",
+    message: "Scaffold AuthModal component?",
+    default: true
+  }]);
+  const { updateApp } = await lib_default.prompt([{
+    type: "confirm",
+    name: "updateApp",
+    message: "Update App.tsx to use AuthProvider?",
+    default: false
+  }]);
+  return { scaffoldContext, scaffoldModal, updateApp };
+}
+function getTemplatePath(filename) {
+  let dir = __dirname;
+  if (dir.includes("/dist-src/")) {
+    return import_path2.default.join(dir, "../templates", filename);
+  }
+  return import_path2.default.join(dir, "../templates", filename);
+}
+function readTemplate(filename, fallback2) {
+  try {
+    const templatePath = getTemplatePath(filename);
+    return import_fs3.default.readFileSync(templatePath, "utf-8");
+  } catch {
+    return fallback2;
+  }
+}
+async function scaffoldAuth(cwd, setup) {
+  const result = { hasAuth: false };
+  const contextDir = import_path2.default.join(cwd, "src", "context");
+  import_fs3.default.mkdirSync(contextDir, { recursive: true });
+  if (setup.scaffoldContext) {
+    const contextFile = import_path2.default.join(contextDir, "AuthContext.tsx");
+    try {
+      const content = readTemplate("AuthContext.tsx.template", AUTH_CONTEXT_FALLBACK);
+      import_fs3.default.writeFileSync(contextFile, content);
+      result.context = import_path2.default.relative(cwd, contextFile);
+      result.hasAuth = true;
+    } catch (err) {
+      console.warn(source_default.yellow(`  Warning: Could not scaffold AuthContext: ${err.message}`));
+    }
+  }
+  if (setup.scaffoldModal) {
+    const componentDir = import_path2.default.join(cwd, "src", "components");
+    import_fs3.default.mkdirSync(componentDir, { recursive: true });
+    const modalFile = import_path2.default.join(componentDir, "AuthModal.tsx");
+    try {
+      const content = readTemplate("AuthModal.tsx.template", AUTH_MODAL_FALLBACK);
+      import_fs3.default.writeFileSync(modalFile, content);
+      result.modal = import_path2.default.relative(cwd, modalFile);
+      result.hasAuth = true;
+    } catch (err) {
+      console.warn(source_default.yellow(`  Warning: Could not scaffold AuthModal: ${err.message}`));
+    }
+    const protectedFile = import_path2.default.join(componentDir, "ProtectedRoute.tsx");
+    try {
+      const content = readTemplate("ProtectedRoute.tsx.template", PROTECTED_ROUTE_FALLBACK);
+      import_fs3.default.writeFileSync(protectedFile, content);
+      result.protected = import_path2.default.relative(cwd, protectedFile);
+    } catch (err) {
+      console.warn(source_default.yellow(`  Warning: Could not scaffold ProtectedRoute: ${err.message}`));
+    }
+  }
+  if (setup.updateApp) {
+    const appPath = import_path2.default.join(cwd, "src", "App.tsx");
+    if (import_fs3.default.existsSync(appPath)) {
+      try {
+        updateAppWithAuth(appPath);
+      } catch (err) {
+        console.warn(source_default.yellow(`  Warning: Could not update App.tsx: ${err.message}`));
+      }
+    }
+  }
+  return result;
+}
+function updateAppWithAuth(appPath) {
+  let content = import_fs3.default.readFileSync(appPath, "utf-8");
+  if (content.includes("AuthProvider")) {
+    return;
+  }
+  if (!content.includes("import { AuthProvider, useAuth }")) {
+    const importLine = "import { AuthProvider, useAuth } from '@/context/AuthContext';\n";
+    content = importLine + content;
+  }
+  const exportMatch = content.match(/export\s+default\s+(function\s+\w+\s*\(|const\s+\w+\s*=|\(\)|=>)/);
+  if (exportMatch) {
+    const returnMatch = content.match(/export\s+default\s+(?:function\s+\w+\s*\([^)]*\)\s*\{|\(.*?\)\s*=>\s*)[\s\S]*?return\s+/);
+    if (returnMatch) {
+      if (content.includes("return (") || content.includes("return <")) {
+        const beforeReturn = content.substring(0, content.lastIndexOf("return"));
+        const afterReturn = content.substring(content.lastIndexOf("return"));
+        const wrappedReturn = afterReturn.replace(/return\s+(<[^>]+>[\s\S]*)/m, "return (\n    <AuthProvider>\n      $1\n    </AuthProvider>\n  )");
+        content = beforeReturn + wrappedReturn;
+      }
+    }
+  }
+  import_fs3.default.writeFileSync(appPath, content);
 }
 async function setupFunctions(cfg, cwd) {
   console.log();
@@ -34073,16 +34196,14 @@ can return any JSON-serialisable value.
 ### FunctionContext shape
 
 \`\`\`ts
+import type { FunctionContext, AuthUser } from "clefbase";
+
 interface FunctionContext {
   /** Payload supplied by the caller (HTTP) or the event (triggers). */
-  data: unknown;
+  data?: unknown;
 
   /** Populated when the caller includes a valid auth token. */
-  auth?: {
-    uid:      string;
-    email?:   string;
-    metadata: Record<string, unknown>;
-  };
+  auth?: AuthUser;
 
   /** Describes what fired the function. */
   trigger: {
@@ -34278,7 +34399,11 @@ var FUNCTIONS_TSCONFIG = `{
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "outDir": "dist"
+    "outDir": "dist",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
@@ -34749,7 +34874,7 @@ function guessDistDir(cwd) {
   }
   return "dist";
 }
-function printUsageHint(cfg) {
+function printUsageHint(cfg, authSetup) {
   const namedImports = [];
   if (cfg.services.database) namedImports.push("db");
   if (cfg.services.auth) namedImports.push("auth");
@@ -34768,9 +34893,23 @@ function printUsageHint(cfg) {
   }
   if (cfg.services.auth) {
     console.log();
-    console.log(source_default.cyan(`  const { user } = await auth.signIn("email", "pass");`));
-    console.log(source_default.cyan(`  await auth.signInWithGateway("google"); // redirects to auth.cleforyx.com`));
-    console.log(source_default.cyan(`  await auth.handleGatewayCallback();     // call on every page load`));
+    console.log(source_default.bold("  Auth:"));
+    if (authSetup == null ? void 0 : authSetup.scaffoldContext) {
+      console.log(source_default.dim(`  \u2713 Wrap app with <AuthProvider>`));
+      console.log(source_default.cyan(`  import { AuthProvider, useAuth } from "@/context/AuthContext";`));
+      console.log(source_default.cyan(`  const { user, signIn, signOut } = useAuth();`));
+    }
+    if (authSetup == null ? void 0 : authSetup.scaffoldModal) {
+      console.log(source_default.cyan(`  import AuthModal from "@/components/AuthModal";`));
+    }
+    if (authSetup == null ? void 0 : authSetup.scaffoldContext) {
+      console.log(source_default.cyan(`  import { EmailVerificationCard } from "clefbase/react";`));
+    }
+    if (!(authSetup == null ? void 0 : authSetup.scaffoldContext)) {
+      console.log(source_default.cyan(`  const { user } = await auth.signIn("email", "pass");`));
+      console.log(source_default.cyan(`  await auth.signInWithGateway("google"); // redirects to auth.cleforyx.com`));
+      console.log(source_default.cyan(`  await auth.handleGatewayCallback();     // call on every page load`));
+    }
   }
   if (cfg.services.storage) {
     console.log();
@@ -34797,6 +34936,432 @@ function printUsageHint(cfg) {
   }
   console.log();
 }
+var AUTH_CONTEXT_FALLBACK = `'use client';
+
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import type { AuthUser } from 'clefbase';
+import { getAuth, getDatabase } from 'clefbase';
+
+/**
+ * Base user data interface stored in the 'users' collection.
+ * Extend this in your app for custom fields.
+ */
+export interface UserData {
+  uid: string;
+  email: string;
+  displayName?: string;
+  photoUrl?: string;
+  createdAt?: string;
+  [key: string]: unknown;
+}
+
+/**
+ * Auth context for managing authentication state and user data in your React app.
+ * Wraps the clefbase Auth SDK with React Context integration.
+ *
+ * Features:
+ * - User state management with auth listener
+ * - User profile data synced from database's 'users' collection
+ * - Token persistence (handled by SDK)
+ * - Auth modal state
+ * - Error handling and loading states
+ * - Auto-create user doc on first signup
+ * - Auto-sync user data on signin
+ */
+
+interface AuthContextType<T extends UserData = UserData> {
+  /** Currently authenticated user, or null if not signed in */
+  user: AuthUser | null;
+  /** User profile data from the 'users' collection, or null if not signed in */
+  userData: T | null;
+  /** Authentication token */
+  token: string | null;
+  /** True while auth state is being restored or operations are pending */
+  loading: boolean;
+  /** Error message from last failed operation */
+  error: string | null;
+  /** True if auth modal is open */
+  isAuthModalOpen: boolean;
+
+  // \u2500\u2500 Auth modal management \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  /**
+   * Open the auth modal for sign in / sign up.
+   * The modal at auth.cleforyx.com handles the actual authentication.
+   * After success, auth state updates automatically.
+   */
+  openAuthModal: () => void;
+
+  /**
+   * Close the auth modal programmatically.
+   */
+  closeAuthModal: () => void;
+
+  /**
+   * Manually sync user data from the database.
+   */
+  syncUserData: () => Promise<void>;
+
+  /**
+   * Update user data in the database.
+   */
+  updateUserData: (updates: Partial<Omit<T, 'uid'>>) => Promise<void>;
+
+  /**
+   * Verify email with a verification code.
+   */
+  verifyEmail: (code: string) => Promise<void>;
+
+  /**
+   * Request a password reset email.
+   */
+  sendPasswordResetEmail: (email: string) => Promise<void>;
+
+  /**
+   * Sign out the current user and clear data.
+   */
+  signOut: () => Promise<void>;
+
+  /**
+   * Refresh user data from auth server.
+   */
+  refreshUser: () => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+/**
+ * Hook to use auth context in your components.
+ */
+export function useAuth<T extends UserData = UserData>(): AuthContextType<T> {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error('useAuth() must be used within <AuthProvider>');
+  }
+  return context as AuthContextType<T>;
+}
+
+/**
+ * Provider component that wraps your app with authentication.
+ */
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  // State
+  const [user, setUser] = useState<AuthUser | null>(null);
+  const [userData, setUserData] = useState<UserData | null>(null);
+  const [token, setToken] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [isAuthModalOpen, setIsAuthModalOpen] = useState(false);
+
+  // Get auth and database services from clefbase
+  const auth = getAuth();
+  const db = getDatabase();
+
+  // \u2500\u2500 Helper: sync user data from database \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  const syncUserDataInternal = async (uid: string): Promise<void> => {
+    try {
+      const doc = await db.collection('users').doc(uid).get();
+      if (doc) {
+        setUserData(doc as UserData);
+      } else {
+        // First login - create user doc
+        const authUser = auth.currentUser;
+        if (authUser) {
+          const newUserData: UserData = {
+            uid: authUser.uid,
+            email: authUser.email,
+            displayName: authUser.displayName,
+            photoUrl: authUser.photoUrl,
+            createdAt: new Date().toISOString(),
+          };
+          await db.collection('users').doc(uid).set(newUserData);
+          setUserData(newUserData);
+        }
+      }
+    } catch (err) {
+      console.error('Error syncing user data:', err);
+    }
+  };
+
+  // \u2500\u2500 Initialize on mount \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  useEffect(() => {
+    const initAuth = async () => {
+      try {
+        setLoading(true);
+
+        const currentUser = auth.currentUser;
+        const currentToken = auth.currentToken;
+
+        setUser(currentUser);
+        setToken(currentToken);
+
+        if (currentUser) {
+          await syncUserDataInternal(currentUser.uid);
+        }
+
+        const unsubscribe = auth.onAuthStateChanged(async (newUser) => {
+          setUser(newUser);
+          if (newUser) {
+            setToken(auth.currentToken);
+            await syncUserDataInternal(newUser.uid);
+          } else {
+            setToken(null);
+            setUserData(null);
+          }
+        });
+
+        setLoading(false);
+
+        return () => unsubscribe();
+      } catch (err) {
+        console.error('Auth initialization error:', err);
+        setLoading(false);
+      }
+    };
+
+    initAuth();
+  }, [auth, db]);
+
+  // \u2500\u2500 Error handling helper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  const handleError = (err: unknown): string => {
+    if (err instanceof Error) {
+      return err.message;
+    }
+    if (typeof err === 'string') {
+      return err;
+    }
+    return 'An unknown error occurred';
+  };
+
+  // \u2500\u2500 User data methods \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  const syncUserData = async (): Promise<void> => {
+    if (!user) {
+      setUserData(null);
+      return;
+    }
+
+    try {
+      await syncUserDataInternal(user.uid);
+    } catch (err) {
+      const message = handleError(err);
+      setError(message);
+      throw err;
+    }
+  };
+
+  const updateUserData = async (
+    updates: Partial<Omit<UserData, 'uid'>>
+  ): Promise<void> => {
+    if (!user) {
+      throw new Error('User not authenticated');
+    }
+
+    try {
+      setError(null);
+      setLoading(true);
+
+      const authUpdates: Record<string, unknown> = {};
+      if ('displayName' in updates) {
+        authUpdates.displayName = updates.displayName;
+      }
+      if ('photoUrl' in updates) {
+        authUpdates.photoUrl = updates.photoUrl;
+      }
+
+      if (Object.keys(authUpdates).length > 0) {
+        await auth.updateProfile(authUpdates);
+      }
+
+      await db.collection('users').doc(user.uid).update(updates);
+
+      setUserData((prev) => (prev ? { ...prev, ...updates } : null));
+    } catch (err) {
+      const message = handleError(err);
+      setError(message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // \u2500\u2500 Auth methods \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  const signOut = async () => {
+    try {
+      setError(null);
+      setLoading(true);
+      await auth.signOut();
+      setUser(null);
+      setToken(null);
+      setUserData(null);
+    } catch (err) {
+      const message = handleError(err);
+      setError(message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const verifyEmail = async (code: string) => {
+    try {
+      setError(null);
+      setLoading(true);
+      const result = await auth.verifyEmail(code);
+      setUser(result);
+    } catch (err) {
+      const message = handleError(err);
+      setError(message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const sendPasswordResetEmail = async (email: string) => {
+    try {
+      setError(null);
+      setLoading(true);
+      await auth.sendPasswordResetEmail(email);
+    } catch (err) {
+      const message = handleError(err);
+      setError(message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const refreshUser = async () => {
+    try {
+      setError(null);
+      const updated = await auth.refreshCurrentUser();
+      if (updated) setUser(updated);
+    } catch (err) {
+      const message = handleError(err);
+      setError(message);
+      throw err;
+    }
+  };
+
+  // \u2500\u2500 Modal management \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  const openAuthModal = () => {
+    setIsAuthModalOpen(true);
+  };
+
+  const closeAuthModal = () => {
+    setIsAuthModalOpen(false);
+  };
+
+  // \u2500\u2500 Provider value \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  const value: AuthContextType = {
+    user,
+    userData,
+    token,
+    loading,
+    error,
+    isAuthModalOpen,
+    syncUserData,
+    updateUserData,
+    verifyEmail,
+    sendPasswordResetEmail,
+    signOut,
+    refreshUser,
+    openAuthModal,
+    closeAuthModal,
+  };
+
+  return (
+    <AuthContext.Provider value={value}>
+      {!loading && children}
+    </AuthContext.Provider>
+  );
+}
+
+/**
+ * CUSTOMIZATION GUIDE
+ *
+ * Extend UserData with custom fields, sync to database, and use useAuth<MyType>().
+ */
+`;
+var AUTH_MODAL_FALLBACK = `'use client';
+import React, { useEffect, CSSProperties } from 'react';
+import { useAuth } from '@/context/AuthContext';
+
+export default function AuthModal({ isOpen, onClose, overlayStyle, cardStyle, showCloseButton = true, backdropDismiss = true }: any) {
+  const { closeAuthModal } = useAuth();
+  const projectId = typeof window !== 'undefined' && (window as any).__CLEFORYX_PROJECT_ID;
+
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleMessage = (e: MessageEvent) => {
+      if (e.data?.source === 'cleforyx-auth' && e.data?.type === 'auth_success') {
+        closeAuthModal();
+        onClose();
+      }
+    };
+    window.addEventListener('message', handleMessage);
+    return () => window.removeEventListener('message', handleMessage);
+  }, [isOpen, closeAuthModal, onClose]);
+
+  if (!isOpen) return null;
+
+  const currentUrl = typeof window !== 'undefined' ? window.location.origin : '';
+  const iframeUrl = \`https://auth.cleforyx.com/login?project=\${projectId}&redirect=\${encodeURIComponent(currentUrl)}&embed=popup\`;
+
+  const defaultOverlayStyle: CSSProperties = {
+    position: 'fixed', inset: 0, backgroundColor: 'rgba(15, 23, 42, 0.6)',
+    display: 'flex', alignItems: 'center', justifyContent: 'center',
+    zIndex: 9999, backdropFilter: 'blur(4px)', padding: '16px', boxSizing: 'border-box',
+  };
+
+  const defaultCardStyle: CSSProperties = {
+    backgroundColor: 'white', borderRadius: '20px',
+    boxShadow: '0 24px 64px rgba(0, 0, 0, 0.2)',
+    overflow: 'hidden', width: '100%', maxWidth: '460px', position: 'relative',
+  };
+
+  const handleBackdropClick = (e: React.MouseEvent) => {
+    if (backdropDismiss && e.target === e.currentTarget) onClose();
+  };
+
+  return (
+    <div style={{ ...defaultOverlayStyle, ...overlayStyle }} onClick={handleBackdropClick}>
+      <div style={{ ...defaultCardStyle, ...cardStyle }}>
+        {showCloseButton && (
+          <button style={{ position: 'absolute', top: '14px', right: '16px', background: 'rgba(0,0,0,0.06)', border: 'none', width: '28px', height: '28px', borderRadius: '50%', cursor: 'pointer', zIndex: 1 }} onClick={onClose} aria-label="Close">\u2715</button>
+        )}
+        <iframe src={iframeUrl} style={{ width: '100%', height: '560px', border: 'none', display: 'block' }} title="Sign in" allow="identity-credentials-get" />
+      </div>
+    </div>
+  );
+}`;
+var PROTECTED_ROUTE_FALLBACK = `'use client';
+import React from 'react';
+import { useAuth } from '@/context/AuthContext';
+
+export function ProtectedRoute({ children, LoadingComponent, onUnauthorized }: any) {
+  const { user, loading, openAuthModal } = useAuth();
+
+  if (loading) {
+    if (LoadingComponent) return <LoadingComponent />;
+    return <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100vh' }}>Loading...</div>;
+  }
+
+  if (!user) {
+    onUnauthorized?.();
+    openAuthModal();
+    return null;
+  }
+
+  return <>{children}</>;
+}`;
 
 // src/cli/commands/deploy.ts
 var import_path3 = __toESM(require("path"));
@@ -35549,7 +36114,7 @@ async function promptRequired(message) {
 }
 
 // package.json
-var version = "2.0.3";
+var version = "2.0.5";
 
 // src/cli/index.ts
 var program2 = new Command();

package/dist/functions.d.ts

@@ -1,6 +1,6 @@
 import { HttpClient } from "./http";
-import type { FunctionRuntime, FunctionTrigger, FunctionTriggerType, FunctionDef, FunctionExecution, FunctionsConfig, FunctionStats, DeployFunctionOptions, HttpsCallableResult } from "./types";
-export type { FunctionRuntime, FunctionTrigger, FunctionTriggerType, FunctionDef, FunctionExecution, FunctionsConfig, FunctionStats, DeployFunctionOptions, HttpsCallableResult, };
+import type { FunctionRuntime, FunctionTrigger, FunctionTriggerType, FunctionContext, FunctionDef, FunctionExecution, FunctionsConfig, FunctionStats, DeployFunctionOptions, HttpsCallableResult } from "./types";
+export type { FunctionRuntime, FunctionTrigger, FunctionTriggerType, FunctionContext, FunctionDef, FunctionExecution, FunctionsConfig, FunctionStats, DeployFunctionOptions, HttpsCallableResult, };
 /**
  * Thrown by all Functions SDK methods when the server returns an error
  * or the function itself errors / times out.

package/dist/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../src/functions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../src/functions.ts"],"names":[],"mappings":"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"}