@better-auth-ui/core 1.6.0 → 1.6.2

package/dist/lib/utils.js

@@ -1,116 +1,48 @@
-/**
- * Type guard that checks whether a value is a non-null, non-array object.
- */
-function isObject(item) {
-    return item !== null && typeof item === "object" && !Array.isArray(item);
+//#region src/lib/utils.ts
+function e(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-/**
- * Type guard that checks whether a value is a plain object suitable for deep merging.
- * Excludes `Date`, `RegExp`, and other special object types.
- */
-function isPlainObject(item) {
-    if (!isObject(item))
-        return false;
-    // Handle special object types that should not be merged
-    if (item instanceof Date)
-        return false;
-    if (item instanceof RegExp)
-        return false;
-    return true;
+function t(t) {
+	return !(!e(t) || t instanceof Date || t instanceof RegExp);
 }
-/**
- * Resize and square-crop an image file for use as an avatar.
- *
- * The image is center-cropped to a square, scaled down to at most {@link size} pixels,
- * and converted to the specified output format.
- *
- * @param file - The source image file.
- * @param size - Max dimension in pixels for the output image.
- * @param extension - Output format. Use `"inherit"` to keep the original format.
- * @returns A promise that resolves to the processed `File`.
- */
-export function resizeAvatar(file, size = 256, extension = "png") {
-    const MAX_SIZE = size;
-    const resolvedExtension = extension === "inherit" ? file.name.split(".").pop() : extension;
-    const mimeType = extension === "inherit"
-        ? file.type
-        : `image/${extension === "jpg" ? "jpeg" : extension}`;
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        const url = URL.createObjectURL(file);
-        img.onload = () => {
-            URL.revokeObjectURL(url);
-            const { naturalWidth: w, naturalHeight: h } = img;
-            const side = Math.min(w, h);
-            const cropX = (w - side) / 2;
-            const cropY = (h - side) / 2;
-            const outSize = Math.min(side, MAX_SIZE);
-            const canvas = document.createElement("canvas");
-            canvas.width = outSize;
-            canvas.height = outSize;
-            const ctx = canvas.getContext("2d");
-            if (!ctx) {
-                reject(new Error("Could not get canvas context"));
-                return;
-            }
-            ctx.drawImage(img, cropX, cropY, side, side, 0, 0, outSize, outSize);
-            canvas.toBlob((blob) => {
-                if (!blob) {
-                    reject(new Error("Could not create blob from canvas"));
-                    return;
-                }
-                resolve(new File([blob], file.name.replace(/\.[^.]+$/, `.${resolvedExtension}`), {
-                    type: mimeType
-                }));
-            }, mimeType, 1);
-        };
-        img.onerror = () => {
-            URL.revokeObjectURL(url);
-            reject(new Error("Failed to load image"));
-        };
-        img.src = url;
-    });
+function n(e, t = 256, n = "png") {
+	let r = t, i = n === "inherit" ? e.name.split(".").pop() : n, a = n === "inherit" ? e.type : `image/${n === "jpg" ? "jpeg" : n}`;
+	return new Promise((t, n) => {
+		let o = new Image(), s = URL.createObjectURL(e);
+		o.onload = () => {
+			URL.revokeObjectURL(s);
+			let { naturalWidth: c, naturalHeight: l } = o, u = Math.min(c, l), d = (c - u) / 2, f = (l - u) / 2, p = Math.min(u, r), m = document.createElement("canvas");
+			m.width = p, m.height = p;
+			let h = m.getContext("2d");
+			if (!h) {
+				n(/* @__PURE__ */ Error("Could not get canvas context"));
+				return;
+			}
+			h.drawImage(o, d, f, u, u, 0, 0, p, p), m.toBlob((r) => {
+				if (!r) {
+					n(/* @__PURE__ */ Error("Could not create blob from canvas"));
+					return;
+				}
+				t(new File([r], e.name.replace(/\.[^.]+$/, `.${i}`), { type: a }));
+			}, a, 1);
+		}, o.onerror = () => {
+			URL.revokeObjectURL(s), n(/* @__PURE__ */ Error("Failed to load image"));
+		}, o.src = s;
+	});
 }
-/**
- * Convert a `File` to a base64-encoded data URL string.
- *
- * @param file - The file to encode.
- * @returns A promise that resolves to the base64 data URL.
- */
-export function fileToBase64(file) {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = () => reject(new Error("Failed to read file"));
-        reader.readAsDataURL(file);
-    });
+function r(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => t(r.result), r.onerror = () => n(/* @__PURE__ */ Error("Failed to read file")), r.readAsDataURL(e);
+	});
 }
-/**
- * Recursively merge `source` into `target`, producing a new object.
- *
- * - Plain objects are merged key-by-key; nested objects are merged recursively.
- * - `undefined` values in `source` are skipped (existing `target` values are preserved).
- * - Non-plain values (arrays, `Date`, `RegExp`, primitives, functions) in `source`
- *   replace the corresponding `target` value outright.
- *
- * @param target - The base object.
- * @param source - Partial overrides to apply on top of `target`.
- * @returns A new merged object of type `T`.
- */
-export function deepmerge(target, source) {
-    if (isPlainObject(target) && isPlainObject(source)) {
-        const result = { ...target };
-        for (const [key, value] of Object.entries(source)) {
-            if (value === undefined)
-                continue; // skip undefineds
-            if (key in target) {
-                result[key] = deepmerge(target[key], value);
-            }
-            else {
-                result[key] = value;
-            }
-        }
-        return result;
-    }
-    return source;
+function i(e, n) {
+	if (t(e) && t(n)) {
+		let t = { ...e };
+		for (let [r, a] of Object.entries(n)) a !== void 0 && (r in e ? t[r] = i(e[r], a) : t[r] = a);
+		return t;
+	}
+	return n;
 }
+//#endregion
+export { i as deepmerge, r as fileToBase64, n as resizeAvatar };

package/dist/lib/view-paths.js

@@ -1,14 +1,17 @@
-export const viewPaths = {
-    auth: {
-        signIn: "sign-in",
-        signUp: "sign-up",
-        magicLink: "magic-link",
-        forgotPassword: "forgot-password",
-        resetPassword: "reset-password",
-        signOut: "sign-out"
-    },
-    settings: {
-        account: "account",
-        security: "security"
-    }
+//#region src/lib/view-paths.ts
+var e = {
+	auth: {
+		signIn: "sign-in",
+		signUp: "sign-up",
+		magicLink: "magic-link",
+		forgotPassword: "forgot-password",
+		resetPassword: "reset-password",
+		signOut: "sign-out"
+	},
+	settings: {
+		account: "account",
+		security: "security"
+	}
 };
+//#endregion
+export { e as viewPaths };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@better-auth-ui/core",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "type": "module",
   "scripts": {
-    "build": "tsc",
+    "build": "vite build",
     "dev": "tsc --watch",
     "test": "vitest"
   },
@@ -15,16 +15,21 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "devDependencies": {
-    "better-auth": "^1.6.4",
+    "better-auth": "^1.6.5",
     "vitest": "^4.1.4"
   },
   "peerDependencies": {
-    "better-auth": ">=1.6.4"
+    "better-auth": ">=1.6.5"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/better-auth-ui/better-auth-ui",
+    "directory": "packages/core"
   },
   "publishConfig": {
     "access": "public"

package/src/config/auth-config.ts

@@ -8,6 +8,7 @@ import type { AppearanceConfig } from "./appearance-config"
 import type { AvatarConfig } from "./avatar-config"
 import type { DeleteUserConfig } from "./delete-user-config"
 import type { EmailAndPasswordConfig } from "./email-and-password-config"
+import type { UsernameConfig } from "./username-config"
 
 /**
  * Core authentication configuration interface.
@@ -53,10 +54,12 @@ export interface AuthConfig {
    * @remarks `Localization`
    */
   localization: Localization
-  /** Whether magic link (passwordless) authentication is enabled */
+  /** Whether Magic Link plugin is enabled */
   magicLink?: boolean
-  /** Whether multi-session support is enabled */
+  /** Whether Multi Session plugin is enabled */
   multiSession?: boolean
+  /** Whether Passkey plugin is enabled */
+  passkey?: boolean
   /**
    * Default redirect path after successful authentication
    * @default "/"
@@ -72,6 +75,11 @@ export interface AuthConfig {
    * @remarks `ViewPaths`
    */
   viewPaths: ViewPaths
+  /**
+   * Username plugin configuration
+   * @remarks `UsernameConfig`
+   */
+  username: UsernameConfig
   /**
    * Function to navigate to a new path
    * @param options - Navigation options with href and optional replace flag
@@ -107,6 +115,13 @@ export const defaultAuthConfig: AuthConfig = {
   redirectTo: "/",
   viewPaths,
   localization,
+  username: {
+    enabled: false,
+    displayUsername: true,
+    isUsernameAvailable: true,
+    minUsernameLength: 3,
+    maxUsernameLength: 30
+  },
   navigate: ({ to, replace }) => {
     if (replace) {
       window.location.replace(to)

package/src/config/index.ts

@@ -3,3 +3,4 @@ export * from "./auth-config"
 export * from "./avatar-config"
 export * from "./delete-user-config"
 export * from "./email-and-password-config"
+export * from "./username-config"

package/src/config/username-config.ts

@@ -0,0 +1,18 @@
+export interface UsernameConfig {
+  /** Whether the username plugin is enabled */
+  enabled: boolean
+  /** Whether to use displayUsername for the visible username field */
+  displayUsername: boolean
+  /** Whether to check username availability on sign-up and user profile */
+  isUsernameAvailable: boolean
+  /**
+   * Minimum allowed username length
+   * @default 3
+   */
+  minUsernameLength: number
+  /**
+   * Maximum allowed username length
+   * @default 30
+   */
+  maxUsernameLength: number
+}

package/src/lib/localization.ts

@@ -60,6 +60,9 @@ export const localization = {
     /** @remarks `"OR"` */
     or: "OR",
 
+    /** @remarks `"Passkey"` */
+    passkey: "Passkey",
+
     /** @remarks `"Password"` */
     password: "Password",
 
@@ -108,6 +111,21 @@ export const localization = {
     /** @remarks `"Switch Account"` */
     switchAccount: "Switch Account",
 
+    /** @remarks `"Username"` */
+    username: "Username",
+
+    /** @remarks `"Username is available"` */
+    usernameAvailable: "Username is available",
+
+    /** @remarks `"Enter your username or email"` */
+    usernameOrEmailPlaceholder: "Enter your username or email",
+
+    /** @remarks `"Enter your username"` */
+    usernamePlaceholder: "Enter your username",
+
+    /** @remarks `"Username is already taken. Please try another."` */
+    usernameTaken: "Username is already taken. Please try another.",
+
     /** @remarks `"Verification email sent!"` */
     verificationEmailSent: "Verification email sent!",
 
@@ -203,6 +221,21 @@ export const localization = {
     /** @remarks `"Manage accounts"` */
     manageAccounts: "Manage accounts",
 
+    /** @remarks `"Add passkey"` */
+    addPasskey: "Add passkey",
+
+    /** @remarks `"Delete"` */
+    delete: "Delete",
+
+    /** @remarks `"Passkeys"` */
+    passkeys: "Passkeys",
+
+    /** @remarks `"Manage your passkeys for secure access."` */
+    passkeysDescription: "Manage your passkeys for secure access.",
+
+    /** @remarks `"Securely access your account without a password."` */
+    passkeysInstructions: "Securely access your account without a password.",
+
     /** @remarks `"Profile"` */
     profile: "Profile",
 

package/dist/base-paths.d.ts

@@ -1,21 +0,0 @@
-/**
- * Base path configuration for authentication, settings, and organization routes.
- */
-export type BasePaths = {
-    /**
-     * Base path for authentication routes
-     * @default "/auth"
-     */
-    auth: string;
-    /**
-     * Base path for settings routes
-     * @default "/settings"
-     */
-    settings: string;
-    /**
-     * Base path for organization management routes
-     * @default "/organization"
-     */
-    organization: string;
-};
-export declare const basePaths: BasePaths;

package/dist/base-paths.js

@@ -1,5 +0,0 @@
-export const basePaths = {
-    auth: "/auth",
-    settings: "/settings",
-    organization: "/organization"
-};

package/dist/config/appearance-config.js

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

package/dist/config/avatar-config.js

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

package/dist/config/delete-user-config.js

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

package/dist/config/email-and-password-config.js

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

package/dist/config/index.js

@@ -1,5 +0,0 @@
-export * from "./appearance-config";
-export * from "./auth-config";
-export * from "./avatar-config";
-export * from "./delete-user-config";
-export * from "./email-and-password-config";

package/dist/config/settings-config.d.ts

@@ -1,17 +0,0 @@
-import type { AppearanceConfig } from "./appearance-config";
-import type { AvatarConfig } from "./avatar-config";
-/**
- * Configuration options for user settings.
- */
-export type SettingsConfig = {
-    /**
-     * Appearance/theme configuration
-     * @default { themes: ["system", "light", "dark"] }
-     */
-    appearance: AppearanceConfig;
-    /**
-     * Avatar upload, optimization, and deletion configuration.
-     * @default { enabled: true, optimize: optimizeAvatar, size: 256 }
-     */
-    avatar: AvatarConfig;
-};

package/dist/config/settings-config.js

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

package/dist/config/toast-config.d.ts

@@ -1,58 +0,0 @@
-/**
- * Function signature for rendering a toast notification.
- *
- * @param message - The message to display in the toast.
- * @param options - Optional configuration for the toast.
- * @param options.action - Action button displayed within the toast.
- * @param options.action.label - Label text for the action button.
- * @param options.action.onClick - Callback invoked when the action button is clicked.
- * @param options.actionProps - Alternative action props (used by some toast libraries).
- * @param options.actionProps.children - Label text for the action button.
- * @param options.actionProps.onClick - Callback invoked when the action button is clicked.
- * @returns A toast identifier (type varies by toast library), or void.
- */
-export type RenderToast = (message?: string, options?: {
-    action?: {
-        label: string;
-        onClick: () => Promise<void> | void;
-    };
-    actionProps?: {
-        children: string;
-        onClick: () => Promise<void> | void;
-    };
-}) => string | number | unknown;
-/**
- * Function signature for dismissing a toast notification by its ID.
- *
- * @param id - The identifier of the toast to dismiss (returned by {@link RenderToast}).
- * @returns A toast identifier, or void.
- */
-export type DismissToast = (id?: number | string | unknown | any) => string | number | unknown;
-/**
- * Fallback toast implementation using native browser dialogs.
- *
- * Uses `confirm()` for toasts with an action (invokes the action on confirm)
- * and `alert()` for plain messages.
- */
-export declare const defaultToast: RenderToast;
-/**
- * Configuration for toast notifications used throughout the UI.
- *
- * Provide your own toast library functions (e.g. sonner, react-hot-toast)
- * to customize how notifications are displayed.
- */
-export type ToastConfig = {
-    /** Display an error toast notification. */
-    error: RenderToast;
-    /** Display a danger toast notification (e.g. destructive actions). */
-    danger?: RenderToast;
-    /** Display a success toast notification. */
-    success: RenderToast;
-    /** Display an informational toast notification. */
-    info: RenderToast;
-    /**
-     * Dismiss a toast notification by its ID.
-     * When provided, allows programmatic dismissal of active toasts.
-     */
-    dismiss?: DismissToast;
-};

package/dist/config/toast-config.js

@@ -1,16 +0,0 @@
-/**
- * Fallback toast implementation using native browser dialogs.
- *
- * Uses `confirm()` for toasts with an action (invokes the action on confirm)
- * and `alert()` for plain messages.
- */
-export const defaultToast = (message, options) => {
-    if (options?.action) {
-        if (confirm(message)) {
-            options.action.onClick();
-        }
-    }
-    else {
-        alert(message);
-    }
-};

package/dist/lib/auth-callback-options.d.ts

@@ -1,8 +0,0 @@
-import type { AuthError } from "./auth-error";
-/**
- * Common callback options for auth operations.
- */
-export interface AuthCallbackOptions {
-    onError?: (error: AuthError) => unknown | Promise<unknown>;
-    onSuccess?: () => unknown | Promise<unknown>;
-}

package/dist/lib/auth-callback-options.js

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