@page-speed/forms 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +28 -0
- package/README.md +469 -0
- package/dist/builder.cjs +4 -0
- package/dist/builder.cjs.map +1 -0
- package/dist/builder.d.cts +2 -0
- package/dist/builder.d.ts +2 -0
- package/dist/builder.js +3 -0
- package/dist/builder.js.map +1 -0
- package/dist/chunk-2FXAQT7S.cjs +236 -0
- package/dist/chunk-2FXAQT7S.cjs.map +1 -0
- package/dist/chunk-A3UV7BIN.js +357 -0
- package/dist/chunk-A3UV7BIN.js.map +1 -0
- package/dist/chunk-P37YLBFA.cjs +138 -0
- package/dist/chunk-P37YLBFA.cjs.map +1 -0
- package/dist/chunk-WHQMBQNI.js +127 -0
- package/dist/chunk-WHQMBQNI.js.map +1 -0
- package/dist/chunk-YTTOWHBZ.js +217 -0
- package/dist/chunk-YTTOWHBZ.js.map +1 -0
- package/dist/chunk-ZQCPEOB6.cjs +382 -0
- package/dist/chunk-ZQCPEOB6.cjs.map +1 -0
- package/dist/core.cjs +28 -0
- package/dist/core.cjs.map +1 -0
- package/dist/core.d.cts +143 -0
- package/dist/core.d.ts +143 -0
- package/dist/core.js +3 -0
- package/dist/core.js.map +1 -0
- package/dist/index.cjs +28 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/inputs.cjs +555 -0
- package/dist/inputs.cjs.map +1 -0
- package/dist/inputs.d.cts +433 -0
- package/dist/inputs.d.ts +433 -0
- package/dist/inputs.js +529 -0
- package/dist/inputs.js.map +1 -0
- package/dist/integration.cjs +4 -0
- package/dist/integration.cjs.map +1 -0
- package/dist/integration.d.cts +2 -0
- package/dist/integration.d.ts +2 -0
- package/dist/integration.js +3 -0
- package/dist/integration.js.map +1 -0
- package/dist/types-Cw5CeZP-.d.cts +387 -0
- package/dist/types-Cw5CeZP-.d.ts +387 -0
- package/dist/upload.cjs +4 -0
- package/dist/upload.cjs.map +1 -0
- package/dist/upload.d.cts +2 -0
- package/dist/upload.d.ts +2 -0
- package/dist/upload.js +3 -0
- package/dist/upload.js.map +1 -0
- package/dist/validation-rules.cjs +80 -0
- package/dist/validation-rules.cjs.map +1 -0
- package/dist/validation-rules.d.cts +123 -0
- package/dist/validation-rules.d.ts +123 -0
- package/dist/validation-rules.js +3 -0
- package/dist/validation-rules.js.map +1 -0
- package/dist/validation-utils.cjs +48 -0
- package/dist/validation-utils.cjs.map +1 -0
- package/dist/validation-utils.d.cts +166 -0
- package/dist/validation-utils.d.ts +166 -0
- package/dist/validation-utils.js +3 -0
- package/dist/validation-utils.js.map +1 -0
- package/dist/validation-valibot.cjs +94 -0
- package/dist/validation-valibot.cjs.map +1 -0
- package/dist/validation-valibot.d.cts +92 -0
- package/dist/validation-valibot.d.ts +92 -0
- package/dist/validation-valibot.js +91 -0
- package/dist/validation-valibot.js.map +1 -0
- package/dist/validation.cjs +121 -0
- package/dist/validation.cjs.map +1 -0
- package/dist/validation.d.cts +4 -0
- package/dist/validation.d.ts +4 -0
- package/dist/validation.js +4 -0
- package/dist/validation.js.map +1 -0
- package/package.json +133 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/core/useForm.ts","../src/core/FormContext.tsx","../src/core/useField.ts","../src/core/Form.tsx","../src/core/Field.tsx"],"names":["errors","touched","values","initialValues","useCallback","React"],"mappings":"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","file":"chunk-A3UV7BIN.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useRef } from \"react\";\nimport { useObservable, useSelector } from \"@legendapp/state/react\";\nimport type {\n FormValues,\n FormErrors,\n TouchedFields,\n UseFormOptions,\n UseFormReturn,\n SubmissionStatus,\n FieldInputProps,\n FieldMeta,\n FormHelpers,\n} from \"./types\";\n\n/**\n * useForm - High-performance form state management with field-level reactivity\n *\n * Built on @legendapp/state for optimal performance:\n * - Field-level reactivity: Only re-render the specific field that changed\n * - Observable-based state: ~1 re-render per change vs ~10 for traditional hooks\n * - Tree-shakable: Only bundle what you use\n *\n * @example\n * ```tsx\n * const form = useForm({\n * initialValues: { email: '', password: '' },\n * onSubmit: async (values) => {\n * await login(values);\n * },\n * validationSchema: {\n * email: (value) => !value ? 'Required' : undefined,\n * password: (value) => value.length < 8 ? 'Too short' : undefined,\n * },\n * });\n *\n * return (\n * <form onSubmit={form.handleSubmit}>\n * <input {...form.getFieldProps('email')} />\n * {form.errors.email && <span>{form.errors.email}</span>}\n * </form>\n * );\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/use-form\n */\nexport function useForm<T extends FormValues = FormValues>(\n options: UseFormOptions<T>\n): UseFormReturn<T> {\n const {\n initialValues,\n validationSchema,\n validateOn = \"onBlur\",\n revalidateOn = \"onChange\",\n onSubmit,\n onError,\n debug = false,\n } = options;\n\n // Create observable form state for field-level reactivity\n // Note: Type assertion needed for @legendapp/state beta compatibility\n // The beta version's TypeScript types don't properly expose nested Observable properties\n // This will be removed once stable v3.0.0 is released with proper type definitions\n const state$ = useObservable({\n values: initialValues,\n errors: {} as FormErrors<T>,\n touched: {} as TouchedFields<T>,\n isSubmitting: false,\n status: \"idle\" as SubmissionStatus,\n initialValues: { ...initialValues }, // Create a copy to prevent reference sharing\n hasValidated: {} as Record<string, boolean>,\n }) as any;\n\n // Track validation in progress to prevent race conditions\n const validationInProgress = useRef<Set<string>>(new Set());\n\n /**\n * Validate a single field\n */\n const validateField = useCallback(\n async <K extends keyof T>(field: K): Promise<string | undefined> => {\n const validators = validationSchema?.[field];\n if (!validators) return undefined;\n\n const fieldKey = String(field);\n validationInProgress.current.add(fieldKey);\n\n try {\n const value = state$.values[field].get();\n const allValues = state$.values.get();\n\n const validatorArray = Array.isArray(validators)\n ? validators\n : [validators];\n\n for (const validator of validatorArray) {\n const error = await validator(value, allValues);\n if (error) {\n state$.errors[field].set(error);\n validationInProgress.current.delete(fieldKey);\n return error;\n }\n }\n\n // Clear error if validation passed\n state$.errors[field].set(undefined);\n validationInProgress.current.delete(fieldKey);\n return undefined;\n } catch (error) {\n validationInProgress.current.delete(fieldKey);\n const errorMessage =\n error instanceof Error ? error.message : \"Validation error\";\n state$.errors[field].set(errorMessage);\n return errorMessage;\n }\n },\n [validationSchema, state$]\n );\n\n /**\n * Validate entire form\n */\n const validateForm = useCallback(async (): Promise<FormErrors<T>> => {\n if (!validationSchema) return {};\n\n const fields = Object.keys(validationSchema) as Array<keyof T>;\n const errors: FormErrors<T> = {};\n\n await Promise.all(\n fields.map(async (field) => {\n const error = await validateField(field);\n if (error) {\n errors[field] = error;\n }\n })\n );\n\n state$.errors.set(errors);\n return errors;\n }, [validationSchema, validateField, state$]);\n\n /**\n * Set field value with optional validation\n */\n const setFieldValue = useCallback(\n <K extends keyof T>(field: K, value: T[K]) => {\n state$.values[field].set(value);\n\n // Revalidate if field has been validated before\n const shouldRevalidate =\n revalidateOn === \"onChange\" &&\n state$.hasValidated[String(field)].get();\n\n if (shouldRevalidate && validationSchema?.[field]) {\n validateField(field);\n }\n\n if (debug) {\n console.log(\"[useForm] setFieldValue:\", { field, value });\n }\n },\n [state$, revalidateOn, validationSchema, validateField, debug]\n );\n\n /**\n * Set field as touched with optional validation\n */\n const setFieldTouched = useCallback(\n <K extends keyof T>(field: K, touched: boolean) => {\n state$.touched[field].set(touched);\n\n // Validate on blur if configured\n if (touched && validateOn === \"onBlur\" && validationSchema?.[field]) {\n state$.hasValidated[String(field)].set(true);\n validateField(field);\n }\n\n if (debug) {\n console.log(\"[useForm] setFieldTouched:\", { field, touched });\n }\n },\n [state$, validateOn, validationSchema, validateField, debug]\n );\n\n /**\n * Reset form to initial values\n */\n const resetForm = useCallback(() => {\n state$.values.set(state$.initialValues.get());\n state$.errors.set({});\n state$.touched.set({});\n state$.isSubmitting.set(false);\n state$.status.set(\"idle\");\n state$.hasValidated.set({});\n\n if (debug) {\n console.log(\"[useForm] Form reset\");\n }\n }, [state$, debug]);\n\n /**\n * Handle form submission\n */\n const handleSubmit = useCallback(\n async (e?: React.FormEvent) => {\n e?.preventDefault();\n\n if (debug) {\n console.log(\"[useForm] handleSubmit started\");\n }\n\n state$.isSubmitting.set(true);\n state$.status.set(\"submitting\");\n\n try {\n // Validate form\n const errors = await validateForm();\n const hasErrors = Object.keys(errors).length > 0;\n\n if (hasErrors) {\n state$.status.set(\"error\");\n onError?.(errors);\n\n if (debug) {\n console.log(\"[useForm] Validation errors:\", errors);\n }\n\n return;\n }\n\n // Create form helpers\n const helpers: FormHelpers<T> = {\n setValues: (values) => {\n if (typeof values === \"function\") {\n state$.values.set(values(state$.values.get()));\n } else {\n state$.values.set(values);\n }\n },\n setFieldValue,\n setErrors: (errors) => state$.errors.set(errors),\n setFieldError: (field, error) => state$.errors[field].set(error),\n setTouched: (touched) => state$.touched.set(touched),\n setFieldTouched,\n setSubmitting: (submitting) => state$.isSubmitting.set(submitting),\n resetForm,\n };\n\n // Call submission handler\n await onSubmit(state$.values.get(), helpers);\n\n state$.status.set(\"success\");\n\n if (debug) {\n console.log(\"[useForm] Submit successful\");\n }\n } catch (error) {\n state$.status.set(\"error\");\n\n if (debug) {\n console.error(\"[useForm] Submit error:\", error);\n }\n\n throw error;\n } finally {\n state$.isSubmitting.set(false);\n }\n },\n [\n state$,\n validateForm,\n onSubmit,\n onError,\n setFieldValue,\n setFieldTouched,\n resetForm,\n debug,\n ]\n );\n\n /**\n * Get field props for binding to inputs\n */\n const getFieldProps = useCallback(\n <K extends keyof T>(field: K): FieldInputProps<T[K]> => {\n return {\n name: String(field),\n value: state$.values[field].get(),\n onChange: (value: T[K]) => setFieldValue(field, value),\n onBlur: () => setFieldTouched(field, true),\n };\n },\n [state$, setFieldValue, setFieldTouched]\n );\n\n /**\n * Get field meta information\n */\n const getFieldMeta = useCallback(\n <K extends keyof T>(field: K): FieldMeta => {\n const fieldKey = String(field);\n return {\n error: state$.errors[field].get(),\n touched: state$.touched[field].get() ?? false,\n isDirty:\n state$.values[field].get() !== state$.initialValues[field].get(),\n isValidating: validationInProgress.current.has(fieldKey),\n };\n },\n [state$]\n );\n\n // Use selectors for reactive properties\n const values = useSelector(() => state$.values.get());\n const errors = useSelector(() => state$.errors.get());\n const touched = useSelector(() => state$.touched.get());\n const isSubmitting = useSelector(() => state$.isSubmitting.get());\n const status = useSelector(() => state$.status.get());\n\n // Use selectors for derived state to ensure reactivity\n const isValid = useSelector(() => Object.keys(state$.errors.get()).length === 0);\n const isDirty = useSelector(() => {\n const currentValues = state$.values.get();\n const initialValues = state$.initialValues.get();\n return Object.keys(currentValues).some(\n (key) => currentValues[key] !== initialValues[key]\n );\n });\n\n return {\n // State\n values,\n errors,\n touched,\n isSubmitting,\n isValid,\n isDirty,\n status,\n\n // Actions\n handleSubmit,\n setValues: (values) => {\n if (typeof values === \"function\") {\n state$.values.set(values(state$.values.get()));\n } else {\n state$.values.set(values);\n }\n },\n setFieldValue,\n setErrors: (errors) => state$.errors.set(errors),\n setFieldError: (field, error) => state$.errors[field].set(error),\n setTouched: (touched) => state$.touched.set(touched),\n setFieldTouched,\n validateForm,\n validateField,\n resetForm,\n getFieldProps,\n getFieldMeta,\n };\n}\n","\"use client\";\n\nimport { createContext } from \"react\";\nimport type { UseFormReturn } from \"./types\";\n\n/**\n * FormContext - React context for providing form state to child components\n *\n * Allows useField hook to access form state without prop drilling.\n * Automatically provided by the <Form> component.\n *\n * @internal\n */\nexport const FormContext = createContext<UseFormReturn<any> | null>(null);\n\nFormContext.displayName = \"FormContext\";\n","\"use client\";\n\nimport { useCallback, useContext } from \"react\";\nimport { FormContext } from \"./FormContext\";\nimport type { UseFieldOptions, UseFieldReturn, FieldInputProps, FieldMeta } from \"./types\";\n\n/**\n * useField - Field-level reactive hook for form inputs\n *\n * Provides isolated reactivity for individual form fields.\n * Only re-renders when the specific field changes, not when other fields update.\n *\n * Must be used within a FormContext (inside <Form> component).\n *\n * @example\n * ```tsx\n * function EmailInput() {\n * const { field, meta, helpers } = useField({ name: 'email' });\n *\n * return (\n * <div>\n * <input {...field} type=\"email\" />\n * {meta.touched && meta.error && <span>{meta.error}</span>}\n * </div>\n * );\n * }\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/use-field\n */\nexport function useField<T = any>(\n options: UseFieldOptions<T>\n): UseFieldReturn<T> {\n const { name, validate, transform } = options;\n\n const form = useContext(FormContext);\n\n if (!form) {\n throw new Error(\n \"useField must be used within a FormContext. \" +\n \"Wrap your component with <Form> or use useForm's getFieldProps instead.\"\n );\n }\n\n // Get field props with automatic change/blur handling\n const baseFieldProps = form.getFieldProps(name);\n\n // Apply transform if provided\n const field: FieldInputProps<T> = {\n ...baseFieldProps,\n value: baseFieldProps.value as T,\n onChange: (value: T) => {\n const transformedValue = transform ? transform(value) : value;\n baseFieldProps.onChange(transformedValue);\n\n // Run field-level validation if provided\n if (validate) {\n const result = validate(transformedValue, form.values);\n if (result instanceof Promise) {\n result.then((error) => {\n if (error !== undefined) {\n form.setFieldError(name, error);\n }\n });\n } else if (result !== undefined) {\n form.setFieldError(name, result);\n }\n }\n },\n };\n\n // Get field meta information\n const meta: FieldMeta = form.getFieldMeta(name);\n\n // Field helpers\n const helpers = {\n setValue: useCallback(\n (value: T) => {\n const transformedValue = transform ? transform(value) : value;\n form.setFieldValue(name, transformedValue);\n },\n [name, transform, form]\n ),\n setTouched: useCallback(\n (touched: boolean) => {\n form.setFieldTouched(name, touched);\n },\n [name, form]\n ),\n setError: useCallback(\n (error: string | undefined) => {\n form.setFieldError(name, error);\n },\n [name, form]\n ),\n };\n\n return {\n field,\n meta,\n helpers,\n };\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { FormContext } from \"./FormContext\";\nimport type { FormProps, FormValues } from \"./types\";\n\n/**\n * Form - Progressive enhancement form component\n *\n * Provides form context to child components and handles form submission.\n * Supports progressive enhancement with server-side fallback.\n *\n * Features:\n * - Provides FormContext for useField hook\n * - Handles form submission with validation\n * - Progressive enhancement support (works without JavaScript)\n * - Accessible form semantics\n *\n * @example\n * ```tsx\n * const form = useForm({\n * initialValues: { email: '' },\n * onSubmit: async (values) => {\n * await submitForm(values);\n * },\n * });\n *\n * return (\n * <Form form={form} action=\"/api/submit\" method=\"post\">\n * <input {...form.getFieldProps('email')} />\n * <button type=\"submit\">Submit</button>\n * </Form>\n * );\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/form\n */\nexport function Form<T extends FormValues = FormValues>({\n form,\n children,\n className,\n action,\n method = \"post\",\n noValidate = true,\n ...props\n}: FormProps<T> & React.FormHTMLAttributes<HTMLFormElement>) {\n // Wrap handleSubmit to catch any unhandled rejections\n const handleFormSubmit = React.useCallback(\n async (e: React.FormEvent) => {\n try {\n await form.handleSubmit(e);\n } catch (error) {\n // Error is already handled by useForm, just prevent unhandled rejection\n // The form status and errors are already set by useForm's error handling\n }\n },\n [form]\n );\n\n return (\n <FormContext.Provider value={form}>\n <form\n onSubmit={handleFormSubmit}\n action={action}\n method={method}\n noValidate={noValidate}\n className={className}\n {...props}\n >\n {children}\n </form>\n </FormContext.Provider>\n );\n}\n\nForm.displayName = \"Form\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useField } from \"./useField\";\nimport type { FieldProps } from \"./types\";\n\n/**\n * Field - Field wrapper component with label, description, and error display\n *\n * Provides a complete field UI with automatic error handling and accessibility.\n * Uses useField hook internally for field-level reactivity.\n *\n * Features:\n * - Automatic label association\n * - Error display with accessibility\n * - Optional description text\n * - Render prop pattern for flexibility\n * - Full accessibility support\n *\n * @example\n * ```tsx\n * <Field name=\"email\" label=\"Email Address\" description=\"We'll never share your email\">\n * {({ field, meta }) => (\n * <input\n * {...field}\n * type=\"email\"\n * className={meta.error && meta.touched ? 'error' : ''}\n * />\n * )}\n * </Field>\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/field\n */\nexport function Field({\n name,\n label,\n description,\n children,\n showError = true,\n className,\n validate,\n}: FieldProps) {\n const fieldState = useField({ name, validate });\n const { meta } = fieldState;\n\n const hasError = meta.touched && meta.error;\n const errorId = `${name}-error`;\n const descriptionId = `${name}-description`;\n\n return (\n <div className={className} data-field={name}>\n {/* Label */}\n {label && (\n <label htmlFor={name} className=\"field-label\">\n {label}\n </label>\n )}\n\n {/* Description */}\n {description && (\n <div id={descriptionId} className=\"field-description\">\n {description}\n </div>\n )}\n\n {/* Field content (render prop or direct children) */}\n <div className=\"field-input\">\n {typeof children === \"function\" ? children(fieldState) : children}\n </div>\n\n {/* Error message */}\n {showError && hasError && (\n <div\n id={errorId}\n className=\"field-error\"\n role=\"alert\"\n aria-live=\"polite\"\n >\n {Array.isArray(meta.error) ? meta.error.join(\", \") : meta.error}\n </div>\n )}\n </div>\n );\n}\n\nField.displayName = \"Field\";\n"]}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/validation/utils.ts
|
|
4
|
+
function debounce(validator, options = {}) {
|
|
5
|
+
const { delay = 300, leading = false, trailing = true } = options;
|
|
6
|
+
let timeoutId = null;
|
|
7
|
+
let lastCallTime = 0;
|
|
8
|
+
let lastResult;
|
|
9
|
+
return async (value, allValues) => {
|
|
10
|
+
const now = Date.now();
|
|
11
|
+
const timeSinceLastCall = now - lastCallTime;
|
|
12
|
+
if (timeoutId) {
|
|
13
|
+
clearTimeout(timeoutId);
|
|
14
|
+
timeoutId = null;
|
|
15
|
+
}
|
|
16
|
+
if (leading && timeSinceLastCall >= delay) {
|
|
17
|
+
lastCallTime = now;
|
|
18
|
+
lastResult = await validator(value, allValues);
|
|
19
|
+
return lastResult;
|
|
20
|
+
}
|
|
21
|
+
if (trailing) {
|
|
22
|
+
return new Promise((resolve) => {
|
|
23
|
+
timeoutId = setTimeout(async () => {
|
|
24
|
+
lastCallTime = Date.now();
|
|
25
|
+
lastResult = await validator(value, allValues);
|
|
26
|
+
resolve(lastResult);
|
|
27
|
+
}, delay);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
return lastResult;
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
var defaultMessages = {
|
|
34
|
+
required: "This field is required",
|
|
35
|
+
email: "Please enter a valid email address",
|
|
36
|
+
url: "Please enter a valid URL",
|
|
37
|
+
phone: "Please enter a valid phone number",
|
|
38
|
+
minLength: ({ min }) => `Must be at least ${min} characters`,
|
|
39
|
+
maxLength: ({ max }) => `Must be no more than ${max} characters`,
|
|
40
|
+
min: ({ min }) => `Must be at least ${min}`,
|
|
41
|
+
max: ({ max }) => `Must be no more than ${max}`,
|
|
42
|
+
pattern: "Invalid format",
|
|
43
|
+
matches: ({ field }) => `Must match ${field}`,
|
|
44
|
+
oneOf: "Invalid value",
|
|
45
|
+
creditCard: "Please enter a valid credit card number",
|
|
46
|
+
postalCode: "Please enter a valid ZIP code",
|
|
47
|
+
alpha: "Must contain only letters",
|
|
48
|
+
alphanumeric: "Must contain only letters and numbers",
|
|
49
|
+
numeric: "Must be a valid number",
|
|
50
|
+
integer: "Must be a whole number"
|
|
51
|
+
};
|
|
52
|
+
var MessageRegistry = class {
|
|
53
|
+
constructor() {
|
|
54
|
+
this.messages = { ...defaultMessages };
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Set custom messages (for i18n or customization)
|
|
58
|
+
*/
|
|
59
|
+
setMessages(messages) {
|
|
60
|
+
this.messages = { ...this.messages, ...messages };
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Get message by key
|
|
64
|
+
*/
|
|
65
|
+
getMessage(key, params) {
|
|
66
|
+
const message = this.messages[key];
|
|
67
|
+
if (!message) {
|
|
68
|
+
return `Validation error: ${key}`;
|
|
69
|
+
}
|
|
70
|
+
if (typeof message === "function") {
|
|
71
|
+
return message(params || {});
|
|
72
|
+
}
|
|
73
|
+
return message;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Reset to default messages
|
|
77
|
+
*/
|
|
78
|
+
reset() {
|
|
79
|
+
this.messages = { ...defaultMessages };
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
var messageRegistry = new MessageRegistry();
|
|
83
|
+
function setErrorMessages(messages) {
|
|
84
|
+
messageRegistry.setMessages(messages);
|
|
85
|
+
}
|
|
86
|
+
function getErrorMessage(key, params) {
|
|
87
|
+
return messageRegistry.getMessage(key, params);
|
|
88
|
+
}
|
|
89
|
+
function resetErrorMessages() {
|
|
90
|
+
messageRegistry.reset();
|
|
91
|
+
}
|
|
92
|
+
function crossFieldValidator(fields, validate) {
|
|
93
|
+
return (_value, allValues) => {
|
|
94
|
+
const fieldValues = fields.reduce(
|
|
95
|
+
(acc, field) => {
|
|
96
|
+
acc[field] = allValues[field];
|
|
97
|
+
return acc;
|
|
98
|
+
},
|
|
99
|
+
{}
|
|
100
|
+
);
|
|
101
|
+
return validate(fieldValues);
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
function when(condition, validator) {
|
|
105
|
+
return (value, allValues) => {
|
|
106
|
+
if (condition(allValues)) {
|
|
107
|
+
return validator(value, allValues);
|
|
108
|
+
}
|
|
109
|
+
return void 0;
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
function withRaceConditionPrevention(validator) {
|
|
113
|
+
let latestCallId = 0;
|
|
114
|
+
return async (value, allValues) => {
|
|
115
|
+
const callId = ++latestCallId;
|
|
116
|
+
const result = await validator(value, allValues);
|
|
117
|
+
if (callId === latestCallId) {
|
|
118
|
+
return result;
|
|
119
|
+
}
|
|
120
|
+
return void 0;
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
function asyncValidator(validator, options = {}) {
|
|
124
|
+
return debounce(withRaceConditionPrevention(validator), options);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
exports.asyncValidator = asyncValidator;
|
|
128
|
+
exports.crossFieldValidator = crossFieldValidator;
|
|
129
|
+
exports.debounce = debounce;
|
|
130
|
+
exports.defaultMessages = defaultMessages;
|
|
131
|
+
exports.getErrorMessage = getErrorMessage;
|
|
132
|
+
exports.messageRegistry = messageRegistry;
|
|
133
|
+
exports.resetErrorMessages = resetErrorMessages;
|
|
134
|
+
exports.setErrorMessages = setErrorMessages;
|
|
135
|
+
exports.when = when;
|
|
136
|
+
exports.withRaceConditionPrevention = withRaceConditionPrevention;
|
|
137
|
+
//# sourceMappingURL=chunk-P37YLBFA.cjs.map
|
|
138
|
+
//# sourceMappingURL=chunk-P37YLBFA.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/validation/utils.ts"],"names":[],"mappings":";;;AA8CO,SAAS,QAAA,CACd,SAAA,EACA,OAAA,GAA2B,EAAC,EACT;AACnB,EAAA,MAAM,EAAE,KAAA,GAAQ,GAAA,EAAK,UAAU,KAAA,EAAO,QAAA,GAAW,MAAK,GAAI,OAAA;AAE1D,EAAA,IAAI,SAAA,GAAkD,IAAA;AACtD,EAAA,IAAI,YAAA,GAAe,CAAA;AACnB,EAAA,IAAI,UAAA;AAEJ,EAAA,OAAO,OAAO,OAAU,SAAA,KAA0B;AAChD,IAAA,MAAM,GAAA,GAAM,KAAK,GAAA,EAAI;AACrB,IAAA,MAAM,oBAAoB,GAAA,GAAM,YAAA;AAGhC,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,YAAA,CAAa,SAAS,CAAA;AACtB,MAAA,SAAA,GAAY,IAAA;AAAA,IACd;AAGA,IAAA,IAAI,OAAA,IAAW,qBAAqB,KAAA,EAAO;AACzC,MAAA,YAAA,GAAe,GAAA;AACf,MAAA,UAAA,GAAa,MAAM,SAAA,CAAU,KAAA,EAAO,SAAS,CAAA;AAC7C,MAAA,OAAO,UAAA;AAAA,IACT;AAGA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,KAAY;AAC9B,QAAA,SAAA,GAAY,WAAW,YAAY;AACjC,UAAA,YAAA,GAAe,KAAK,GAAA,EAAI;AACxB,UAAA,UAAA,GAAa,MAAM,SAAA,CAAU,KAAA,EAAO,SAAS,CAAA;AAC7C,UAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QACpB,GAAG,KAAK,CAAA;AAAA,MACV,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,UAAA;AAAA,EACT,CAAA;AACF;AAiBO,IAAM,eAAA,GAAiC;AAAA,EAC5C,QAAA,EAAU,wBAAA;AAAA,EACV,KAAA,EAAO,oCAAA;AAAA,EACP,GAAA,EAAK,0BAAA;AAAA,EACL,KAAA,EAAO,mCAAA;AAAA,EACP,WAAW,CAAC,EAAE,GAAA,EAAI,KAChB,oBAAoB,GAAG,CAAA,WAAA,CAAA;AAAA,EACzB,WAAW,CAAC,EAAE,GAAA,EAAI,KAChB,wBAAwB,GAAG,CAAA,WAAA,CAAA;AAAA,EAC7B,KAAK,CAAC,EAAE,GAAA,EAAI,KAAuB,oBAAoB,GAAG,CAAA,CAAA;AAAA,EAC1D,KAAK,CAAC,EAAE,GAAA,EAAI,KAAuB,wBAAwB,GAAG,CAAA,CAAA;AAAA,EAC9D,OAAA,EAAS,gBAAA;AAAA,EACT,SAAS,CAAC,EAAE,KAAA,EAAM,KAAyB,cAAc,KAAK,CAAA,CAAA;AAAA,EAC9D,KAAA,EAAO,eAAA;AAAA,EACP,UAAA,EAAY,yCAAA;AAAA,EACZ,UAAA,EAAY,+BAAA;AAAA,EACZ,KAAA,EAAO,2BAAA;AAAA,EACP,YAAA,EAAc,uCAAA;AAAA,EACd,OAAA,EAAS,wBAAA;AAAA,EACT,OAAA,EAAS;AACX;AAKA,IAAM,kBAAN,MAAsB;AAAA,EAAtB,WAAA,GAAA;AACE,IAAA,IAAA,CAAQ,QAAA,GAA0B,EAAE,GAAG,eAAA,EAAgB;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKvD,YAAY,QAAA,EAA+B;AACzC,IAAA,IAAA,CAAK,WAAW,EAAE,GAAG,IAAA,CAAK,QAAA,EAAU,GAAG,QAAA,EAAS;AAAA,EAClD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAA,CAAW,KAAa,MAAA,EAAsC;AAC5D,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,QAAA,CAAS,GAAG,CAAA;AAEjC,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,qBAAqB,GAAG,CAAA,CAAA;AAAA,IACjC;AAEA,IAAA,IAAI,OAAO,YAAY,UAAA,EAAY;AACjC,MAAA,OAAO,OAAA,CAAQ,MAAA,IAAU,EAAE,CAAA;AAAA,IAC7B;AAEA,IAAA,OAAO,OAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA,GAAc;AACZ,IAAA,IAAA,CAAK,QAAA,GAAW,EAAE,GAAG,eAAA,EAAgB;AAAA,EACvC;AACF,CAAA;AAKO,IAAM,eAAA,GAAkB,IAAI,eAAA;AAc5B,SAAS,iBAAiB,QAAA,EAA+B;AAC9D,EAAA,eAAA,CAAgB,YAAY,QAAQ,CAAA;AACtC;AAKO,SAAS,eAAA,CACd,KACA,MAAA,EACQ;AACR,EAAA,OAAO,eAAA,CAAgB,UAAA,CAAW,GAAA,EAAK,MAAM,CAAA;AAC/C;AAKO,SAAS,kBAAA,GAA2B;AACzC,EAAA,eAAA,CAAgB,KAAA,EAAM;AACxB;AAmBO,SAAS,mBAAA,CACd,QACA,QAAA,EACgB;AAChB,EAAA,OAAO,CAAC,QAAQ,SAAA,KAAc;AAC5B,IAAA,MAAM,cAAc,MAAA,CAAO,MAAA;AAAA,MACzB,CAAC,KAAK,KAAA,KAAU;AACd,QAAA,GAAA,CAAI,KAAK,CAAA,GAAI,SAAA,CAAU,KAAe,CAAA;AACtC,QAAA,OAAO,GAAA;AAAA,MACT,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,OAAO,SAAS,WAA+B,CAAA;AAAA,EACjD,CAAA;AACF;AAcO,SAAS,IAAA,CACd,WACA,SAAA,EACmB;AACnB,EAAA,OAAO,CAAC,OAAO,SAAA,KAAc;AAC3B,IAAA,IAAI,SAAA,CAAU,SAAS,CAAA,EAAG;AACxB,MAAA,OAAO,SAAA,CAAU,OAAO,SAAS,CAAA;AAAA,IACnC;AACA,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AACF;AAgBO,SAAS,4BACd,SAAA,EACmB;AACnB,EAAA,IAAI,YAAA,GAAe,CAAA;AAEnB,EAAA,OAAO,OAAO,OAAU,SAAA,KAA0B;AAChD,IAAA,MAAM,SAAS,EAAE,YAAA;AAEjB,IAAA,MAAM,MAAA,GAAS,MAAM,SAAA,CAAU,KAAA,EAAO,SAAS,CAAA;AAG/C,IAAA,IAAI,WAAW,YAAA,EAAc;AAC3B,MAAA,OAAO,MAAA;AAAA,IACT;AAGA,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AACF;AAiBO,SAAS,cAAA,CACd,SAAA,EACA,OAAA,GAA2B,EAAC,EACT;AACnB,EAAA,OAAO,QAAA,CAAS,2BAAA,CAA4B,SAAS,CAAA,EAAG,OAAO,CAAA;AACjE","file":"chunk-P37YLBFA.cjs","sourcesContent":["/**\n * @page-speed/forms - Validation Utilities\n *\n * Utilities for advanced validation scenarios\n */\n\nimport type { FieldValidator, FormValues } from \"../core/types\";\n\n/**\n * Debounce options for async validators\n */\nexport interface DebounceOptions {\n /**\n * Debounce delay in milliseconds\n * @default 300\n */\n delay?: number;\n\n /**\n * Leading edge - call immediately on first invocation\n * @default false\n */\n leading?: boolean;\n\n /**\n * Trailing edge - call after delay\n * @default true\n */\n trailing?: boolean;\n}\n\n/**\n * Debounce an async validator\n * Prevents rapid validation calls (e.g., for username availability checks)\n *\n * @example\n * ```tsx\n * const checkUsername = debounce(\n * async (value) => {\n * const available = await api.checkUsername(value);\n * return available ? undefined : 'Username is taken';\n * },\n * { delay: 500 }\n * );\n * ```\n */\nexport function debounce<T = any>(\n validator: FieldValidator<T>,\n options: DebounceOptions = {}\n): FieldValidator<T> {\n const { delay = 300, leading = false, trailing = true } = options;\n\n let timeoutId: ReturnType<typeof setTimeout> | null = null;\n let lastCallTime = 0;\n let lastResult: string | undefined;\n\n return async (value: T, allValues: FormValues) => {\n const now = Date.now();\n const timeSinceLastCall = now - lastCallTime;\n\n // Clear existing timeout\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = null;\n }\n\n // Leading edge call\n if (leading && timeSinceLastCall >= delay) {\n lastCallTime = now;\n lastResult = await validator(value, allValues);\n return lastResult;\n }\n\n // Trailing edge call\n if (trailing) {\n return new Promise((resolve) => {\n timeoutId = setTimeout(async () => {\n lastCallTime = Date.now();\n lastResult = await validator(value, allValues);\n resolve(lastResult);\n }, delay);\n });\n }\n\n return lastResult;\n };\n}\n\n/**\n * Error message template function\n */\nexport type MessageTemplate = (params?: any) => string;\n\n/**\n * Error message templates for internationalization\n */\nexport interface ErrorMessages {\n [key: string]: string | MessageTemplate;\n}\n\n/**\n * Default error messages (English)\n */\nexport const defaultMessages: ErrorMessages = {\n required: \"This field is required\",\n email: \"Please enter a valid email address\",\n url: \"Please enter a valid URL\",\n phone: \"Please enter a valid phone number\",\n minLength: ({ min }: { min: number }) =>\n `Must be at least ${min} characters`,\n maxLength: ({ max }: { max: number }) =>\n `Must be no more than ${max} characters`,\n min: ({ min }: { min: number }) => `Must be at least ${min}`,\n max: ({ max }: { max: number }) => `Must be no more than ${max}`,\n pattern: \"Invalid format\",\n matches: ({ field }: { field: string }) => `Must match ${field}`,\n oneOf: \"Invalid value\",\n creditCard: \"Please enter a valid credit card number\",\n postalCode: \"Please enter a valid ZIP code\",\n alpha: \"Must contain only letters\",\n alphanumeric: \"Must contain only letters and numbers\",\n numeric: \"Must be a valid number\",\n integer: \"Must be a whole number\",\n};\n\n/**\n * Error message registry for i18n support\n */\nclass MessageRegistry {\n private messages: ErrorMessages = { ...defaultMessages };\n\n /**\n * Set custom messages (for i18n or customization)\n */\n setMessages(messages: ErrorMessages): void {\n this.messages = { ...this.messages, ...messages };\n }\n\n /**\n * Get message by key\n */\n getMessage(key: string, params?: Record<string, any>): string {\n const message = this.messages[key];\n\n if (!message) {\n return `Validation error: ${key}`;\n }\n\n if (typeof message === \"function\") {\n return message(params || {});\n }\n\n return message;\n }\n\n /**\n * Reset to default messages\n */\n reset(): void {\n this.messages = { ...defaultMessages };\n }\n}\n\n/**\n * Global message registry instance\n */\nexport const messageRegistry = new MessageRegistry();\n\n/**\n * Set custom error messages globally\n * Useful for internationalization\n *\n * @example\n * ```tsx\n * setErrorMessages({\n * required: 'Este campo es obligatorio',\n * email: 'Por favor ingrese un email válido',\n * });\n * ```\n */\nexport function setErrorMessages(messages: ErrorMessages): void {\n messageRegistry.setMessages(messages);\n}\n\n/**\n * Get error message by key\n */\nexport function getErrorMessage(\n key: string,\n params?: Record<string, any>\n): string {\n return messageRegistry.getMessage(key, params);\n}\n\n/**\n * Reset error messages to defaults\n */\nexport function resetErrorMessages(): void {\n messageRegistry.reset();\n}\n\n/**\n * Cross-field validator helper\n * Creates a validator that depends on multiple fields\n *\n * @example\n * ```tsx\n * const passwordMatch = crossFieldValidator(\n * ['password', 'confirmPassword'],\n * (values) => {\n * if (values.password !== values.confirmPassword) {\n * return 'Passwords must match';\n * }\n * return undefined;\n * }\n * );\n * ```\n */\nexport function crossFieldValidator<T extends FormValues = FormValues>(\n fields: (keyof T)[],\n validate: (values: Pick<T, keyof T>) => string | undefined | Promise<string | undefined>\n): FieldValidator {\n return (_value, allValues) => {\n const fieldValues = fields.reduce(\n (acc, field) => {\n acc[field] = allValues[field as string];\n return acc;\n },\n {} as Record<keyof T, any>\n );\n\n return validate(fieldValues as Pick<T, keyof T>);\n };\n}\n\n/**\n * Conditional validator\n * Only validates when condition is met\n *\n * @example\n * ```tsx\n * const conditionalRequired = when(\n * (values) => values.country === 'US',\n * required()\n * );\n * ```\n */\nexport function when<T = any>(\n condition: (allValues: FormValues) => boolean,\n validator: FieldValidator<T>\n): FieldValidator<T> {\n return (value, allValues) => {\n if (condition(allValues)) {\n return validator(value, allValues);\n }\n return undefined;\n };\n}\n\n/**\n * Async validator with race condition prevention\n * Ensures only the latest validation call resolves\n *\n * @example\n * ```tsx\n * const checkUsername = withRaceConditionPrevention(\n * async (value) => {\n * const available = await api.checkUsername(value);\n * return available ? undefined : 'Username is taken';\n * }\n * );\n * ```\n */\nexport function withRaceConditionPrevention<T = any>(\n validator: FieldValidator<T>\n): FieldValidator<T> {\n let latestCallId = 0;\n\n return async (value: T, allValues: FormValues) => {\n const callId = ++latestCallId;\n\n const result = await validator(value, allValues);\n\n // Only return result if this is still the latest call\n if (callId === latestCallId) {\n return result;\n }\n\n // Ignore stale results\n return undefined;\n };\n}\n\n/**\n * Combine debounce with race condition prevention\n * Best practice for async validators\n *\n * @example\n * ```tsx\n * const checkUsername = asyncValidator(\n * async (value) => {\n * const available = await api.checkUsername(value);\n * return available ? undefined : 'Username is taken';\n * },\n * { delay: 500 }\n * );\n * ```\n */\nexport function asyncValidator<T = any>(\n validator: FieldValidator<T>,\n options: DebounceOptions = {}\n): FieldValidator<T> {\n return debounce(withRaceConditionPrevention(validator), options);\n}\n"]}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
// src/validation/utils.ts
|
|
2
|
+
function debounce(validator, options = {}) {
|
|
3
|
+
const { delay = 300, leading = false, trailing = true } = options;
|
|
4
|
+
let timeoutId = null;
|
|
5
|
+
let lastCallTime = 0;
|
|
6
|
+
let lastResult;
|
|
7
|
+
return async (value, allValues) => {
|
|
8
|
+
const now = Date.now();
|
|
9
|
+
const timeSinceLastCall = now - lastCallTime;
|
|
10
|
+
if (timeoutId) {
|
|
11
|
+
clearTimeout(timeoutId);
|
|
12
|
+
timeoutId = null;
|
|
13
|
+
}
|
|
14
|
+
if (leading && timeSinceLastCall >= delay) {
|
|
15
|
+
lastCallTime = now;
|
|
16
|
+
lastResult = await validator(value, allValues);
|
|
17
|
+
return lastResult;
|
|
18
|
+
}
|
|
19
|
+
if (trailing) {
|
|
20
|
+
return new Promise((resolve) => {
|
|
21
|
+
timeoutId = setTimeout(async () => {
|
|
22
|
+
lastCallTime = Date.now();
|
|
23
|
+
lastResult = await validator(value, allValues);
|
|
24
|
+
resolve(lastResult);
|
|
25
|
+
}, delay);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return lastResult;
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
var defaultMessages = {
|
|
32
|
+
required: "This field is required",
|
|
33
|
+
email: "Please enter a valid email address",
|
|
34
|
+
url: "Please enter a valid URL",
|
|
35
|
+
phone: "Please enter a valid phone number",
|
|
36
|
+
minLength: ({ min }) => `Must be at least ${min} characters`,
|
|
37
|
+
maxLength: ({ max }) => `Must be no more than ${max} characters`,
|
|
38
|
+
min: ({ min }) => `Must be at least ${min}`,
|
|
39
|
+
max: ({ max }) => `Must be no more than ${max}`,
|
|
40
|
+
pattern: "Invalid format",
|
|
41
|
+
matches: ({ field }) => `Must match ${field}`,
|
|
42
|
+
oneOf: "Invalid value",
|
|
43
|
+
creditCard: "Please enter a valid credit card number",
|
|
44
|
+
postalCode: "Please enter a valid ZIP code",
|
|
45
|
+
alpha: "Must contain only letters",
|
|
46
|
+
alphanumeric: "Must contain only letters and numbers",
|
|
47
|
+
numeric: "Must be a valid number",
|
|
48
|
+
integer: "Must be a whole number"
|
|
49
|
+
};
|
|
50
|
+
var MessageRegistry = class {
|
|
51
|
+
constructor() {
|
|
52
|
+
this.messages = { ...defaultMessages };
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Set custom messages (for i18n or customization)
|
|
56
|
+
*/
|
|
57
|
+
setMessages(messages) {
|
|
58
|
+
this.messages = { ...this.messages, ...messages };
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Get message by key
|
|
62
|
+
*/
|
|
63
|
+
getMessage(key, params) {
|
|
64
|
+
const message = this.messages[key];
|
|
65
|
+
if (!message) {
|
|
66
|
+
return `Validation error: ${key}`;
|
|
67
|
+
}
|
|
68
|
+
if (typeof message === "function") {
|
|
69
|
+
return message(params || {});
|
|
70
|
+
}
|
|
71
|
+
return message;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Reset to default messages
|
|
75
|
+
*/
|
|
76
|
+
reset() {
|
|
77
|
+
this.messages = { ...defaultMessages };
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
var messageRegistry = new MessageRegistry();
|
|
81
|
+
function setErrorMessages(messages) {
|
|
82
|
+
messageRegistry.setMessages(messages);
|
|
83
|
+
}
|
|
84
|
+
function getErrorMessage(key, params) {
|
|
85
|
+
return messageRegistry.getMessage(key, params);
|
|
86
|
+
}
|
|
87
|
+
function resetErrorMessages() {
|
|
88
|
+
messageRegistry.reset();
|
|
89
|
+
}
|
|
90
|
+
function crossFieldValidator(fields, validate) {
|
|
91
|
+
return (_value, allValues) => {
|
|
92
|
+
const fieldValues = fields.reduce(
|
|
93
|
+
(acc, field) => {
|
|
94
|
+
acc[field] = allValues[field];
|
|
95
|
+
return acc;
|
|
96
|
+
},
|
|
97
|
+
{}
|
|
98
|
+
);
|
|
99
|
+
return validate(fieldValues);
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
function when(condition, validator) {
|
|
103
|
+
return (value, allValues) => {
|
|
104
|
+
if (condition(allValues)) {
|
|
105
|
+
return validator(value, allValues);
|
|
106
|
+
}
|
|
107
|
+
return void 0;
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
function withRaceConditionPrevention(validator) {
|
|
111
|
+
let latestCallId = 0;
|
|
112
|
+
return async (value, allValues) => {
|
|
113
|
+
const callId = ++latestCallId;
|
|
114
|
+
const result = await validator(value, allValues);
|
|
115
|
+
if (callId === latestCallId) {
|
|
116
|
+
return result;
|
|
117
|
+
}
|
|
118
|
+
return void 0;
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
function asyncValidator(validator, options = {}) {
|
|
122
|
+
return debounce(withRaceConditionPrevention(validator), options);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export { asyncValidator, crossFieldValidator, debounce, defaultMessages, getErrorMessage, messageRegistry, resetErrorMessages, setErrorMessages, when, withRaceConditionPrevention };
|
|
126
|
+
//# sourceMappingURL=chunk-WHQMBQNI.js.map
|
|
127
|
+
//# sourceMappingURL=chunk-WHQMBQNI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/validation/utils.ts"],"names":[],"mappings":"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","file":"chunk-WHQMBQNI.js","sourcesContent":["/**\n * @page-speed/forms - Validation Utilities\n *\n * Utilities for advanced validation scenarios\n */\n\nimport type { FieldValidator, FormValues } from \"../core/types\";\n\n/**\n * Debounce options for async validators\n */\nexport interface DebounceOptions {\n /**\n * Debounce delay in milliseconds\n * @default 300\n */\n delay?: number;\n\n /**\n * Leading edge - call immediately on first invocation\n * @default false\n */\n leading?: boolean;\n\n /**\n * Trailing edge - call after delay\n * @default true\n */\n trailing?: boolean;\n}\n\n/**\n * Debounce an async validator\n * Prevents rapid validation calls (e.g., for username availability checks)\n *\n * @example\n * ```tsx\n * const checkUsername = debounce(\n * async (value) => {\n * const available = await api.checkUsername(value);\n * return available ? undefined : 'Username is taken';\n * },\n * { delay: 500 }\n * );\n * ```\n */\nexport function debounce<T = any>(\n validator: FieldValidator<T>,\n options: DebounceOptions = {}\n): FieldValidator<T> {\n const { delay = 300, leading = false, trailing = true } = options;\n\n let timeoutId: ReturnType<typeof setTimeout> | null = null;\n let lastCallTime = 0;\n let lastResult: string | undefined;\n\n return async (value: T, allValues: FormValues) => {\n const now = Date.now();\n const timeSinceLastCall = now - lastCallTime;\n\n // Clear existing timeout\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = null;\n }\n\n // Leading edge call\n if (leading && timeSinceLastCall >= delay) {\n lastCallTime = now;\n lastResult = await validator(value, allValues);\n return lastResult;\n }\n\n // Trailing edge call\n if (trailing) {\n return new Promise((resolve) => {\n timeoutId = setTimeout(async () => {\n lastCallTime = Date.now();\n lastResult = await validator(value, allValues);\n resolve(lastResult);\n }, delay);\n });\n }\n\n return lastResult;\n };\n}\n\n/**\n * Error message template function\n */\nexport type MessageTemplate = (params?: any) => string;\n\n/**\n * Error message templates for internationalization\n */\nexport interface ErrorMessages {\n [key: string]: string | MessageTemplate;\n}\n\n/**\n * Default error messages (English)\n */\nexport const defaultMessages: ErrorMessages = {\n required: \"This field is required\",\n email: \"Please enter a valid email address\",\n url: \"Please enter a valid URL\",\n phone: \"Please enter a valid phone number\",\n minLength: ({ min }: { min: number }) =>\n `Must be at least ${min} characters`,\n maxLength: ({ max }: { max: number }) =>\n `Must be no more than ${max} characters`,\n min: ({ min }: { min: number }) => `Must be at least ${min}`,\n max: ({ max }: { max: number }) => `Must be no more than ${max}`,\n pattern: \"Invalid format\",\n matches: ({ field }: { field: string }) => `Must match ${field}`,\n oneOf: \"Invalid value\",\n creditCard: \"Please enter a valid credit card number\",\n postalCode: \"Please enter a valid ZIP code\",\n alpha: \"Must contain only letters\",\n alphanumeric: \"Must contain only letters and numbers\",\n numeric: \"Must be a valid number\",\n integer: \"Must be a whole number\",\n};\n\n/**\n * Error message registry for i18n support\n */\nclass MessageRegistry {\n private messages: ErrorMessages = { ...defaultMessages };\n\n /**\n * Set custom messages (for i18n or customization)\n */\n setMessages(messages: ErrorMessages): void {\n this.messages = { ...this.messages, ...messages };\n }\n\n /**\n * Get message by key\n */\n getMessage(key: string, params?: Record<string, any>): string {\n const message = this.messages[key];\n\n if (!message) {\n return `Validation error: ${key}`;\n }\n\n if (typeof message === \"function\") {\n return message(params || {});\n }\n\n return message;\n }\n\n /**\n * Reset to default messages\n */\n reset(): void {\n this.messages = { ...defaultMessages };\n }\n}\n\n/**\n * Global message registry instance\n */\nexport const messageRegistry = new MessageRegistry();\n\n/**\n * Set custom error messages globally\n * Useful for internationalization\n *\n * @example\n * ```tsx\n * setErrorMessages({\n * required: 'Este campo es obligatorio',\n * email: 'Por favor ingrese un email válido',\n * });\n * ```\n */\nexport function setErrorMessages(messages: ErrorMessages): void {\n messageRegistry.setMessages(messages);\n}\n\n/**\n * Get error message by key\n */\nexport function getErrorMessage(\n key: string,\n params?: Record<string, any>\n): string {\n return messageRegistry.getMessage(key, params);\n}\n\n/**\n * Reset error messages to defaults\n */\nexport function resetErrorMessages(): void {\n messageRegistry.reset();\n}\n\n/**\n * Cross-field validator helper\n * Creates a validator that depends on multiple fields\n *\n * @example\n * ```tsx\n * const passwordMatch = crossFieldValidator(\n * ['password', 'confirmPassword'],\n * (values) => {\n * if (values.password !== values.confirmPassword) {\n * return 'Passwords must match';\n * }\n * return undefined;\n * }\n * );\n * ```\n */\nexport function crossFieldValidator<T extends FormValues = FormValues>(\n fields: (keyof T)[],\n validate: (values: Pick<T, keyof T>) => string | undefined | Promise<string | undefined>\n): FieldValidator {\n return (_value, allValues) => {\n const fieldValues = fields.reduce(\n (acc, field) => {\n acc[field] = allValues[field as string];\n return acc;\n },\n {} as Record<keyof T, any>\n );\n\n return validate(fieldValues as Pick<T, keyof T>);\n };\n}\n\n/**\n * Conditional validator\n * Only validates when condition is met\n *\n * @example\n * ```tsx\n * const conditionalRequired = when(\n * (values) => values.country === 'US',\n * required()\n * );\n * ```\n */\nexport function when<T = any>(\n condition: (allValues: FormValues) => boolean,\n validator: FieldValidator<T>\n): FieldValidator<T> {\n return (value, allValues) => {\n if (condition(allValues)) {\n return validator(value, allValues);\n }\n return undefined;\n };\n}\n\n/**\n * Async validator with race condition prevention\n * Ensures only the latest validation call resolves\n *\n * @example\n * ```tsx\n * const checkUsername = withRaceConditionPrevention(\n * async (value) => {\n * const available = await api.checkUsername(value);\n * return available ? undefined : 'Username is taken';\n * }\n * );\n * ```\n */\nexport function withRaceConditionPrevention<T = any>(\n validator: FieldValidator<T>\n): FieldValidator<T> {\n let latestCallId = 0;\n\n return async (value: T, allValues: FormValues) => {\n const callId = ++latestCallId;\n\n const result = await validator(value, allValues);\n\n // Only return result if this is still the latest call\n if (callId === latestCallId) {\n return result;\n }\n\n // Ignore stale results\n return undefined;\n };\n}\n\n/**\n * Combine debounce with race condition prevention\n * Best practice for async validators\n *\n * @example\n * ```tsx\n * const checkUsername = asyncValidator(\n * async (value) => {\n * const available = await api.checkUsername(value);\n * return available ? undefined : 'Username is taken';\n * },\n * { delay: 500 }\n * );\n * ```\n */\nexport function asyncValidator<T = any>(\n validator: FieldValidator<T>,\n options: DebounceOptions = {}\n): FieldValidator<T> {\n return debounce(withRaceConditionPrevention(validator), options);\n}\n"]}
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
// src/validation/rules.ts
|
|
2
|
+
function required(options = {}) {
|
|
3
|
+
const defaultMessage = "This field is required";
|
|
4
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
5
|
+
return (value) => {
|
|
6
|
+
if (value === void 0 || value === null || value === "") {
|
|
7
|
+
return message;
|
|
8
|
+
}
|
|
9
|
+
if (Array.isArray(value) && value.length === 0) {
|
|
10
|
+
return message;
|
|
11
|
+
}
|
|
12
|
+
if (typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0) {
|
|
13
|
+
return message;
|
|
14
|
+
}
|
|
15
|
+
return void 0;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
function email(options = {}) {
|
|
19
|
+
const defaultMessage = "Please enter a valid email address";
|
|
20
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
21
|
+
const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
|
|
22
|
+
return (value) => {
|
|
23
|
+
if (!value) return void 0;
|
|
24
|
+
if (typeof value !== "string") return message;
|
|
25
|
+
if (!emailRegex.test(value)) return message;
|
|
26
|
+
return void 0;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
function url(options = {}) {
|
|
30
|
+
const defaultMessage = "Please enter a valid URL";
|
|
31
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
32
|
+
return (value) => {
|
|
33
|
+
if (!value) return void 0;
|
|
34
|
+
if (typeof value !== "string") return message;
|
|
35
|
+
try {
|
|
36
|
+
new URL(value);
|
|
37
|
+
return void 0;
|
|
38
|
+
} catch {
|
|
39
|
+
return message;
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
function phone(options = {}) {
|
|
44
|
+
const defaultMessage = "Please enter a valid phone number";
|
|
45
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
46
|
+
const phoneRegex = /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/;
|
|
47
|
+
return (value) => {
|
|
48
|
+
if (!value) return void 0;
|
|
49
|
+
if (typeof value !== "string") return message;
|
|
50
|
+
const cleaned = value.replace(/[^\d+]/g, "");
|
|
51
|
+
if (!phoneRegex.test(cleaned)) return message;
|
|
52
|
+
return void 0;
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
function minLength(min2, options = {}) {
|
|
56
|
+
const defaultMessage = (p) => `Must be at least ${p.min} characters`;
|
|
57
|
+
const message = typeof options.message === "function" ? options.message({ min: min2 }) : options.message || defaultMessage({ min: min2 });
|
|
58
|
+
return (value) => {
|
|
59
|
+
if (!value) return void 0;
|
|
60
|
+
const length = Array.isArray(value) ? value.length : typeof value === "string" ? value.length : 0;
|
|
61
|
+
if (length < min2) return message;
|
|
62
|
+
return void 0;
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
function maxLength(max2, options = {}) {
|
|
66
|
+
const defaultMessage = (p) => `Must be no more than ${p.max} characters`;
|
|
67
|
+
const message = typeof options.message === "function" ? options.message({ max: max2 }) : options.message || defaultMessage({ max: max2 });
|
|
68
|
+
return (value) => {
|
|
69
|
+
if (!value) return void 0;
|
|
70
|
+
const length = Array.isArray(value) ? value.length : typeof value === "string" ? value.length : 0;
|
|
71
|
+
if (length > max2) return message;
|
|
72
|
+
return void 0;
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
function min(minValue, options = {}) {
|
|
76
|
+
const defaultMessage = (p) => `Must be at least ${p.min}`;
|
|
77
|
+
const message = typeof options.message === "function" ? options.message({ min: minValue }) : options.message || defaultMessage({ min: minValue });
|
|
78
|
+
return (value) => {
|
|
79
|
+
if (value === void 0 || value === null) return void 0;
|
|
80
|
+
const numValue = typeof value === "number" ? value : parseFloat(value);
|
|
81
|
+
if (isNaN(numValue) || numValue < minValue) return message;
|
|
82
|
+
return void 0;
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
function max(maxValue, options = {}) {
|
|
86
|
+
const defaultMessage = (p) => `Must be no more than ${p.max}`;
|
|
87
|
+
const message = typeof options.message === "function" ? options.message({ max: maxValue }) : options.message || defaultMessage({ max: maxValue });
|
|
88
|
+
return (value) => {
|
|
89
|
+
if (value === void 0 || value === null) return void 0;
|
|
90
|
+
const numValue = typeof value === "number" ? value : parseFloat(value);
|
|
91
|
+
if (isNaN(numValue) || numValue > maxValue) return message;
|
|
92
|
+
return void 0;
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
function pattern(regex, options = {}) {
|
|
96
|
+
const defaultMessage = "Invalid format";
|
|
97
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
98
|
+
return (value) => {
|
|
99
|
+
if (!value) return void 0;
|
|
100
|
+
if (typeof value !== "string") return message;
|
|
101
|
+
if (!regex.test(value)) return message;
|
|
102
|
+
return void 0;
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
function matches(fieldName, options = {}) {
|
|
106
|
+
const defaultMessage = (p) => `Must match ${p.field}`;
|
|
107
|
+
const message = typeof options.message === "function" ? options.message({ field: fieldName }) : options.message || defaultMessage({ field: fieldName });
|
|
108
|
+
return (value, allValues) => {
|
|
109
|
+
const otherValue = allValues[fieldName];
|
|
110
|
+
if (value !== otherValue) return message;
|
|
111
|
+
return void 0;
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
function oneOf(allowedValues, options = {}) {
|
|
115
|
+
const defaultMessage = "Invalid value";
|
|
116
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
117
|
+
return (value) => {
|
|
118
|
+
if (!value) return void 0;
|
|
119
|
+
if (!allowedValues.includes(value)) return message;
|
|
120
|
+
return void 0;
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
function creditCard(options = {}) {
|
|
124
|
+
const defaultMessage = "Please enter a valid credit card number";
|
|
125
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
126
|
+
const luhnCheck = (num) => {
|
|
127
|
+
let sum = 0;
|
|
128
|
+
let isEven = false;
|
|
129
|
+
for (let i = num.length - 1; i >= 0; i--) {
|
|
130
|
+
let digit = parseInt(num[i], 10);
|
|
131
|
+
if (isEven) {
|
|
132
|
+
digit *= 2;
|
|
133
|
+
if (digit > 9) {
|
|
134
|
+
digit -= 9;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
sum += digit;
|
|
138
|
+
isEven = !isEven;
|
|
139
|
+
}
|
|
140
|
+
return sum % 10 === 0;
|
|
141
|
+
};
|
|
142
|
+
return (value) => {
|
|
143
|
+
if (!value) return void 0;
|
|
144
|
+
if (typeof value !== "string") return message;
|
|
145
|
+
const cleaned = value.replace(/[\s-]/g, "");
|
|
146
|
+
if (!/^\d+$/.test(cleaned)) return message;
|
|
147
|
+
if (cleaned.length < 13 || cleaned.length > 19) return message;
|
|
148
|
+
if (!luhnCheck(cleaned)) return message;
|
|
149
|
+
return void 0;
|
|
150
|
+
};
|
|
151
|
+
}
|
|
152
|
+
function postalCode(options = {}) {
|
|
153
|
+
const defaultMessage = "Please enter a valid ZIP code";
|
|
154
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
155
|
+
const zipRegex = /^\d{5}(-\d{4})?$/;
|
|
156
|
+
return (value) => {
|
|
157
|
+
if (!value) return void 0;
|
|
158
|
+
if (typeof value !== "string") return message;
|
|
159
|
+
if (!zipRegex.test(value)) return message;
|
|
160
|
+
return void 0;
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
function alpha(options = {}) {
|
|
164
|
+
const defaultMessage = "Must contain only letters";
|
|
165
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
166
|
+
const alphaRegex = /^[a-zA-Z]+$/;
|
|
167
|
+
return (value) => {
|
|
168
|
+
if (!value) return void 0;
|
|
169
|
+
if (typeof value !== "string") return message;
|
|
170
|
+
if (!alphaRegex.test(value)) return message;
|
|
171
|
+
return void 0;
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
function alphanumeric(options = {}) {
|
|
175
|
+
const defaultMessage = "Must contain only letters and numbers";
|
|
176
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
177
|
+
const alphanumericRegex = /^[a-zA-Z0-9]+$/;
|
|
178
|
+
return (value) => {
|
|
179
|
+
if (!value) return void 0;
|
|
180
|
+
if (typeof value !== "string") return message;
|
|
181
|
+
if (!alphanumericRegex.test(value)) return message;
|
|
182
|
+
return void 0;
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
function numeric(options = {}) {
|
|
186
|
+
const defaultMessage = "Must be a valid number";
|
|
187
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
188
|
+
return (value) => {
|
|
189
|
+
if (value === void 0 || value === null || value === "") return void 0;
|
|
190
|
+
const numValue = typeof value === "number" ? value : parseFloat(value);
|
|
191
|
+
if (isNaN(numValue)) return message;
|
|
192
|
+
return void 0;
|
|
193
|
+
};
|
|
194
|
+
}
|
|
195
|
+
function integer(options = {}) {
|
|
196
|
+
const defaultMessage = "Must be a whole number";
|
|
197
|
+
const message = typeof options.message === "function" ? options.message() : options.message || defaultMessage;
|
|
198
|
+
return (value) => {
|
|
199
|
+
if (value === void 0 || value === null || value === "") return void 0;
|
|
200
|
+
const numValue = typeof value === "number" ? value : parseFloat(value);
|
|
201
|
+
if (isNaN(numValue) || !Number.isInteger(numValue)) return message;
|
|
202
|
+
return void 0;
|
|
203
|
+
};
|
|
204
|
+
}
|
|
205
|
+
function compose(...validators) {
|
|
206
|
+
return async (value, allValues) => {
|
|
207
|
+
for (const validator of validators) {
|
|
208
|
+
const error = await validator(value, allValues);
|
|
209
|
+
if (error) return error;
|
|
210
|
+
}
|
|
211
|
+
return void 0;
|
|
212
|
+
};
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
export { alpha, alphanumeric, compose, creditCard, email, integer, matches, max, maxLength, min, minLength, numeric, oneOf, pattern, phone, postalCode, required, url };
|
|
216
|
+
//# sourceMappingURL=chunk-YTTOWHBZ.js.map
|
|
217
|
+
//# sourceMappingURL=chunk-YTTOWHBZ.js.map
|