@auth/sveltekit

 
import { SvelteKitAuth } from "@auth/sveltekit"
import GitHub from "@auth/sveltekit/providers/github"
 
export const { handle, signIn, signOut } = SvelteKitAuth({
  providers: [GitHub],
})

import { SvelteKitAuth } from "@auth/sveltekit"
import GitHub from "@auth/sveltekit/providers/github"
 
export const { handle, signIn, signOut } = SvelteKitAuth(async (event) => {
  const authOptions = {
    providers: [
      GitHub({
        clientId: event.platform.env.AUTH_GITHUB_ID,
        clientSecret: event.platform.env.AUTH_GITHUB_SECRET
      })
    ],
    secret: event.platform.env.AUTH_SECRET,
    trustHost: true
  }
  return authOptions
})

export { handle } from "./auth"

[origin]/auth/callback/[provider]

<script>
  import { SignIn, SignOut } from "@auth/sveltekit/components"
  import { page } from "$app/stores"
</script>
 
<h1>SvelteKit Auth Example</h1>
<div>
  {#if $page.data.session}
    {#if $page.data.session.user?.image}
      <img
        src={$page.data.session.user.image}
        class="avatar"
        alt="User Avatar"
      />
    {/if}
    <span class="signedInText">
      <small>Signed in as</small><br />
      <strong>{$page.data.session.user?.name ?? "User"}</strong>
    </span>
    <SignOut>
      <div slot="submitButton" class="buttonPrimary">Sign out</div>
    </SignOut>
  {:else}
    <span class="notSignedInText">You are not signed in</span>
    <SignIn>
      <div slot="submitButton" class="buttonPrimary">Sign in</div>
    </SignIn>
    <SignIn provider="facebook"/>
  {/if}
</div>

import { signIn } from "../../auth"
import type { Actions } from "./$types"
export const actions: Actions = { default: signIn }

import { signOut } from "../../auth"
import type { Actions } from "./$types"
export const actions: Actions = { default: signOut }

import { signIn, signOut } from "@auth/sveltekit/client"
 
<nav>
  <p>
    These actions are all using the methods exported from
    <code>@auth/sveltekit/client</code>
  </p>
  <div class="actions">
    <div class="wrapper-form">
      <button on:click={() => signIn("github")}>Sign In with GitHub</button>
    </div>
    <div class="wrapper-form">
      <button on:click={() => signIn("discord")}>Sign In with Discord</button>
    </div>
    <div class="wrapper-form">
      <div class="input-wrapper">
        <label for="password">Password</label>
        <input
          bind:value={password}
          type="password"
          id="password"
          name="password"
          required
        />
      </div>
      <button on:click={() => signIn("credentials", { password })}>
        Sign In with Credentials
      </button>
      <button on:click={() => signOut()})}>
        Sign Out
      </button>
    </div>
  </div>
</nav>

import type { LayoutServerLoad } from './$types';
 
export const load: LayoutServerLoad = async (event) => {
  return {
    session: await event.locals.auth()
  };
};

import { redirect } from '@sveltejs/kit';
import type { PageServerLoad } from './$types';
 
export const load: PageServerLoad = async (event) => {
  const session = await event.locals.auth();
  if (!session?.user) throw redirect(303, '/auth');
  return {};
};

import { SvelteKitAuth } from '@auth/sveltekit';
import GitHub from '@auth/sveltekit/providers/github';
 
export const { handle, signIn, signOut } = SvelteKitAuth({
  providers: [GitHub]
}),

import { redirect, type Handle } from '@sveltejs/kit';
import { handle as authenticationHandle } from './auth';
import { sequence } from '@sveltejs/kit/hooks';
 
async function authorizationHandle({ event, resolve }) {
  // Protect any routes under /authenticated
  if (event.url.pathname.startsWith('/authenticated')) {
    const session = await event.locals.auth();
    if (!session) {
      // Redirect to the signin page
      throw redirect(303, '/auth/signin');
    }
  }
 
  // If the request is still here, just proceed as normally
  return resolve(event);
}
 
// First handle authentication, then authorization
// Each function acts as a middleware, receiving the request handle
// And returning a handle which gets passed to the next function
export const handle: Handle = sequence(authenticationHandle, authorizationHandle)

new AuthError(message?, errorOptions?): AuthError

optional cause: Record<string, unknown> & {
  err: Error;
};

optional err: Error;

message: string;

name: string;

optional stack: string;

type: ErrorType;

static optional prepareStackTrace: (err, stackTraces) => any;

static stackTraceLimit: number;

static captureStackTrace(targetObject, constructorOpt?): void

new CredentialsSignin(message?, errorOptions?): CredentialsSignin

optional cause: Record<string, unknown> & {
  err: Error;
};

optional err: Error;

code: string;

message: string;

name: string;

optional stack: string;

type: ErrorType;

static kind: string;

static optional prepareStackTrace: (err, stackTraces) => any;

static stackTraceLimit: number;

static type: string;

static captureStackTrace(targetObject, constructorOpt?): void

optional readonly access_token: string;

optional readonly authorization_details: AuthorizationDetails[];

optional expires_at: number;

optional readonly expires_in: number;

optional readonly id_token: string;

provider: string;

providerAccountId: string;

optional readonly refresh_token: string;

optional readonly scope: string;

optional readonly token_type: Lowercase<string>;

type: ProviderType;

optional userId: string;

expires: string;

optional user: User;

optional address: null | {
  country: null | string;
  formatted: null | string;
  locality: null | string;
  postal_code: null | string;
  region: null | string;
  street_address: null | string;
};

optional birthdate: null | string;

optional email: null | string;

optional email_verified: null | boolean;

optional family_name: null | string;

optional gender: null | string;

optional given_name: null | string;

optional id: null | string;

optional locale: null | string;

optional middle_name: null | string;

optional name: null | string;

optional nickname: null | string;

optional phone_number: null | string;

optional picture: any;

optional preferred_username: null | string;

optional profile: null | string;

optional sub: null | string;

optional updated_at: null | string | number | Date;

optional website: null | string;

optional zoneinfo: null | string;

expires: string;

optional user: User;

optional email: null | string;

optional id: string;

optional image: null | string;

optional name: null | string;

const customFetch: unique symbol;

import { Auth, customFetch } from "@auth/core"
import GitHub from "@auth/core/providers/github"
 
const dispatcher = new ProxyAgent("my.proxy.server")
function proxy(...args: Parameters<typeof fetch>): ReturnType<typeof fetch> {
  return undici(args[0], { ...(args[1] ?? {}), dispatcher })
}
 
const response = await Auth(request, {
  providers: [GitHub({ [customFetch]: proxy })]
})

SvelteKitAuth(config): {
  handle: Handle;
  signIn: Action;
  signOut: Action;
}

{
  handle: Handle;
  signIn: Action;
  signOut: Action;
}

handle: Handle;

signIn: Action;

signOut: Action;