SupabaseS
Supabase•4y ago
rchrdnsh

email + password signup in sveltekit?

Trying to figure out how to change the example in the sveltekit quickstart from using a magic link to using email and password, but cannot figure it out...I don't know typescript at all either, so that is another hurdle I am trying to jump over...

So far I have this:

import { getSupabase } from '@supabase/auth-helpers-sveltekit';
import { AuthApiError } from '@supabase/supabase-js';
import { invalid, type ValidationError } from '@sveltejs/kit';
import type { Actions } from './$types';

export const actions: Actions = {
  async default(
    event
  ): Promise<ValidationError<{ error: string; values?: { email: string } }> | { message: string }> {
    const { request, url } = event;
    const { supabaseClient } = await getSupabase(event);

    const formData = await request.formData();

    const email = formData.get('email') as string;
    const password = formData.get('password') as string;

    if (!email) {
      return invalid(400, {
        error: 'Please enter your email'
      });
    }
    if (!password) {
      return invalid(400, {
        error: 'Please enter a password',
        values: {
          email
        }
      });
    }

    const { error } = await supabaseClient.auth.signUp({
      email,
      password,
      options: { emailRedirectTo: url.origin }
    });

    if (error) {
      if (error instanceof AuthApiError && error.status === 400) {
        return invalid(400, {
          error: 'Invalid credentials.',
          values: {
            email
          }
        });
      }

      return invalid(500, {
        error: 'Server error. Try again later.',
        values: {
          email
        }
      });
    }

    return {
      message: 'Please check your email to verify your account.'
    };
  }
};

but this code is not working correctly, and I really have no idea how to change it to make work...
Was this page helpful?