SDK

Svelte SDK

@authon/svelte — Authon 인증을 위한 Svelte 스토어와 컴포넌트. SvelteKit과 호환됩니다.

설치

bash

npm install @authon/svelte

초기화

src/lib/authon.ts

import { initAuthon } from "@authon/svelte";

export const authon = initAuthon({
  publishableKey: import.meta.env.PUBLIC_AUTHON_KEY,
});

SvelteKit 훅

src/hooks.server.ts

import { authonHandle } from "@authon/svelte/sveltekit";

export const handle = authonHandle({
  secretKey: process.env.AUTHON_SECRET_KEY,
  publicRoutes: ["/", "/about"],
});

컴포넌트

+page.svelte

<script lang="ts">
  import { SignedIn, SignedOut, UserButton } from "@authon/svelte";
  import { user } from "@authon/svelte/stores";
</script>

<SignedIn>
  <p>Welcome, {$user?.displayName}!</p>
  <UserButton />
</SignedIn>

<SignedOut>
  <a href="/sign-in">Sign in</a>
</SignedOut>

스토어

typescript

import { user, isSignedIn, isLoaded, authonClient } from "@authon/svelte/stores";

// Reactive stores
$user        // User | null
$isSignedIn  // boolean
$isLoaded    // boolean

// Call auth methods
$authonClient.openSignIn();
$authonClient.signOut();