@blinkdotnew/sdk 0.18.2 → 0.18.3

package/README.md

@@ -240,6 +240,9 @@ await blink.auth.sendMagicLink(email)
 
 // Password management
 await blink.auth.sendPasswordResetEmail(email)
+await blink.auth.sendPasswordResetEmail(email, { 
+  redirectUrl: 'https://myapp.com/reset-password' 
+})
 await blink.auth.changePassword(oldPass, newPass)
 
 // Email verification
@@ -434,6 +437,10 @@ blink.auth.setToken(jwt, persist?)
 const isAuth = blink.auth.isAuthenticated()
 
 // Password management
+await blink.auth.sendPasswordResetEmail('user@example.com')
+await blink.auth.sendPasswordResetEmail('user@example.com', { 
+  redirectUrl: 'https://myapp.com/reset-password' // Custom reset page
+})
 await blink.auth.changePassword('oldPass', 'newPass')
 await blink.auth.confirmPasswordReset(token, newPassword)
 
@@ -1841,13 +1848,24 @@ const blink = createClient({
 })
 
 function AuthForm() {
+  const [mode, setMode] = useState('signin') // 'signin' | 'signup' | 'reset'
   const [email, setEmail] = useState('')
   const [password, setPassword] = useState('')
+  const [message, setMessage] = useState('')
 
   const handleEmailAuth = async () => {
     try {
-      await blink.auth.signInWithEmail(email, password)
-      // User state updates via onAuthStateChanged
+      if (mode === 'signin') {
+        await blink.auth.signInWithEmail(email, password)
+      } else if (mode === 'signup') {
+        await blink.auth.signUp({ email, password })
+        setMessage('Account created! Check your email to verify.')
+      } else if (mode === 'reset') {
+        await blink.auth.sendPasswordResetEmail(email, {
+          redirectUrl: 'https://myapp.com/reset-password' // Your custom reset page
+        })
+        setMessage('Password reset email sent! Check your inbox.')
+      }
     } catch (error) {
       console.error('Auth failed:', error.message)
     }
@@ -1862,23 +1880,100 @@ function AuthForm() {
   }
 
   return (
-    <form onSubmit={handleEmailAuth}>
-      <input 
-        type="email" 
-        value={email}
-        onChange={(e) => setEmail(e.target.value)}
-        placeholder="Email" 
-      />
-      <input 
-        type="password" 
-        value={password}
-        onChange={(e) => setPassword(e.target.value)}
-        placeholder="Password" 
+    <div>
+      {message && <p style={{ color: 'green' }}>{message}</p>}
+      
+      <form onSubmit={handleEmailAuth}>
+        <input 
+          type="email" 
+          value={email}
+          onChange={(e) => setEmail(e.target.value)}
+          placeholder="Email" 
+        />
+        
+        {mode !== 'reset' && (
+          <input 
+            type="password" 
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+            placeholder="Password" 
+          />
+        )}
+        
+        <button type="submit">
+          {mode === 'signin' ? 'Sign In' : mode === 'signup' ? 'Sign Up' : 'Send Reset Email'}
+        </button>
+      </form>
+
+      {mode !== 'reset' && (
+        <button type="button" onClick={handleSocialAuth}>
+          Continue with Google
+        </button>
+      )}
+
+      <div>
+        {mode === 'signin' && (
+          <>
+            <button onClick={() => setMode('signup')}>Create Account</button>
+            <button onClick={() => setMode('reset')}>Forgot Password?</button>
+          </>
+        )}
+        {mode === 'signup' && (
+          <button onClick={() => setMode('signin')}>Back to Sign In</button>
+        )}
+        {mode === 'reset' && (
+          <button onClick={() => setMode('signin')}>Back to Sign In</button>
+        )}
+      </div>
+    </div>
+  )
+}
+```
+
+#### 🔄 Custom Reset Page Handling
+
+**When users click the reset link, handle it in your app:**
+
+```typescript
+// /reset-password page component
+function ResetPasswordPage() {
+  const [token, setToken] = useState('')
+  const [projectId, setProjectId] = useState('')
+  const [newPassword, setNewPassword] = useState('')
+  const [message, setMessage] = useState('')
+
+  useEffect(() => {
+    // Extract token and projectId from URL params
+    const params = new URLSearchParams(window.location.search)
+    setToken(params.get('token') || '')
+    setProjectId(params.get('projectId') || '')
+  }, [])
+
+  const handleReset = async (e) => {
+    e.preventDefault()
+    
+    try {
+      await blink.auth.confirmPasswordReset(token, newPassword)
+      setMessage('Password reset successfully! You can now sign in.')
+    } catch (error) {
+      console.error('Reset failed:', error.message)
+    }
+  }
+
+  if (!token) return <div>Invalid reset link</div>
+
+  return (
+    <form onSubmit={handleReset}>
+      <h1>Set New Password</h1>
+      <input
+        type="password"
+        value={newPassword}
+        onChange={(e) => setNewPassword(e.target.value)}
+        placeholder="Enter new password"
+        minLength={8}
       />
-      <button type="submit">Sign In</button>
-      <button type="button" onClick={handleSocialAuth}>
-        Continue with Google
-      </button>
+      <button type="submit">Reset Password</button>
+      {message && <p style={{ color: 'green' }}>{message}</p>}
     </form>
   )
 }

package/dist/index.d.mts

@@ -914,7 +914,9 @@ declare class BlinkAuth {
     /**
      * Send password reset email (using Blink default email service)
      */
-    sendPasswordResetEmail(email: string): Promise<void>;
+    sendPasswordResetEmail(email: string, options?: {
+        redirectUrl?: string;
+    }): Promise<void>;
     /**
      * Confirm password reset with token
      */

package/dist/index.d.ts

@@ -914,7 +914,9 @@ declare class BlinkAuth {
     /**
      * Send password reset email (using Blink default email service)
      */
-    sendPasswordResetEmail(email: string): Promise<void>;
+    sendPasswordResetEmail(email: string, options?: {
+        redirectUrl?: string;
+    }): Promise<void>;
     /**
      * Confirm password reset with token
      */

package/dist/index.js

@@ -1501,7 +1501,7 @@ var BlinkAuth = class {
   /**
    * Send password reset email (using Blink default email service)
    */
-  async sendPasswordResetEmail(email) {
+  async sendPasswordResetEmail(email, options) {
     try {
       const response = await fetch(`${this.authUrl}/api/auth/password/reset`, {
         method: "POST",
@@ -1510,7 +1510,8 @@ var BlinkAuth = class {
         },
         body: JSON.stringify({
           email,
-          projectId: this.config.projectId
+          projectId: this.config.projectId,
+          redirectUrl: options?.redirectUrl
         })
       });
       if (!response.ok) {

package/dist/index.mjs

@@ -1499,7 +1499,7 @@ var BlinkAuth = class {
   /**
    * Send password reset email (using Blink default email service)
    */
-  async sendPasswordResetEmail(email) {
+  async sendPasswordResetEmail(email, options) {
     try {
       const response = await fetch(`${this.authUrl}/api/auth/password/reset`, {
         method: "POST",
@@ -1508,7 +1508,8 @@ var BlinkAuth = class {
         },
         body: JSON.stringify({
           email,
-          projectId: this.config.projectId
+          projectId: this.config.projectId,
+          redirectUrl: options?.redirectUrl
         })
       });
       if (!response.ok) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/sdk",
-  "version": "0.18.2",
+  "version": "0.18.3",
   "description": "Blink TypeScript SDK for client-side applications - Zero-boilerplate CRUD + auth + AI + analytics + notifications for modern SaaS/AI apps",
   "keywords": [
     "blink",