@mrgnw/anahtar 0.0.11 → 0.0.12

package/dist/components/AuthFlow.svelte

@@ -1,14 +1,19 @@
 <script lang="ts">
 import { guessDeviceName } from '../device.js';
+import { resolveMessages, detectLocaleClient, type AuthMessages } from '../i18n/index.js';
 import OtpInput from './OtpInput.svelte';
 import PasskeyPrompt from './PasskeyPrompt.svelte';
 
 interface Props {
 	apiBase?: string;
+	locale?: string;
+	messages?: Partial<AuthMessages>;
 	onSuccess?: () => void;
 }
 
-let { apiBase = '/api/auth', onSuccess }: Props = $props();
+let { apiBase = '/api/auth', locale, messages: messageOverrides, onSuccess }: Props = $props();
+
+let m = $derived(resolveMessages(locale ?? detectLocaleClient(), messageOverrides));
 
 let step = $state<1 | 2 | 3 | 4>(1);
 let congratsTimeout: ReturnType<typeof setTimeout> | null = null;
@@ -38,6 +43,8 @@ async function tryConditionalWebAuthn() {
 			optionsJSON: options,
 			useBrowserAutofill: true
 		});
+		// User selected a passkey — show loading while we verify
+		loading = true;
 		const verifyRes = await fetch(`${apiBase}/passkey/login-finish`, {
 			method: 'POST',
 			headers: { 'Content-Type': 'application/json' },
@@ -48,13 +55,15 @@ async function tryConditionalWebAuthn() {
 		}
 	} catch {
 		// Passkey autofill not available or cancelled
+	} finally {
+		loading = false;
 	}
 }
 
 async function handleEmailSubmit() {
 	error = '';
 	if (!email.includes('@')) {
-		error = 'Please enter a valid email address.';
+		error = m.errorInvalidEmail;
 		return;
 	}
 	loading = true;
@@ -73,7 +82,7 @@ async function handleEmailSubmit() {
 		}
 		step = 2;
 	} catch {
-		error = 'Something went wrong. Please try again.';
+		error = m.errorGeneric;
 	} finally {
 		loading = false;
 	}
@@ -90,7 +99,7 @@ async function handleOtpComplete(code: string) {
 		});
 		if (!res.ok) {
 			const data = await res.json().catch(() => null);
-			error = data?.error ?? 'Invalid code. Please try again.';
+			error = data?.error ?? m.errorInvalidCode;
 			otpInput?.clear();
 			return;
 		}
@@ -101,7 +110,7 @@ async function handleOtpComplete(code: string) {
 			step = 3;
 		}
 	} catch {
-		error = 'Something went wrong. Please try again.';
+		error = m.errorGeneric;
 	} finally {
 		loading = false;
 	}
@@ -118,12 +127,12 @@ async function resendCode() {
 		});
 		if (!res.ok) {
 			const data = await res.json().catch(() => null);
-			error = data?.error ?? 'Failed to resend code.';
+			error = data?.error ?? m.errorResendFailed;
 			return;
 		}
 		otpInput?.clear();
 	} catch {
-		error = 'Something went wrong. Please try again.';
+		error = m.errorGeneric;
 	} finally {
 		loading = false;
 	}
@@ -166,7 +175,7 @@ function handlePasskeySkip() {
 				bind:value={email}
 				required
 				autocomplete="username webauthn"
-				placeholder="you@example.com"
+				placeholder={m.emailPlaceholder}
 				class="anahtar-input"
 			/>
 
@@ -175,12 +184,12 @@ function handlePasskeySkip() {
 			{/if}
 
 			<button type="submit" disabled={loading} class="anahtar-button">
-				{loading ? '...' : 'Continue'}
+				{loading ? '...' : m.continue}
 			</button>
 		</form>
 	{:else if step === 2}
 		<div class="anahtar-otp-step">
-			<p class="anahtar-subtitle">We sent a code to</p>
+			<p class="anahtar-subtitle">{m.codeSentTo}</p>
 			<p class="anahtar-email">{email}</p>
 
 			<OtpInput bind:this={otpInput} onComplete={handleOtpComplete} disabled={loading} />
@@ -190,12 +199,12 @@ function handlePasskeySkip() {
 			{/if}
 
 			{#if loading}
-				<p class="anahtar-subtitle">Verifying...</p>
+				<p class="anahtar-subtitle">{m.verifying}</p>
 			{/if}
 
 			<div class="anahtar-links">
 				<button onclick={resendCode} disabled={loading} class="anahtar-link">
-					Didn't get it? Resend
+					{m.resend}
 				</button>
 				<button
 					onclick={() => {
@@ -204,12 +213,12 @@ function handlePasskeySkip() {
 					}}
 					class="anahtar-link"
 				>
-					Use a different email
+					{m.differentEmail}
 				</button>
 			</div>
 		</div>
 	{:else if step === 3}
-		<PasskeyPrompt onRegister={handlePasskeyRegister} onSkip={handlePasskeySkip} />
+		<PasskeyPrompt {m} onRegister={handlePasskeyRegister} onSkip={handlePasskeySkip} />
 	{:else if step === 4}
 		<div class="anahtar-congrats">
 			<div class="anahtar-congrats-icon">
@@ -220,9 +229,9 @@ function handlePasskeySkip() {
 					<path d="m17.5 4.5 2 2"/>
 				</svg>
 			</div>
-			<p class="anahtar-congrats-title">You're a passkey!</p>
+			<p class="anahtar-congrats-title">{m.passkeySuccess}</p>
 			<button onclick={() => onSuccess?.()} class="anahtar-button">
-				Continue
+				{m.continue}
 			</button>
 		</div>
 	{/if}

package/dist/components/AuthFlow.svelte.d.ts

@@ -1,5 +1,8 @@
+import { type AuthMessages } from '../i18n/index.js';
 interface Props {
     apiBase?: string;
+    locale?: string;
+    messages?: Partial<AuthMessages>;
     onSuccess?: () => void;
 }
 declare const AuthFlow: import("svelte").Component<Props, {}, "">;

package/dist/components/PasskeyPrompt.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
+import type { AuthMessages } from '../i18n/types.js';
+
 interface Props {
+	m: AuthMessages;
 	countdownSeconds?: number;
 	onRegister: () => Promise<void>;
 	onSkip: () => void;
 }
 
-let { countdownSeconds = 3, onRegister, onSkip }: Props = $props();
+let { m, countdownSeconds = 3, onRegister, onSkip }: Props = $props();
 
 let countdown = $state(countdownSeconds);
 let failed = $state(false);
@@ -70,15 +73,15 @@ let dashOffset = $derived(circumference * (1 - countdown / countdownSeconds));
 	</div>
 
 	{#if !failed}
-		<p class="anahtar-passkey-title">Making you a passkey</p>
-		<p class="anahtar-passkey-subtitle">for easier login</p>
-		<button onclick={onSkip} class="anahtar-passkey-skip">Skip</button>
+		<p class="anahtar-passkey-title">{m.passkeyCreating}</p>
+		<p class="anahtar-passkey-subtitle">{m.passkeySubtitle}</p>
+		<button onclick={onSkip} class="anahtar-passkey-skip">{m.passkeySkip}</button>
 	{:else}
-		<p class="anahtar-passkey-title">Set up a passkey?</p>
+		<p class="anahtar-passkey-title">{m.passkeySetup}</p>
 		<button onclick={triggerRegistration} class="anahtar-passkey-add" disabled={registering}>
-			Add passkey
+			{m.passkeyAdd}
 		</button>
-		<button onclick={onSkip} class="anahtar-passkey-skip">Maybe later</button>
+		<button onclick={onSkip} class="anahtar-passkey-skip">{m.passkeyMaybeLater}</button>
 	{/if}
 </div>
 

package/dist/components/PasskeyPrompt.svelte.d.ts

@@ -1,4 +1,6 @@
+import type { AuthMessages } from '../i18n/types.js';
 interface Props {
+    m: AuthMessages;
     countdownSeconds?: number;
     onRegister: () => Promise<void>;
     onSkip: () => void;

package/dist/components/index.d.ts

@@ -2,3 +2,5 @@ export { guessDeviceName } from '../device.js';
 export { default as AuthFlow } from './AuthFlow.svelte';
 export { default as OtpInput } from './OtpInput.svelte';
 export { default as PasskeyPrompt } from './PasskeyPrompt.svelte';
+export type { AuthMessages } from '../i18n/types.js';
+export { resolveMessages, detectLocaleClient, locales } from '../i18n/index.js';

package/dist/components/index.js

@@ -2,3 +2,4 @@ export { guessDeviceName } from '../device.js';
 export { default as AuthFlow } from './AuthFlow.svelte';
 export { default as OtpInput } from './OtpInput.svelte';
 export { default as PasskeyPrompt } from './PasskeyPrompt.svelte';
+export { resolveMessages, detectLocaleClient, locales } from '../i18n/index.js';

package/dist/i18n/ar.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const ar: AuthMessages;
+export default ar;

package/dist/i18n/ar.js

@@ -0,0 +1,28 @@
+const ar = {
+    emailPlaceholder: 'you@example.com',
+    continue: 'متابعة',
+    codeSentTo: 'أرسلنا رمزًا إلى',
+    verifying: 'جارٍ التحقق...',
+    resend: 'لم يصلك؟ إعادة الإرسال',
+    differentEmail: 'استخدام بريد إلكتروني آخر',
+    passkeyCreating: 'جارٍ إنشاء مفتاح المرور',
+    passkeySubtitle: 'لتسجيل دخول أسهل',
+    passkeySkip: 'تخطي',
+    passkeySetup: 'إعداد مفتاح مرور؟',
+    passkeyAdd: 'إضافة مفتاح مرور',
+    passkeyMaybeLater: 'ربما لاحقًا',
+    passkeySuccess: 'مفتاح المرور جاهز!',
+    errorInvalidEmail: 'يرجى إدخال بريد إلكتروني صالح.',
+    errorGeneric: 'حدث خطأ ما. يرجى المحاولة مرة أخرى.',
+    errorResendFailed: 'فشل إعادة إرسال الرمز.',
+    errorInvalidCode: 'رمز غير صالح. يرجى المحاولة مرة أخرى.',
+    errorCodeExpired: 'انتهت صلاحية الرمز. يرجى طلب رمز جديد.',
+    errorTooManyAttempts: 'محاولات كثيرة جدًا. يرجى طلب رمز جديد.',
+    errorInvalidInput: 'إدخال غير صالح',
+    errorNotAuthenticated: 'غير مسجل الدخول',
+    errorNotFound: 'غير موجود',
+    errorAuthFailed: 'فشل التحقق من الهوية',
+    errorPasskeyRegFailed: 'فشل تسجيل مفتاح المرور',
+    errorPasskeyNotFound: 'مفتاح المرور غير موجود',
+};
+export default ar;

package/dist/i18n/de.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const de: AuthMessages;
+export default de;

package/dist/i18n/de.js

@@ -0,0 +1,28 @@
+const de = {
+    emailPlaceholder: 'du@beispiel.de',
+    continue: 'Weiter',
+    codeSentTo: 'Wir haben einen Code gesendet an',
+    verifying: 'Wird uberpruft...',
+    resend: 'Nicht erhalten? Erneut senden',
+    differentEmail: 'Andere E-Mail verwenden',
+    passkeyCreating: 'Passkey wird erstellt',
+    passkeySubtitle: 'fur einfacheres Anmelden',
+    passkeySkip: 'Uberspringen',
+    passkeySetup: 'Passkey einrichten?',
+    passkeyAdd: 'Passkey hinzufugen',
+    passkeyMaybeLater: 'Vielleicht spater',
+    passkeySuccess: 'Dein Passkey ist bereit!',
+    errorInvalidEmail: 'Bitte gib eine gultige E-Mail-Adresse ein.',
+    errorGeneric: 'Etwas ist schiefgelaufen. Bitte versuche es erneut.',
+    errorResendFailed: 'Code konnte nicht erneut gesendet werden.',
+    errorInvalidCode: 'Ungueltiger Code. Bitte versuche es erneut.',
+    errorCodeExpired: 'Code abgelaufen. Bitte fordere einen neuen an.',
+    errorTooManyAttempts: 'Zu viele Versuche. Bitte fordere einen neuen Code an.',
+    errorInvalidInput: 'Ungueltige Eingabe',
+    errorNotAuthenticated: 'Nicht authentifiziert',
+    errorNotFound: 'Nicht gefunden',
+    errorAuthFailed: 'Authentifizierung fehlgeschlagen',
+    errorPasskeyRegFailed: 'Passkey-Registrierung fehlgeschlagen',
+    errorPasskeyNotFound: 'Passkey nicht gefunden',
+};
+export default de;

package/dist/i18n/en.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const en: AuthMessages;
+export default en;

package/dist/i18n/en.js

@@ -0,0 +1,28 @@
+const en = {
+    emailPlaceholder: 'you@example.com',
+    continue: 'Continue',
+    codeSentTo: 'We sent a code to',
+    verifying: 'Verifying...',
+    resend: "Didn't get it? Resend",
+    differentEmail: 'Use a different email',
+    passkeyCreating: 'Making you a passkey',
+    passkeySubtitle: 'for easier login',
+    passkeySkip: 'Skip',
+    passkeySetup: 'Set up a passkey?',
+    passkeyAdd: 'Add passkey',
+    passkeyMaybeLater: 'Maybe later',
+    passkeySuccess: "You've got a passkey!",
+    errorInvalidEmail: 'Please enter a valid email address.',
+    errorGeneric: 'Something went wrong. Please try again.',
+    errorResendFailed: 'Failed to resend code.',
+    errorInvalidCode: 'Invalid code. Please try again.',
+    errorCodeExpired: 'Code expired. Please request a new one.',
+    errorTooManyAttempts: 'Too many attempts. Please request a new code.',
+    errorInvalidInput: 'Invalid input',
+    errorNotAuthenticated: 'Not authenticated',
+    errorNotFound: 'Not found',
+    errorAuthFailed: 'Authentication failed',
+    errorPasskeyRegFailed: 'Passkey registration failed',
+    errorPasskeyNotFound: 'Passkey not found',
+};
+export default en;

package/dist/i18n/es.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const es: AuthMessages;
+export default es;

package/dist/i18n/es.js

@@ -0,0 +1,28 @@
+const es = {
+    emailPlaceholder: 'tu@ejemplo.com',
+    continue: 'Continuar',
+    codeSentTo: 'Enviamos un codigo a',
+    verifying: 'Verificando...',
+    resend: 'No lo recibiste? Reenviar',
+    differentEmail: 'Usar otro correo',
+    passkeyCreating: 'Creando tu passkey',
+    passkeySubtitle: 'para iniciar sesion mas facil',
+    passkeySkip: 'Omitir',
+    passkeySetup: 'Configurar passkey?',
+    passkeyAdd: 'Agregar passkey',
+    passkeyMaybeLater: 'Quiza despues',
+    passkeySuccess: 'Ya tienes tu passkey!',
+    errorInvalidEmail: 'Ingresa un correo electronico valido.',
+    errorGeneric: 'Algo salio mal. Intenta de nuevo.',
+    errorResendFailed: 'No se pudo reenviar el codigo.',
+    errorInvalidCode: 'Codigo invalido. Intenta de nuevo.',
+    errorCodeExpired: 'El codigo expiro. Solicita uno nuevo.',
+    errorTooManyAttempts: 'Demasiados intentos. Solicita un nuevo codigo.',
+    errorInvalidInput: 'Entrada invalida',
+    errorNotAuthenticated: 'No autenticado',
+    errorNotFound: 'No encontrado',
+    errorAuthFailed: 'Fallo la autenticacion',
+    errorPasskeyRegFailed: 'Fallo el registro del passkey',
+    errorPasskeyNotFound: 'Passkey no encontrado',
+};
+export default es;

package/dist/i18n/fr.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const fr: AuthMessages;
+export default fr;

package/dist/i18n/fr.js

@@ -0,0 +1,28 @@
+const fr = {
+    emailPlaceholder: 'vous@exemple.com',
+    continue: 'Continuer',
+    codeSentTo: 'Nous avons envoye un code a',
+    verifying: 'Verification...',
+    resend: 'Pas recu ? Renvoyer',
+    differentEmail: 'Utiliser un autre e-mail',
+    passkeyCreating: 'Creation de votre passkey',
+    passkeySubtitle: 'pour une connexion plus facile',
+    passkeySkip: 'Passer',
+    passkeySetup: 'Configurer un passkey ?',
+    passkeyAdd: 'Ajouter un passkey',
+    passkeyMaybeLater: 'Plus tard',
+    passkeySuccess: 'Votre passkey est pret !',
+    errorInvalidEmail: 'Veuillez entrer une adresse e-mail valide.',
+    errorGeneric: 'Une erreur est survenue. Veuillez reessayer.',
+    errorResendFailed: "Echec de l'envoi du code.",
+    errorInvalidCode: 'Code invalide. Veuillez reessayer.',
+    errorCodeExpired: 'Code expire. Veuillez en demander un nouveau.',
+    errorTooManyAttempts: 'Trop de tentatives. Veuillez demander un nouveau code.',
+    errorInvalidInput: 'Entree invalide',
+    errorNotAuthenticated: 'Non authentifie',
+    errorNotFound: 'Non trouve',
+    errorAuthFailed: "Echec de l'authentification",
+    errorPasskeyRegFailed: "Echec de l'enregistrement du passkey",
+    errorPasskeyNotFound: 'Passkey introuvable',
+};
+export default fr;

package/dist/i18n/index.d.ts

@@ -0,0 +1,7 @@
+import type { AuthMessages } from './types.js';
+export type { AuthMessages } from './types.js';
+export { default as en } from './en.js';
+export declare const locales: Record<string, AuthMessages>;
+export declare function resolveMessages(locale?: string, overrides?: Partial<AuthMessages>): AuthMessages;
+export declare function detectLocaleClient(): string;
+export declare function detectLocaleServer(request: Request): string;

package/dist/i18n/index.js

@@ -0,0 +1,41 @@
+import en from './en.js';
+import ar from './ar.js';
+import de from './de.js';
+import es from './es.js';
+import fr from './fr.js';
+import ja from './ja.js';
+import ko from './ko.js';
+import pt from './pt.js';
+import tr from './tr.js';
+import zh from './zh.js';
+export { default as en } from './en.js';
+export const locales = {
+    en,
+    ar,
+    de,
+    es,
+    fr,
+    ja,
+    ko,
+    pt,
+    tr,
+    zh,
+};
+export function resolveMessages(locale, overrides) {
+    const lang = locale?.split('-')[0]?.toLowerCase();
+    const base = (lang && locales[lang]) || en;
+    return overrides ? { ...base, ...overrides } : base;
+}
+export function detectLocaleClient() {
+    if (typeof navigator !== 'undefined') {
+        return navigator.language?.split('-')[0] ?? 'en';
+    }
+    return 'en';
+}
+export function detectLocaleServer(request) {
+    const header = request.headers.get('accept-language');
+    if (!header)
+        return 'en';
+    const first = header.split(',')[0];
+    return first?.split('-')[0]?.trim() ?? 'en';
+}

package/dist/i18n/ja.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const ja: AuthMessages;
+export default ja;

package/dist/i18n/ja.js

@@ -0,0 +1,28 @@
+const ja = {
+    emailPlaceholder: 'you@example.com',
+    continue: '続ける',
+    codeSentTo: '確認コードを送信しました：',
+    verifying: '確認中...',
+    resend: '届きませんか？再送信',
+    differentEmail: '別のメールアドレスを使用',
+    passkeyCreating: 'パスキーを作成中',
+    passkeySubtitle: 'より簡単にログイン',
+    passkeySkip: 'スキップ',
+    passkeySetup: 'パスキーを設定しますか？',
+    passkeyAdd: 'パスキーを追加',
+    passkeyMaybeLater: 'あとで',
+    passkeySuccess: 'パスキーの準備ができました！',
+    errorInvalidEmail: '有効なメールアドレスを入力してください。',
+    errorGeneric: 'エラーが発生しました。もう一度お試しください。',
+    errorResendFailed: 'コードの再送信に失敗しました。',
+    errorInvalidCode: '無効なコードです。もう一度お試しください。',
+    errorCodeExpired: 'コードの有効期限が切れました。新しいコードをリクエストしてください。',
+    errorTooManyAttempts: '試行回数が多すぎます。新しいコードをリクエストしてください。',
+    errorInvalidInput: '無効な入力',
+    errorNotAuthenticated: '未認証',
+    errorNotFound: '見つかりません',
+    errorAuthFailed: '認証に失敗しました',
+    errorPasskeyRegFailed: 'パスキーの登録に失敗しました',
+    errorPasskeyNotFound: 'パスキーが見つかりません',
+};
+export default ja;

package/dist/i18n/ko.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const ko: AuthMessages;
+export default ko;

package/dist/i18n/ko.js

@@ -0,0 +1,28 @@
+const ko = {
+    emailPlaceholder: 'you@example.com',
+    continue: '계속',
+    codeSentTo: '인증 코드를 보냈습니다:',
+    verifying: '확인 중...',
+    resend: '받지 못하셨나요? 다시 보내기',
+    differentEmail: '다른 이메일 사용',
+    passkeyCreating: '패스키 생성 중',
+    passkeySubtitle: '더 쉬운 로그인을 위해',
+    passkeySkip: '건너뛰기',
+    passkeySetup: '패스키를 설정할까요?',
+    passkeyAdd: '패스키 추가',
+    passkeyMaybeLater: '나중에',
+    passkeySuccess: '패스키가 준비되었습니다!',
+    errorInvalidEmail: '유효한 이메일 주소를 입력해주세요.',
+    errorGeneric: '문제가 발생했습니다. 다시 시도해주세요.',
+    errorResendFailed: '코드 재전송에 실패했습니다.',
+    errorInvalidCode: '잘못된 코드입니다. 다시 시도해주세요.',
+    errorCodeExpired: '코드가 만료되었습니다. 새 코드를 요청해주세요.',
+    errorTooManyAttempts: '시도 횟수가 너무 많습니다. 새 코드를 요청해주세요.',
+    errorInvalidInput: '잘못된 입력',
+    errorNotAuthenticated: '인증되지 않음',
+    errorNotFound: '찾을 수 없음',
+    errorAuthFailed: '인증 실패',
+    errorPasskeyRegFailed: '패스키 등록 실패',
+    errorPasskeyNotFound: '패스키를 찾을 수 없음',
+};
+export default ko;

package/dist/i18n/pt.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const pt: AuthMessages;
+export default pt;

package/dist/i18n/pt.js

@@ -0,0 +1,28 @@
+const pt = {
+    emailPlaceholder: 'voce@exemplo.com',
+    continue: 'Continuar',
+    codeSentTo: 'Enviamos um codigo para',
+    verifying: 'Verificando...',
+    resend: 'Nao recebeu? Reenviar',
+    differentEmail: 'Usar outro e-mail',
+    passkeyCreating: 'Criando sua passkey',
+    passkeySubtitle: 'para login mais facil',
+    passkeySkip: 'Pular',
+    passkeySetup: 'Configurar passkey?',
+    passkeyAdd: 'Adicionar passkey',
+    passkeyMaybeLater: 'Talvez depois',
+    passkeySuccess: 'Sua passkey esta pronta!',
+    errorInvalidEmail: 'Digite um endereco de e-mail valido.',
+    errorGeneric: 'Algo deu errado. Tente novamente.',
+    errorResendFailed: 'Falha ao reenviar o codigo.',
+    errorInvalidCode: 'Codigo invalido. Tente novamente.',
+    errorCodeExpired: 'Codigo expirado. Solicite um novo.',
+    errorTooManyAttempts: 'Muitas tentativas. Solicite um novo codigo.',
+    errorInvalidInput: 'Entrada invalida',
+    errorNotAuthenticated: 'Nao autenticado',
+    errorNotFound: 'Nao encontrado',
+    errorAuthFailed: 'Falha na autenticacao',
+    errorPasskeyRegFailed: 'Falha no registro da passkey',
+    errorPasskeyNotFound: 'Passkey nao encontrada',
+};
+export default pt;

package/dist/i18n/tr.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const tr: AuthMessages;
+export default tr;

package/dist/i18n/tr.js

@@ -0,0 +1,28 @@
+const tr = {
+    emailPlaceholder: 'sen@ornek.com',
+    continue: 'Devam',
+    codeSentTo: 'Kod gonderildi:',
+    verifying: 'Dogrulanıyor...',
+    resend: 'Almadın mı? Tekrar gonder',
+    differentEmail: 'Baska e-posta kullan',
+    passkeyCreating: 'Anahtar olusturuluyor',
+    passkeySubtitle: 'daha kolay giris icin',
+    passkeySkip: 'Atla',
+    passkeySetup: 'Anahtar olustur?',
+    passkeyAdd: 'Anahtar ekle',
+    passkeyMaybeLater: 'Belki sonra',
+    passkeySuccess: 'Anahtarın hazır!',
+    errorInvalidEmail: 'Gecerli bir e-posta adresi girin.',
+    errorGeneric: 'Bir hata olustu. Lutfen tekrar deneyin.',
+    errorResendFailed: 'Kod tekrar gonderilemedi.',
+    errorInvalidCode: 'Gecersiz kod. Lutfen tekrar deneyin.',
+    errorCodeExpired: 'Kodun suresi doldu. Yeni bir kod isteyin.',
+    errorTooManyAttempts: 'Cok fazla deneme. Yeni bir kod isteyin.',
+    errorInvalidInput: 'Gecersiz giris',
+    errorNotAuthenticated: 'Kimlik dogrulanmadı',
+    errorNotFound: 'Bulunamadı',
+    errorAuthFailed: 'Kimlik dogrulama basarısız',
+    errorPasskeyRegFailed: 'Anahtar kaydı basarısız',
+    errorPasskeyNotFound: 'Anahtar bulunamadı',
+};
+export default tr;

package/dist/i18n/types.d.ts

@@ -0,0 +1,27 @@
+export interface AuthMessages {
+    emailPlaceholder: string;
+    continue: string;
+    codeSentTo: string;
+    verifying: string;
+    resend: string;
+    differentEmail: string;
+    passkeyCreating: string;
+    passkeySubtitle: string;
+    passkeySkip: string;
+    passkeySetup: string;
+    passkeyAdd: string;
+    passkeyMaybeLater: string;
+    passkeySuccess: string;
+    errorInvalidEmail: string;
+    errorGeneric: string;
+    errorResendFailed: string;
+    errorInvalidCode: string;
+    errorCodeExpired: string;
+    errorTooManyAttempts: string;
+    errorInvalidInput: string;
+    errorNotAuthenticated: string;
+    errorNotFound: string;
+    errorAuthFailed: string;
+    errorPasskeyRegFailed: string;
+    errorPasskeyNotFound: string;
+}

package/dist/i18n/types.js

@@ -0,0 +1 @@
+export {};

package/dist/i18n/zh.d.ts

@@ -0,0 +1,3 @@
+import type { AuthMessages } from './types.js';
+declare const zh: AuthMessages;
+export default zh;

package/dist/i18n/zh.js

@@ -0,0 +1,28 @@
+const zh = {
+    emailPlaceholder: 'you@example.com',
+    continue: '继续',
+    codeSentTo: '验证码已发送至',
+    verifying: '验证中...',
+    resend: '没收到？重新发送',
+    differentEmail: '使用其他邮箱',
+    passkeyCreating: '正在创建通行密钥',
+    passkeySubtitle: '更便捷的登录方式',
+    passkeySkip: '跳过',
+    passkeySetup: '设置通行密钥？',
+    passkeyAdd: '添加通行密钥',
+    passkeyMaybeLater: '以后再说',
+    passkeySuccess: '通行密钥已就绪！',
+    errorInvalidEmail: '请输入有效的电子邮箱地址。',
+    errorGeneric: '出了点问题，请重试。',
+    errorResendFailed: '重新发送失败。',
+    errorInvalidCode: '验证码无效，请重试。',
+    errorCodeExpired: '验证码已过期，请重新获取。',
+    errorTooManyAttempts: '尝试次数过多，请重新获取验证码。',
+    errorInvalidInput: '输入无效',
+    errorNotAuthenticated: '未登录',
+    errorNotFound: '未找到',
+    errorAuthFailed: '身份验证失败',
+    errorPasskeyRegFailed: '通行密钥注册失败',
+    errorPasskeyNotFound: '未找到通行密钥',
+};
+export default zh;

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import type { AuthConfig } from './types.js';
 export { resolveConfig } from './config.js';
 export { guessDeviceName } from './device.js';
 export type { AuthConfig, AuthDB, AuthUser, FullPasskeyRecord, MaybePromise, NewPasskey, OTPRecord, OtpResult, PasskeyRecord, ResolvedConfig, SessionRecord } from './types.js';
+export type { AuthMessages } from './i18n/types.js';
+export { resolveMessages, detectLocaleClient, detectLocaleServer, locales } from './i18n/index.js';
 export declare function createAuth(config: AuthConfig): Promise<{
     handle: import("@sveltejs/kit").Handle;
     handlers: {

package/dist/index.js

@@ -3,6 +3,7 @@ import { createHandle } from './kit/handle.js';
 import { createHandlers } from './kit/handlers.js';
 export { resolveConfig } from './config.js';
 export { guessDeviceName } from './device.js';
+export { resolveMessages, detectLocaleClient, detectLocaleServer, locales } from './i18n/index.js';
 export async function createAuth(config) {
     const resolved = resolveConfig(config);
     await config.db.init();

package/dist/kit/handlers.js

@@ -2,11 +2,16 @@ import { json } from '@sveltejs/kit';
 import { generateOTP, verifyOTP } from '../otp.js';
 import { generateAuthenticationChallenge, generateRegistrationChallenge, removePasskey, verifyAuthenticationResponse, verifyRegistrationResponse } from '../passkey.js';
 import { createSession, invalidateSession, validateSession } from '../session.js';
+import { resolveMessages, detectLocaleServer } from '../i18n/index.js';
 const SESSION_MAX_AGE_SECONDS = 30 * 24 * 60 * 60;
-function requireAuth(event) {
+function getMessages(event, config) {
+    const locale = config.locale ?? detectLocaleServer(event.request);
+    return resolveMessages(locale, config.messages);
+}
+function requireAuth(event, m) {
     const user = event.locals.user;
     if (!user)
-        return json({ error: 'Not authenticated' }, { status: 401 });
+        return json({ error: m.errorNotAuthenticated }, { status: 401 });
     return user;
 }
 export function createHandlers(config) {
@@ -24,9 +29,10 @@ export function createHandlers(config) {
         start: {
             method: 'POST',
             handler: async (event) => {
+                const m = getMessages(event, config);
                 const body = await event.request.json().catch(() => null);
                 if (!body || typeof body.email !== 'string' || !body.email.includes('@')) {
-                    return json({ error: 'Invalid email' }, { status: 400 });
+                    return json({ error: m.errorInvalidEmail }, { status: 400 });
                 }
                 const { code } = await generateOTP(config.db, body.email, config);
                 await config.onSendOTP(body.email, code);
@@ -36,16 +42,17 @@ export function createHandlers(config) {
         verify: {
             method: 'POST',
             handler: async (event) => {
+                const m = getMessages(event, config);
                 const body = await event.request.json().catch(() => null);
                 if (!body || typeof body.email !== 'string' || typeof body.code !== 'string') {
-                    return json({ error: 'Invalid input' }, { status: 400 });
+                    return json({ error: m.errorInvalidInput }, { status: 400 });
                 }
                 const otp = await verifyOTP(config.db, body.email, body.code, config);
                 if (!otp.ok) {
                     const messages = {
-                        invalid: 'Invalid code. Please try again.',
-                        expired: 'Code expired. Please request a new one.',
-                        rate_limited: 'Too many attempts. Please request a new code.'
+                        invalid: m.errorInvalidCode,
+                        expired: m.errorCodeExpired,
+                        rate_limited: m.errorTooManyAttempts,
                     };
                     return json({ error: messages[otp.error] }, { status: otp.error === 'rate_limited' ? 429 : 400 });
                 }
@@ -87,12 +94,13 @@ export function createHandlers(config) {
         'passkey/login-finish': {
             method: 'POST',
             handler: async (event) => {
+                const m = getMessages(event, config);
                 const body = await event.request.json().catch(() => null);
                 if (!body)
-                    return json({ error: 'Invalid input' }, { status: 400 });
+                    return json({ error: m.errorInvalidInput }, { status: 400 });
                 const result = await verifyAuthenticationResponse(config.db, body, event.url);
                 if (!result)
-                    return json({ error: 'Authentication failed' }, { status: 401 });
+                    return json({ error: m.errorAuthFailed }, { status: 401 });
                 const session = await createSession(config.db, result.user.id, config);
                 event.cookies.set(config.cookie, session.sessionToken, cookieOpts(event));
                 return json({ user: result.user });
@@ -101,7 +109,8 @@ export function createHandlers(config) {
         'passkey/register-start': {
             method: 'POST',
             handler: async (event) => {
-                const user = requireAuth(event);
+                const m = getMessages(event, config);
+                const user = requireAuth(event, m);
                 if (user instanceof Response)
                     return user;
                 const options = await generateRegistrationChallenge(config.db, user, event.url, config);
@@ -111,18 +120,19 @@ export function createHandlers(config) {
         'passkey/register-finish': {
             method: 'POST',
             handler: async (event) => {
-                const user = requireAuth(event);
+                const m = getMessages(event, config);
+                const user = requireAuth(event, m);
                 if (user instanceof Response)
                     return user;
                 const body = await event.request.json().catch(() => null);
                 if (!body)
-                    return json({ error: 'Invalid input' }, { status: 400 });
+                    return json({ error: m.errorInvalidInput }, { status: 400 });
                 const { name, ...response } = body;
                 const passkeyName = typeof name === 'string' && name.trim() ? name.trim() : null;
                 const result = await verifyRegistrationResponse(config.db, user.id, response, event.url, passkeyName);
                 if (!result.ok) {
                     console.error('register-finish failed:', result.reason);
-                    return json({ error: 'Passkey registration failed', reason: result.reason }, { status: 400 });
+                    return json({ error: m.errorPasskeyRegFailed, reason: result.reason }, { status: 400 });
                 }
                 return json({ success: true });
             }
@@ -130,23 +140,25 @@ export function createHandlers(config) {
         'passkey/remove': {
             method: 'POST',
             handler: async (event) => {
-                const user = requireAuth(event);
+                const m = getMessages(event, config);
+                const user = requireAuth(event, m);
                 if (user instanceof Response)
                     return user;
                 const body = await event.request.json().catch(() => null);
                 if (!body || typeof body.passkeyId !== 'string') {
-                    return json({ error: 'Invalid input' }, { status: 400 });
+                    return json({ error: m.errorInvalidInput }, { status: 400 });
                 }
                 const success = await removePasskey(config.db, body.passkeyId, user.id);
                 if (!success)
-                    return json({ error: 'Passkey not found' }, { status: 404 });
+                    return json({ error: m.errorPasskeyNotFound }, { status: 404 });
                 return json({ success: true });
             }
         },
         'skip-passkey': {
             method: 'POST',
             handler: async (event) => {
-                const user = requireAuth(event);
+                const m = getMessages(event, config);
+                const user = requireAuth(event, m);
                 if (user instanceof Response)
                     return user;
                 await config.db.setSkipPasskeyPrompt(user.id, true);
@@ -162,22 +174,24 @@ export function createHandlers(config) {
     }
     return {
         GET: async (event) => {
+            const m = getMessages(event, config);
             const path = getRoute(event);
             if (!path)
-                return json({ error: 'Not found' }, { status: 404 });
+                return json({ error: m.errorNotFound }, { status: 404 });
             const route = routes[path];
             if (!route || route.method !== 'GET') {
-                return json({ error: 'Not found' }, { status: 404 });
+                return json({ error: m.errorNotFound }, { status: 404 });
             }
             return route.handler(event);
         },
         POST: async (event) => {
+            const m = getMessages(event, config);
             const path = getRoute(event);
             if (!path)
-                return json({ error: 'Not found' }, { status: 404 });
+                return json({ error: m.errorNotFound }, { status: 404 });
             const route = routes[path];
             if (!route || route.method !== 'POST') {
-                return json({ error: 'Not found' }, { status: 404 });
+                return json({ error: m.errorNotFound }, { status: 404 });
             }
             return route.handler(event);
         }

package/dist/types.d.ts

@@ -86,8 +86,12 @@ export interface AuthConfig {
     otpLength?: number;
     otpMaxAttempts?: number;
     rpName?: string;
+    locale?: string;
+    messages?: Partial<import('./i18n/types.js').AuthMessages>;
     onSendOTP: (email: string, code: string) => Promise<void>;
 }
-export interface ResolvedConfig extends Required<Omit<AuthConfig, 'onSendOTP'>> {
+export interface ResolvedConfig extends Required<Omit<AuthConfig, 'onSendOTP' | 'locale' | 'messages'>> {
+    locale?: string;
+    messages?: Partial<import('./i18n/types.js').AuthMessages>;
     onSendOTP: (email: string, code: string) => Promise<void>;
 }

package/package.json

@@ -1,92 +1,92 @@
 {
-	"name": "@mrgnw/anahtar",
-	"version": "0.0.11",
-	"description": "Opinionated, reusable auth for SvelteKit. Email+OTP + passkeys.",
-	"license": "MIT",
-	"type": "module",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/mrgnw/anahtar.git"
-	},
-	"publishConfig": {
-		"registry": "https://registry.npmjs.org/",
-		"access": "public"
-	},
-	"scripts": {
-		"build": "svelte-package",
-		"check": "svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run --config vitest.unit.ts && vitest run --config vitest.browser.ts",
-		"test:unit": "vitest run --config vitest.unit.ts",
-		"test:browser": "vitest run --config vitest.browser.ts",
-		"prepublishOnly": "pnpm build"
-	},
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"default": "./dist/index.js"
-		},
-		"./sqlite": {
-			"types": "./dist/db/sqlite.d.ts",
-			"default": "./dist/db/sqlite.js"
-		},
-		"./postgres": {
-			"types": "./dist/db/postgres.d.ts",
-			"default": "./dist/db/postgres.js"
-		},
-		"./d1": {
-			"types": "./dist/db/d1.d.ts",
-			"default": "./dist/db/d1.js"
-		},
-		"./components": {
-			"types": "./dist/components/index.d.ts",
-			"svelte": "./dist/components/index.js",
-			"default": "./dist/components/index.js"
-		}
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*"
-	],
-	"peerDependencies": {
-		"@simplewebauthn/browser": "^13.0.0",
-		"@sveltejs/kit": "^2.0.0",
-		"svelte": "^5.0.0"
-	},
-	"peerDependenciesMeta": {
-		"svelte": {
-			"optional": true
-		},
-		"@simplewebauthn/browser": {
-			"optional": true
-		}
-	},
-	"dependencies": {
-		"@oslojs/crypto": "^1.0.1",
-		"@oslojs/encoding": "^1.1.0",
-		"@simplewebauthn/server": "^13.2.2"
-	},
-	"pnpm": {
-		"onlyBuiltDependencies": [
-			"better-sqlite3"
-		]
-	},
-	"devDependencies": {
-		"@simplewebauthn/browser": "^13.2.2",
-		"@sveltejs/kit": "^2.31.1",
-		"@sveltejs/package": "^2.3.7",
-		"@sveltejs/vite-plugin-svelte": "^6.2.4",
-		"@testing-library/jest-dom": "^6.9.1",
-		"@testing-library/svelte": "^5.3.1",
-		"@testing-library/user-event": "^14.6.1",
-		"@types/better-sqlite3": "^7.6.13",
-		"better-sqlite3": "^12.6.2",
-		"happy-dom": "^20.6.1",
-		"svelte": "^5.38.1",
-		"svelte-check": "^4.3.1",
-		"typescript": "^5.9.2",
-		"vitest": "^3.2.1"
-	}
+  "name": "@mrgnw/anahtar",
+  "version": "0.0.12",
+  "description": "Opinionated, reusable auth for SvelteKit. Email+OTP + passkeys.",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mrgnw/anahtar.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "svelte-package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "test": "vitest run --config vitest.unit.ts && vitest run --config vitest.browser.ts",
+    "test:unit": "vitest run --config vitest.unit.ts",
+    "test:browser": "vitest run --config vitest.browser.ts",
+    "prepublishOnly": "pnpm build"
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./sqlite": {
+      "types": "./dist/db/sqlite.d.ts",
+      "default": "./dist/db/sqlite.js"
+    },
+    "./postgres": {
+      "types": "./dist/db/postgres.d.ts",
+      "default": "./dist/db/postgres.js"
+    },
+    "./d1": {
+      "types": "./dist/db/d1.d.ts",
+      "default": "./dist/db/d1.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "svelte": "./dist/components/index.js",
+      "default": "./dist/components/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*"
+  ],
+  "peerDependencies": {
+    "@simplewebauthn/browser": "^13.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "svelte": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "svelte": {
+      "optional": true
+    },
+    "@simplewebauthn/browser": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@oslojs/crypto": "^1.0.1",
+    "@oslojs/encoding": "^1.1.0",
+    "@simplewebauthn/server": "^13.2.2"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "better-sqlite3"
+    ]
+  },
+  "devDependencies": {
+    "@simplewebauthn/browser": "^13.2.2",
+    "@sveltejs/kit": "^2.31.1",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/better-sqlite3": "^7.6.13",
+    "better-sqlite3": "^12.6.2",
+    "happy-dom": "^20.6.1",
+    "svelte": "^5.38.1",
+    "svelte-check": "^4.3.1",
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.1"
+  }
 }