@draftlab/auth 0.15.0 → 0.16.0

package/dist/ui/passkey.mjs

@@ -1,323 +0,0 @@
-import { Layout, renderToHTML } from "./base.mjs";
-import { FormAlert } from "./form.mjs";
-import { jsx, jsxs } from "preact/jsx-runtime";
-
-//#region src/ui/passkey.tsx
-const DEFAULT_COPY = {
-	register: "Register",
-	register_other_device: "Use another device",
-	register_prompt: "Don't have an account?",
-	login_prompt: "Already have an account?",
-	login: "Login",
-	button_continue: "Continue",
-	input_email: "Email",
-	error_register_already_registered: "This device is already registered. Please use the login page or try a different device.",
-	error_register_cancelled: "Registration was cancelled or timed out. Please try again.",
-	error_register_failed: "Registration failed. Please try again.",
-	error_auth_cancelled: "Authentication was cancelled or timed out. Please try again.",
-	error_auth_failed: "Authentication failed. Please try again."
-};
-const PasskeyUI = (options) => {
-	const { rpName, rpID, origin, userCanRegisterPasskey, authenticatorSelection, attestationType, timeout } = options;
-	const copy = {
-		...DEFAULT_COPY,
-		...options.copy
-	};
-	return {
-		authorize: async () => {
-			const jsx$1 = /* @__PURE__ */ jsxs(Layout, { children: [
-				/* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
-								window.addEventListener("load", async () => {
-									const { startAuthentication } = SimpleWebAuthnBrowser;
-									const authorizeForm = document.getElementById("authorizeForm");
-									const message = document.querySelector("[data-slot='message']");
-									const origin = window.location.origin;
-									const rpID = window.location.hostname;
-									
-									authorizeForm.addEventListener("submit", async (e) => {
-										e.preventDefault();
-										const formData = new FormData(authorizeForm);
-										const email = formData.get("email");
-										
-										message.textContent = "";
-
-										// GET authentication options from the endpoint that calls
-										// @simplewebauthn/server -> generateAuthenticationOptions()
-										const resp = await fetch(
-											"./authenticate-options?userId=" + email + "&rpID=" + rpID
-										);
-
-										const optionsJSON = await resp.json();
-
-										if (optionsJSON.error) {
-											message.textContent = optionsJSON.error;
-											return;
-										}
-
-										let attResp;
-										try {
-											// Pass the options to the authenticator and wait for a response
-											attResp = await startAuthentication({ optionsJSON });
-										} catch (error) {
-											// Handle WebAuthn errors with friendly messages
-											const errorName = error.name;
-											if (errorName === "NotAllowedError") {
-												message.textContent = "${copy.error_auth_cancelled}";
-											} else if (errorName === "InvalidStateError") {
-												message.textContent = "${copy.error_auth_failed}";
-											} else {
-												message.textContent = error.message || "${copy.error_auth_failed}";
-											}
-											console.error(error);
-											return;
-										}
-										
-										const verificationResp = await fetch(
-											"./authenticate-verify?userId=" +
-												email +
-												"&rpID=" +
-												rpID +
-												"&origin=" +
-												origin,
-											{
-												method: "POST",
-												headers: {
-													"Content-Type": "application/json",
-												},
-												body: JSON.stringify(attResp),
-											}
-										);
-										
-										// Check if the request was redirected and the final response is OK
-										if (verificationResp.redirected && verificationResp.ok) {
-											// Navigate the browser to the final URL
-											window.location.href = verificationResp.url;
-										} else {
-											// Handle errors (e.g., 4xx, 5xx status codes from the final URL)
-											console.error(
-												"Request failed:",
-												verificationResp.status,
-												verificationResp.statusText
-											);
-											try {
-												const errorData = await verificationResp.json();
-												message.textContent = errorData.error;
-											} catch (error) {
-												message.textContent = "Something went wrong";
-											}
-										}
-									});
-								});
-							` } }),
-				/* @__PURE__ */ jsxs("form", {
-					id: "authorizeForm",
-					"data-component": "form",
-					children: [
-						/* @__PURE__ */ jsx(FormAlert, {}),
-						/* @__PURE__ */ jsx("input", {
-							id: "auth-email",
-							"data-component": "input",
-							type: "email",
-							name: "email",
-							"aria-required": "true",
-							"aria-describedby": "auth-email-help",
-							autoComplete: "email",
-							required: true,
-							placeholder: copy.input_email
-						}),
-						/* @__PURE__ */ jsx("button", {
-							type: "submit",
-							id: "btnLogin",
-							"data-component": "button",
-							children: copy.button_continue
-						}),
-						/* @__PURE__ */ jsx("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("script", { src: "https://unpkg.com/@simplewebauthn/browser/dist/bundle/index.umd.min.js" })
-			] });
-			return new Response(renderToHTML(jsx$1), {
-				status: 200,
-				headers: { "Content-Type": "text/html" }
-			});
-		},
-		register: async () => {
-			const jsx$1 = /* @__PURE__ */ jsxs(Layout, { children: [
-				/* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
-								window.addEventListener("load", async () => {
-									const { startRegistration } = SimpleWebAuthnBrowser;
-									const registerForm = document.getElementById("registerForm");
-									const btnOtherDevice = document.getElementById("btnOtherDevice");
-									const message = document.querySelector("[data-slot='message']");
-									const origin = window.location.origin;
-									const rpID = window.location.hostname;
-									
-									// Start registration when the user clicks a button
-									const register = async (otherDevice = false) => {
-										const formData = new FormData(registerForm);
-										const email = formData.get("email");
-										message.textContent = "";
-
-										// GET registration options from the endpoint that calls
-										// @simplewebauthn/server -> generateRegistrationOptions()
-										const resp = await fetch(
-											"./register-request?userId=" +
-												email +
-												"&origin=" +
-												origin +
-												"&rpID=" +
-												rpID +
-												"&otherDevice=" +
-												otherDevice
-										);
-										const optionsJSON = await resp.json();
-
-										if (optionsJSON.error) {
-											message.textContent = optionsJSON.error;
-											return;
-										}
-
-										let attResp;
-										try {
-											// Pass the options to the authenticator and wait for a response
-											attResp = await startRegistration({ optionsJSON });
-										} catch (error) {
-											// Handle WebAuthn errors with friendly messages
-											const errorName = error.name;
-											if (errorName === "InvalidStateError") {
-												message.textContent = "${copy.error_register_already_registered}";
-											} else if (errorName === "NotAllowedError") {
-												message.textContent = "${copy.error_register_cancelled}";
-											} else {
-												message.textContent = error.message || "${copy.error_register_failed}";
-											}
-											console.error(error);
-											return;
-										}
-
-										// POST the response to the endpoint that calls
-										// @simplewebauthn/server -> verifyRegistrationResponse()
-										try {
-											const verificationResp = await fetch(
-												"./register-verify?userId=" +
-													email +
-													"&origin=" +
-													origin +
-													"&rpID=" +
-													rpID,
-												{
-													method: "POST",
-													headers: {
-														"Content-Type": "application/json",
-													},
-													body: JSON.stringify(attResp),
-												}
-											);
-
-											// Check if the request was redirected and the final response is OK
-											if (verificationResp.redirected && verificationResp.ok) {
-												// Navigate the browser to the final URL
-												window.location.href = verificationResp.url;
-											} else {
-												// Handle errors (e.g., 4xx, 5xx status codes from the final URL)
-												console.error(
-													"Request failed:",
-													verificationResp.status,
-													verificationResp.statusText
-												);
-												try {
-													const errorData = await verificationResp.json();
-													message.textContent = errorData.error;
-												} catch (error) {
-													message.textContent = "Something went wrong";
-												}
-											}
-										} catch (error) {
-											console.error(error);
-											message.textContent = "Something went wrong";
-										}
-									};
-									
-									registerForm.addEventListener("submit", (e) => {
-										e.preventDefault();
-										register();
-									});
-									
-									btnOtherDevice.addEventListener("click", (e) => {
-										e.preventDefault();
-										register(true);
-									});
-								});
-							` } }),
-				/* @__PURE__ */ jsxs("form", {
-					id: "registerForm",
-					"data-component": "form",
-					children: [
-						/* @__PURE__ */ jsx(FormAlert, {}),
-						/* @__PURE__ */ jsx("input", {
-							id: "reg-email",
-							"data-component": "input",
-							type: "email",
-							name: "email",
-							"aria-required": "true",
-							"aria-describedby": "reg-email-help",
-							autoComplete: "email",
-							required: true,
-							placeholder: copy.input_email
-						}),
-						/* @__PURE__ */ jsx("button", {
-							"data-component": "button",
-							type: "submit",
-							id: "btnRegister",
-							children: copy.button_continue
-						}),
-						/* @__PURE__ */ jsx("button", {
-							"data-component": "button",
-							type: "submit",
-							id: "btnOtherDevice",
-							children: copy.register_other_device
-						}),
-						/* @__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
-								})
-							] })
-						})
-					]
-				}),
-				/* @__PURE__ */ jsx("script", { src: "https://unpkg.com/@simplewebauthn/browser/dist/bundle/index.umd.min.js" })
-			] });
-			return new Response(renderToHTML(jsx$1), {
-				status: 200,
-				headers: { "Content-Type": "text/html" }
-			});
-		},
-		rpName,
-		rpID,
-		origin,
-		userCanRegisterPasskey,
-		authenticatorSelection,
-		attestationType,
-		timeout
-	};
-};
-
-//#endregion
-export { PasskeyUI };

package/dist/ui/password.d.mts

@@ -1,42 +0,0 @@
-import { PasswordConfig } from "../provider/password.mjs";
-
-//#region src/ui/password.d.ts
-
-/**
- * Strongly typed copy text configuration for password UI
- */
-interface PasswordUICopy {
-  readonly error_email_taken: string;
-  readonly error_invalid_code: string;
-  readonly error_invalid_email: string;
-  readonly error_invalid_password: string;
-  readonly error_password_mismatch: string;
-  readonly register: string;
-  readonly register_prompt: string;
-  readonly login_prompt: string;
-  readonly login: string;
-  readonly change_prompt: string;
-  readonly code_resend: string;
-  readonly code_return: string;
-  readonly input_email: string;
-  readonly input_password: string;
-  readonly input_code: string;
-  readonly input_repeat: string;
-  readonly button_continue: string;
-  readonly logo: string;
-}
-/**
- * Configuration options for the PasswordUI component
- */
-interface PasswordUIOptions extends Pick<PasswordConfig, "sendCode" | "validatePassword"> {
-  /**
-   * Custom text copy for UI labels, messages, and errors
-   */
-  readonly copy?: Partial<PasswordUICopy>;
-}
-/**
- * Creates a complete UI configuration for password-based authentication
- */
-declare const PasswordUI: (options: PasswordUIOptions) => PasswordConfig;
-//#endregion
-export { PasswordUI, PasswordUIOptions };