@better-auth-ui/core 1.6.3 → 1.6.4

package/src/plugins/theme/theme-plugin.ts

@@ -0,0 +1,33 @@
+import { createAuthPlugin } from "../../lib/create-auth-plugin"
+import { type ThemeLocalization, themeLocalization } from "./theme-localization"
+
+export type ThemePluginOptions = {
+  /**
+   * Override the plugin's default localization strings.
+   * @remarks `ThemeLocalization`
+   */
+  localization?: Partial<ThemeLocalization>
+  /**
+   * Initial theme value
+   */
+  theme?: string
+  /**
+   * Function to set the theme.
+   */
+  setTheme: (theme: string) => void
+  /**
+   * Available theme options
+   * @default ["system", "light", "dark"]
+   */
+  themes?: string[]
+}
+
+export const themePlugin = createAuthPlugin(
+  "theme",
+  (options: ThemePluginOptions) => ({
+    localization: { ...themeLocalization, ...options.localization },
+    theme: options.theme ?? "system",
+    setTheme: options.setTheme,
+    themes: options.themes ?? ["system", "light", "dark"]
+  })
+)

package/src/plugins/username/username-localization.ts

@@ -0,0 +1,24 @@
+export const usernameLocalization = {
+  /** @remarks `"Username"` */
+  username: "Username",
+
+  /** @remarks `"Enter your username"` */
+  usernamePlaceholder: "Enter your username",
+
+  /** @remarks `"Enter your username or email"` */
+  usernameOrEmailPlaceholder: "Enter your username or email",
+
+  /** @remarks `"Username is available"` */
+  usernameAvailable: "Username is available",
+
+  /** @remarks `"Username is already taken. Please try another."` */
+  usernameTaken: "Username is already taken. Please try another.",
+
+  /** @remarks `"Display Username"` */
+  displayUsername: "Display Username",
+
+  /** @remarks `"Enter your display username"` */
+  displayUsernamePlaceholder: "Enter your display username"
+}
+
+export type UsernameLocalization = typeof usernameLocalization

package/src/plugins/username/username-plugin.ts

@@ -0,0 +1,70 @@
+import { createAuthPlugin } from "../../lib/create-auth-plugin"
+import {
+  type UsernameLocalization,
+  usernameLocalization
+} from "./username-localization"
+
+export type UsernamePluginOptions = {
+  /**
+   * Whether to use displayUsername for the visible username field in the profile.
+   */
+  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
+  /**
+   * Override the plugin's default localization strings.
+   * @remarks `UsernameLocalization`
+   */
+  localization?: Partial<UsernameLocalization>
+}
+
+export const usernamePlugin = createAuthPlugin(
+  "username",
+  (options: UsernamePluginOptions = {}) => {
+    const minUsernameLength = options.minUsernameLength ?? 3
+    const maxUsernameLength = options.maxUsernameLength ?? 30
+    const localization = { ...usernameLocalization, ...options.localization }
+
+    return {
+      ...options,
+      minUsernameLength,
+      maxUsernameLength,
+      localization,
+      additionalFields: [
+        {
+          name: "username",
+          type: "string" as const,
+          label: localization.username,
+          placeholder: localization.usernamePlaceholder,
+          inputType: "input" as const,
+          signUp: "above" as const,
+          required: true
+        },
+        ...(options.displayUsername
+          ? [
+              {
+                name: "displayUsername",
+                type: "string" as const,
+                label: localization.displayUsername,
+                placeholder: localization.displayUsernamePlaceholder,
+                inputType: "input" as const,
+                signUp: "above" as const
+              }
+            ]
+          : [])
+      ]
+    }
+  }
+)

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

@@ -1,23 +0,0 @@
-/**
- * Available theme options for the application.
- */
-export type Theme = "system" | "light" | "dark";
-/**
- * Configuration options for appearance/theme settings.
- */
-export type AppearanceConfig = {
-    /**
-     * Function to set the application theme
-     * @param theme - The theme value to set
-     */
-    setTheme?: (theme: string) => void;
-    /**
-     * Current theme value
-     */
-    theme?: string;
-    /**
-     * Available theme options to display in the theme switcher
-     * @default ["system", "light", "dark"]
-     */
-    themes: Theme[];
-};

package/dist/config/delete-user-config.d.ts

@@ -1,14 +0,0 @@
-/**
- * Configuration for account deletion in the UI (mirrors server `user.deleteUser` flags).
- */
-export interface DeleteUserConfig {
-    /**
-     * Whether the delete user feature is enabled.
-     */
-    enabled?: boolean;
-    /**
-     * When `true`, matches server `sendDeleteAccountVerification`: deletion starts by sending a
-     * verification email instead of deleting immediately in this request.
-     */
-    sendDeleteAccountVerification?: boolean;
-}

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

@@ -1,18 +0,0 @@
-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/config/appearance-config.ts

@@ -1,24 +0,0 @@
-/**
- * Available theme options for the application.
- */
-export type Theme = "system" | "light" | "dark"
-
-/**
- * Configuration options for appearance/theme settings.
- */
-export type AppearanceConfig = {
-  /**
-   * Function to set the application theme
-   * @param theme - The theme value to set
-   */
-  setTheme?: (theme: string) => void
-  /**
-   * Current theme value
-   */
-  theme?: string
-  /**
-   * Available theme options to display in the theme switcher
-   * @default ["system", "light", "dark"]
-   */
-  themes: Theme[]
-}

package/src/config/delete-user-config.ts

@@ -1,14 +0,0 @@
-/**
- * Configuration for account deletion in the UI (mirrors server `user.deleteUser` flags).
- */
-export interface DeleteUserConfig {
-  /**
-   * Whether the delete user feature is enabled.
-   */
-  enabled?: boolean
-  /**
-   * When `true`, matches server `sendDeleteAccountVerification`: deletion starts by sending a
-   * verification email instead of deleting immediately in this request.
-   */
-  sendDeleteAccountVerification?: boolean
-}

package/src/config/username-config.ts

@@ -1,18 +0,0 @@
-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
-}