@passkeyme/react-auth 2.0.10 → 2.0.11

package/README.md

@@ -36,7 +36,7 @@ function App() {
     <PasskeymeProvider
       config={{
         appId: "your-passkeyme-app-id",
-        redirectUri: "http://localhost:3000/auth/callback",
+        redirectUri: "http://localhost/auth/callback",
         debug: process.env.NODE_ENV === "development", // Enable debug logging in development
       }}
     >
@@ -130,14 +130,13 @@ The main provider component that manages authentication state.
 <PasskeymeProvider
   config={{
     appId: "your-app-id",
-    baseUrl: "https://auth.passkeyme.com",
     redirectUri: "http://localhost:3000/callback",
     debug: true, // Enable debug logging for development
   }}
   loadingComponent={<div>Loading...</div>}
-  errorComponent={(error) => <div>Error: {error}</div>}
-  onAuthChange={(user) => console.log("User changed:", user)}
-  onError={(error) => console.error("Auth error:", error)}
+  errorComponent={error => <div>Error: {error}</div>}
+  onAuthChange={user => console.log("User changed:", user)}
+  onError={error => console.error("Auth error:", error)}
 >
   <App />
 </PasskeymeProvider>
@@ -263,8 +262,8 @@ Passkey authentication button.
   username="user@example.com" // Optional username hint
   variant="default"
   size="medium"
-  onSuccess={(user) => console.log("Success:", user)}
-  onError={(error) => console.log("Error:", error)}
+  onSuccess={user => console.log("Success:", user)}
+  onError={error => console.log("Error:", error)}
 >
   Sign in with Passkey
 </PasskeymeButton>
@@ -296,7 +295,7 @@ Protect content for authenticated users.
   fallback={<LoginPage />}
   redirectTo="/login"
   requiredRoles={["admin", "user"]}
-  hasAccess={(user) => user.emailVerified}
+  hasAccess={user => user.emailVerified}
 >
   <SecretContent />
 </PasskeymeProtectedRoute>
@@ -328,13 +327,13 @@ triggerPasskeymeAuth();
 triggerPasskeymeAuth({
   username: "user@example.com",
   onSuccess: (user, method) => console.log(`Authenticated via ${method}`, user),
-  onError: (error) => console.error("Auth failed:", error),
+  onError: error => console.error("Auth failed:", error),
 });
 
 // Inline mode - developer controls OAuth UI
 triggerPasskeymeAuth({
   mode: "inline",
-  onOAuthRequired: (providers) => {
+  onOAuthRequired: providers => {
     // Show your custom OAuth UI
     setShowOAuthModal(true);
     setAvailableProviders(providers);
@@ -348,7 +347,7 @@ triggerPasskeymeAuth({
 // Passkey-only (no fallback)
 triggerPasskeymeAuth({
   forcePasskeyOnly: true,
-  onError: (error) => alert("Passkey authentication failed"),
+  onError: error => alert("Passkey authentication failed"),
 });
 ```
 
@@ -370,7 +369,7 @@ function CustomAuthFlow() {
   const handleLogin = () => {
     triggerPasskeymeAuth({
       mode: "inline",
-      onOAuthRequired: (availableProviders) => {
+      onOAuthRequired: availableProviders => {
         setProviders(availableProviders);
         setShowOAuth(true);
       },
@@ -388,7 +387,7 @@ function CustomAuthFlow() {
       {showOAuth && (
         <div className="oauth-modal">
           <h3>Choose OAuth Provider</h3>
-          {providers.map((provider) => (
+          {providers.map(provider => (
             <PasskeymeOAuthButton key={provider} provider={provider}>
               Login with {provider}
             </PasskeymeOAuthButton>
@@ -430,7 +429,7 @@ function CustomLoginForm() {
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
 
-  const handleSubmit = async (e) => {
+  const handleSubmit = async e => {
     e.preventDefault();
     try {
       await loginWithPassword(email, password);
@@ -443,13 +442,13 @@ function CustomLoginForm() {
     <form onSubmit={handleSubmit}>
       <input
         value={email}
-        onChange={(e) => setEmail(e.target.value)}
+        onChange={e => setEmail(e.target.value)}
         placeholder="Email"
       />
       <input
         type="password"
         value={password}
-        onChange={(e) => setPassword(e.target.value)}
+        onChange={e => setPassword(e.target.value)}
         placeholder="Password"
       />
       <button type="submit" disabled={loading}>