Backformat redirect

src/Auth.svelte

@@ -14,6 +14,7 @@
   export let socialButtonSize = 'medium'
   export let providers = []
   export let view = 'sign_in'
+  export let redirectTo
 
   function setView(newView) {
     view = newView
@@ -29,14 +30,15 @@
       {socialButtonSize}
       {socialColors}
       {view}
+      {redirectTo}
     />
 
     {#if view == 'sign_in' || view == 'sign_up'}
-      <EmailAuthView {supabaseClient} {view} {setView}/>
+      <EmailAuthView {supabaseClient} {view} {setView} {redirectTo} />
     {:else if view == 'magic_link'}
-      <MagicLinkView {supabaseClient} {setView}/>
+      <MagicLinkView {supabaseClient} {setView} {redirectTo} />
     {:else if view == 'forgotten_password'}
-      <ForgottenPasswordView {supabaseClient} {setView}/>
+      <ForgottenPasswordView {supabaseClient} {setView} {redirectTo} />
     {/if}
   </div>
 </div>

src/EmailAuthView.svelte

@@ -7,6 +7,7 @@
   export let supabaseClient
   export let view
   export let setView
+  export let redirectTo
 
   let error = '', message = '', loading = false, email = '', password = ''
 
@@ -16,15 +17,17 @@
     loading = true
 
     if (view == 'sign_up') {
-      const { error: signUpError } = await supabaseClient.auth.signUp({
-        email, password
-      })
+      const { error: signUpError } = await supabaseClient.auth.signUp(
+        { email, password },
+        { redirectTo }
+      )
 
       if (signUpError) error = signUpError.message
     } else if (view == 'sign_in') {
-      const { error: signInError } = await supabaseClient.auth.signIn({
-        email, password
-      })
+      const { error: signInError } = await supabaseClient.auth.signIn(
+        { email, password},
+        { redirectTo }
+      )
 
       if (signInError) error = signInError.message
     }

src/ForgottenPasswordView.svelte

@@ -6,6 +6,7 @@
 
   export let supabaseClient
   export let setView
+  export let redirectTo
 
   let error = '', message = '', loading = false, email = ''
 
@@ -14,7 +15,10 @@
     message = ''
     loading = true
 
-    const { error: err } = await supabaseClient.auth.api.resetPasswordForEmail(email)
+    const { error: err } = await supabaseClient.auth.api.resetPasswordForEmail(
+      email,
+      { redirectTo }
+    )
 
     if (err)
       error = err.message

src/MagicLinkView.svelte

@@ -6,6 +6,7 @@
 
   export let supabaseClient
   export let setView
+  export let redirectTo
 
   let error = '', message = '', loading = false, email = ''
 
@@ -14,7 +15,10 @@
     message = ''
     loading = true
 
-    const { error: err } = await supabaseClient.auth.signIn({ email })
+    const { error: err } = await supabaseClient.auth.signIn(
+      { email },
+      { redirectTo }
+    )
 
     if (err)
       error = err.message

src/SocialAuthView.svelte

@@ -8,6 +8,7 @@
   export let socialButtonSize
   export let socialColors
   export let view
+  export let redirectTo
 
   let loading = false, error = ''
 
@@ -49,7 +50,10 @@
   async function handleProviderSignIn(provider) {
     loading = true
 
-    const { error: signInError } = await supabaseClient.auth.signIn({ provider })
+    const { error: signInError } = await supabaseClient.auth.signIn(
+      { provider },
+      { redirectTo }
+    )
     if (signInError) error = signInError.message
 
     loading = false

src/index.d.ts

@@ -10,6 +10,7 @@ export interface AuthProps {
   socialLayout?: 'vertical' | 'horizontal'
   socialColors?: boolean
   socialButtonSize?: 'medium' | 'large'
+  redirectTo?: string
 }
 
 export default class Auth extends SvelteComponentTyped<AuthProps> {}