@draftlab/auth 0.15.0 → 0.16.0

package/dist/ui/password.mjs

@@ -1,402 +0,0 @@
-import { run } from "../util.mjs";
-import { Layout, renderToHTML } from "./base.mjs";
-import { FormAlert } from "./form.mjs";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-
-//#region src/ui/password.tsx
-/**
-* Default copy text for password authentication UI
-*/
-const DEFAULT_COPY = {
-	error_email_taken: "There is already an account with this email.",
-	error_invalid_code: "Code is incorrect.",
-	error_invalid_email: "Email is not valid.",
-	error_invalid_password: "Password is incorrect.",
-	error_password_mismatch: "Passwords do not match.",
-	register: "Register",
-	register_prompt: "Don't have an account?",
-	login_prompt: "Already have an account?",
-	login: "Login",
-	change_prompt: "Forgot password?",
-	code_resend: "Resend code",
-	code_return: "Back to",
-	input_email: "Email",
-	input_password: "Password",
-	input_code: "Code",
-	input_repeat: "Repeat password",
-	button_continue: "Continue",
-	logo: "A"
-};
-/**
-* Creates a complete UI configuration for password-based authentication
-*/
-const PasswordUI = (options) => {
-	const copy = {
-		...DEFAULT_COPY,
-		...options.copy
-	};
-	/**
-	* Gets the appropriate error message for display
-	*/
-	const getErrorMessage = (error) => {
-		if (!error?.type) return void 0;
-		if (error.type === "validation_error" && "message" in error && error.message) return error.message;
-		return copy[`error_${error.type}`];
-	};
-	/**
-	* Renders the login form with email and password inputs
-	*/
-	const renderLogin = (form, error) => /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs("form", {
-		"data-component": "form",
-		method: "post",
-		children: [
-			/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-			/* @__PURE__ */ jsx("input", {
-				type: "email",
-				name: "email",
-				placeholder: copy.input_email,
-				value: form?.get("email")?.toString() || "",
-				autoComplete: "email",
-				"data-component": "input",
-				required: true
-			}),
-			/* @__PURE__ */ jsx("input", {
-				type: "password",
-				name: "password",
-				placeholder: copy.input_password,
-				autoComplete: "current-password",
-				"data-component": "input",
-				required: true
-			}),
-			/* @__PURE__ */ jsx("button", {
-				"data-component": "button",
-				type: "submit",
-				children: copy.button_continue
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				"data-component": "form-footer",
-				children: [/* @__PURE__ */ jsxs("span", { children: [
-					copy.register_prompt,
-					" ",
-					/* @__PURE__ */ jsx("a", {
-						"data-component": "link",
-						href: "./register",
-						children: copy.register
-					})
-				] }), /* @__PURE__ */ jsx("a", {
-					"data-component": "link",
-					href: "./change",
-					children: copy.change_prompt
-				})]
-			})
-		]
-	}) });
-	/**
-	* Renders the registration form based on current state
-	*/
-	const renderRegister = (state, form, error) => {
-		const emailError = ["invalid_email", "email_taken"].includes(error?.type || "");
-		const passwordError = [
-			"invalid_password",
-			"password_mismatch",
-			"validation_error"
-		].includes(error?.type || "");
-		return /* @__PURE__ */ jsx(Layout, { children: run(() => {
-			if (state.type === "start") return /* @__PURE__ */ jsxs("form", {
-				"data-component": "form",
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "register"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "email",
-						name: "email",
-						placeholder: copy.input_email,
-						value: emailError ? "" : form?.get("email")?.toString() || "",
-						autoComplete: "email",
-						"data-component": "input",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "password",
-						name: "password",
-						placeholder: copy.input_password,
-						value: passwordError ? "" : form?.get("password")?.toString() || "",
-						autoComplete: "new-password",
-						"data-component": "input",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "password",
-						name: "repeat",
-						placeholder: copy.input_repeat,
-						autoComplete: "new-password",
-						"data-component": "input",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("button", {
-						"data-component": "button",
-						type: "submit",
-						children: copy.button_continue
-					}),
-					/* @__PURE__ */ jsx("div", {
-						"data-component": "form-footer",
-						children: /* @__PURE__ */ jsxs("span", { children: [
-							copy.login_prompt,
-							" ",
-							/* @__PURE__ */ jsx("a", {
-								"data-component": "link",
-								href: "./authorize",
-								children: copy.login
-							})
-						] })
-					})
-				]
-			});
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
-				"data-component": "form",
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "verify"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "text",
-						name: "code",
-						placeholder: copy.input_code,
-						"aria-label": "6-digit verification code",
-						autoComplete: "one-time-code",
-						"data-component": "input",
-						inputMode: "numeric",
-						maxLength: 6,
-						minLength: 6,
-						pattern: "[0-9]{6}",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("button", {
-						"data-component": "button",
-						type: "submit",
-						children: copy.button_continue
-					})
-				]
-			}), /* @__PURE__ */ jsxs("form", {
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "register"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						name: "email",
-						type: "hidden",
-						value: state.email
-					}),
-					/* @__PURE__ */ jsx("input", {
-						name: "password",
-						type: "hidden",
-						value: ""
-					}),
-					/* @__PURE__ */ jsx("input", {
-						name: "repeat",
-						type: "hidden",
-						value: ""
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						"data-component": "form-footer",
-						children: [/* @__PURE__ */ jsxs("span", { children: [
-							copy.code_return,
-							" ",
-							/* @__PURE__ */ jsx("a", {
-								"data-component": "link",
-								href: "./authorize",
-								children: copy.login
-							})
-						] }), /* @__PURE__ */ jsx("button", {
-							type: "submit",
-							"data-component": "link",
-							children: copy.code_resend
-						})]
-					})
-				]
-			})] });
-		}) });
-	};
-	/**
-	* Renders the password change form based on current state
-	*/
-	const renderChange = (state, form, error) => {
-		const passwordError = [
-			"invalid_password",
-			"password_mismatch",
-			"validation_error"
-		].includes(error?.type || "");
-		return /* @__PURE__ */ jsx(Layout, { children: run(() => {
-			if (state.type === "start") return /* @__PURE__ */ jsxs("form", {
-				"data-component": "form",
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "code"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "email",
-						name: "email",
-						placeholder: copy.input_email,
-						value: form?.get("email")?.toString() || "",
-						autoComplete: "email",
-						"data-component": "input",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("button", {
-						"data-component": "button",
-						type: "submit",
-						children: copy.button_continue
-					}),
-					/* @__PURE__ */ jsx("div", {
-						"data-component": "form-footer",
-						children: /* @__PURE__ */ jsxs("span", { children: [
-							copy.code_return,
-							" ",
-							/* @__PURE__ */ jsx("a", {
-								"data-component": "link",
-								href: "./authorize",
-								children: copy.login
-							})
-						] })
-					})
-				]
-			});
-			if (state.type === "code") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
-				"data-component": "form",
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "verify"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "text",
-						name: "code",
-						placeholder: copy.input_code,
-						"aria-label": "6-digit verification code",
-						autoComplete: "one-time-code",
-						inputMode: "numeric",
-						maxLength: 6,
-						minLength: 6,
-						"data-component": "input",
-						pattern: "[0-9]{6}",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("button", {
-						"data-component": "button",
-						type: "submit",
-						children: copy.button_continue
-					})
-				]
-			}), /* @__PURE__ */ jsxs("form", {
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "code"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						name: "email",
-						type: "hidden",
-						value: state.email
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						"data-component": "form-footer",
-						children: [/* @__PURE__ */ jsxs("span", { children: [
-							copy.code_return,
-							" ",
-							/* @__PURE__ */ jsx("a", {
-								"data-component": "link",
-								href: "./authorize",
-								children: copy.login
-							})
-						] }), /* @__PURE__ */ jsx("button", {
-							type: "submit",
-							"data-component": "link",
-							children: copy.code_resend
-						})]
-					})
-				]
-			})] });
-			return /* @__PURE__ */ jsxs("form", {
-				"data-component": "form",
-				method: "post",
-				children: [
-					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-					/* @__PURE__ */ jsx("input", {
-						name: "action",
-						type: "hidden",
-						value: "update"
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "password",
-						name: "password",
-						placeholder: copy.input_password,
-						value: passwordError ? "" : form?.get("password")?.toString() || "",
-						autoComplete: "new-password",
-						"data-component": "input",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("input", {
-						type: "password",
-						name: "repeat",
-						placeholder: copy.input_repeat,
-						value: passwordError ? "" : form?.get("repeat")?.toString() || "",
-						autoComplete: "new-password",
-						"data-component": "input",
-						required: true
-					}),
-					/* @__PURE__ */ jsx("button", {
-						"data-component": "button",
-						type: "submit",
-						children: copy.button_continue
-					})
-				]
-			});
-		}) });
-	};
-	return {
-		validatePassword: options.validatePassword,
-		sendCode: options.sendCode,
-		login: async (_req, form, error) => {
-			const html = renderToHTML(renderLogin(form, error));
-			return new Response(html, {
-				status: error ? 401 : 200,
-				headers: { "Content-Type": "text/html" }
-			});
-		},
-		register: async (_req, state, form, error) => {
-			const html = renderToHTML(renderRegister(state, form, error));
-			return new Response(html, { headers: { "Content-Type": "text/html" } });
-		},
-		change: async (_req, state, form, error) => {
-			const html = renderToHTML(renderChange(state, form, error));
-			return new Response(html, {
-				status: error ? 400 : 200,
-				headers: { "Content-Type": "text/html" }
-			});
-		}
-	};
-};
-
-//#endregion
-export { PasswordUI };

package/dist/ui/select.d.mts

@@ -1,34 +0,0 @@
-import { Theme } from "../themes/theme.mjs";
-
-//#region src/ui/select.d.ts
-
-/**
- * Provider configuration for the select UI
- */
-interface ProviderConfig {
-  /** Whether to hide the provider from the select UI */
-  hide?: boolean;
-  /** Custom display name for this provider */
-  display?: string;
-}
-/**
- * Props for the Select component
- */
-interface SelectProps {
-  /** Provider-specific configurations */
-  providers?: Record<string, ProviderConfig>;
-  /** Custom copy text overrides */
-  copy?: {
-    button_provider?: string;
-  };
-  /** Global display name overrides for provider types */
-  displays?: Record<string, string>;
-  /** Theme configuration */
-  theme?: Theme;
-}
-/**
- * Creates a provider selection UI
- */
-declare const Select: (props?: SelectProps) => (providers: Record<string, string>) => Promise<Response>;
-//#endregion
-export { ProviderConfig, Select, SelectProps };

package/dist/ui/select.mjs

@@ -1,98 +0,0 @@
-import { Layout, renderToHTML } from "./base.mjs";
-import { ICON_APPLE, ICON_DISCORD, ICON_EMAIL, ICON_FACEBOOK, ICON_GITHUB, ICON_GITLAB, ICON_GOOGLE, ICON_LINKEDIN, ICON_MICROSOFT, ICON_REDDIT, ICON_SLACK, ICON_SPOTIFY, ICON_TWITCH } from "./icon.mjs";
-import { jsx, jsxs } from "preact/jsx-runtime";
-
-//#region src/ui/select.tsx
-/**
-* Icon components for providers
-*/
-const PROVIDER_ICONS = {
-	apple: ICON_APPLE,
-	discord: ICON_DISCORD,
-	email: ICON_EMAIL,
-	facebook: ICON_FACEBOOK,
-	github: ICON_GITHUB,
-	gitlab: ICON_GITLAB,
-	google: ICON_GOOGLE,
-	linkedin: ICON_LINKEDIN,
-	magiclink: ICON_EMAIL,
-	microsoft: ICON_MICROSOFT,
-	password: ICON_EMAIL,
-	reddit: ICON_REDDIT,
-	slack: ICON_SLACK,
-	spotify: ICON_SPOTIFY,
-	twitch: ICON_TWITCH
-};
-/**
-* Default display names for provider types
-*/
-const DEFAULT_DISPLAYS = {
-	apple: "Apple",
-	code: "Code",
-	discord: "Discord",
-	facebook: "Facebook",
-	github: "GitHub",
-	gitlab: "GitLab",
-	google: "Google",
-	linkedin: "LinkedIn",
-	microsoft: "Microsoft",
-	passkey: "Passkey",
-	password: "Password",
-	reddit: "Reddit",
-	slack: "Slack",
-	spotify: "Spotify",
-	twitch: "Twitch"
-};
-/**
-* Main provider selection component
-*/
-const ProviderSelect = ({ providers, config = {}, theme }) => {
-	const buttonText = config.copy?.button_provider || "Continue with";
-	const displays = {
-		...DEFAULT_DISPLAYS,
-		...config.displays
-	};
-	const visibleProviders = Object.entries(providers).filter(([key]) => !config.providers?.[key]?.hide);
-	return /* @__PURE__ */ jsx(Layout, {
-		theme,
-		title: "Sign In",
-		children: /* @__PURE__ */ jsx("div", {
-			"data-component": "form",
-			children: visibleProviders.map(([key, type]) => {
-				const displayName = config.providers?.[key]?.display || displays[type] || DEFAULT_DISPLAYS[type] || type;
-				const IconComponent = PROVIDER_ICONS[key] || PROVIDER_ICONS[type];
-				return /* @__PURE__ */ jsxs("a", {
-					href: `./${key}/authorize`,
-					"data-component": "button",
-					"data-color": "ghost",
-					"aria-label": `${buttonText} ${displayName}`,
-					children: [
-						IconComponent && /* @__PURE__ */ jsx("i", {
-							"data-slot": "icon",
-							children: /* @__PURE__ */ jsx(IconComponent, {})
-						}),
-						buttonText,
-						" ",
-						displayName
-					]
-				}, key);
-			})
-		})
-	});
-};
-/**
-* Creates a provider selection UI
-*/
-const Select = (props = {}) => {
-	return async (providers) => {
-		const html = renderToHTML(/* @__PURE__ */ jsx(ProviderSelect, {
-			providers,
-			config: props,
-			theme: props.theme
-		}));
-		return new Response(html, { headers: { "Content-Type": "text/html" } });
-	};
-};
-
-//#endregion
-export { Select };

package/dist/ui/totp.d.mts

@@ -1,34 +0,0 @@
-import { TOTPProviderConfig } from "../provider/totp.mjs";
-
-//#region src/ui/totp.d.ts
-
-/**
- * Strongly typed copy text configuration for TOTP UI
- */
-interface TOTPUICopy {
-  readonly setup_manual_entry: string;
-  readonly setup_backup_codes_title: string;
-  readonly setup_backup_codes_description: string;
-  readonly button_continue: string;
-  readonly link_use_recovery: string;
-  readonly link_back_to_totp: string;
-  readonly input_token: string;
-  readonly input_recovery_code: string;
-}
-/**
- * Configuration options for TOTP UI
- */
-interface TOTPUIOptions {
-  /** Custom copy text overrides */
-  readonly copy?: Partial<TOTPUICopy>;
-  /** QR code image size in pixels */
-  readonly qrSize?: number;
-  /** Whether to show manual secret entry option */
-  readonly showManualEntry?: boolean;
-}
-/**
- * Creates a complete UI configuration for TOTP authentication
- */
-declare const TOTPUI: (options?: TOTPUIOptions) => Omit<TOTPProviderConfig, "issuer">;
-//#endregion
-export { TOTPUI };