@bquery/bquery 1.7.0 → 1.8.2
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/README.md +760 -716
- package/dist/{a11y-C5QOVvRn.js → a11y-DVBCy09c.js} +3 -3
- package/dist/a11y-DVBCy09c.js.map +1 -0
- package/dist/a11y.es.mjs +1 -1
- package/dist/component/library.d.ts.map +1 -1
- package/dist/{component-CuuTijA6.js → component-L3-JfOFz.js} +5 -5
- package/dist/component-L3-JfOFz.js.map +1 -0
- package/dist/component.es.mjs +1 -1
- package/dist/{config-BW35FKuA.js → config-DhT9auRm.js} +1 -1
- package/dist/{config-BW35FKuA.js.map → config-DhT9auRm.js.map} +1 -1
- package/dist/{constraints-3lV9yyBw.js → constraints-D5RHQLmP.js} +1 -1
- package/dist/constraints-D5RHQLmP.js.map +1 -0
- package/dist/core/collection.d.ts +86 -0
- package/dist/core/collection.d.ts.map +1 -1
- package/dist/core/element.d.ts +28 -0
- package/dist/core/element.d.ts.map +1 -1
- package/dist/core/shared.d.ts +6 -0
- package/dist/core/shared.d.ts.map +1 -1
- package/dist/core-DdtZHzsS.js +168 -0
- package/dist/core-DdtZHzsS.js.map +1 -0
- package/dist/{core-Cjl7GUu8.js → core-EMYSLzaT.js} +289 -259
- package/dist/core-EMYSLzaT.js.map +1 -0
- package/dist/core.es.mjs +48 -47
- package/dist/{custom-directives-7wAShnnd.js → custom-directives-Dr4C5lVV.js} +1 -1
- package/dist/custom-directives-Dr4C5lVV.js.map +1 -0
- package/dist/{devtools-D2fQLhDN.js → devtools-BhB2iDPT.js} +2 -2
- package/dist/devtools-BhB2iDPT.js.map +1 -0
- package/dist/devtools.es.mjs +1 -1
- package/dist/{dnd-B8EgyzaI.js → dnd-NwZBYh4l.js} +1 -1
- package/dist/dnd-NwZBYh4l.js.map +1 -0
- package/dist/dnd.es.mjs +1 -1
- package/dist/{env-NeVmr4Gf.js → env-CTdvLaH2.js} +1 -1
- package/dist/env-CTdvLaH2.js.map +1 -0
- package/dist/forms/create-form.d.ts.map +1 -1
- package/dist/forms/index.d.ts +3 -2
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/types.d.ts +46 -0
- package/dist/forms/types.d.ts.map +1 -1
- package/dist/forms/use-field.d.ts +34 -0
- package/dist/forms/use-field.d.ts.map +1 -0
- package/dist/forms/validators.d.ts +25 -0
- package/dist/forms/validators.d.ts.map +1 -1
- package/dist/forms-UcRHsYxC.js +227 -0
- package/dist/forms-UcRHsYxC.js.map +1 -0
- package/dist/forms.es.mjs +14 -12
- package/dist/full.d.ts +17 -26
- package/dist/full.d.ts.map +1 -1
- package/dist/full.es.mjs +206 -181
- package/dist/full.iife.js +33 -33
- package/dist/full.iife.js.map +1 -1
- package/dist/full.umd.js +33 -33
- package/dist/full.umd.js.map +1 -1
- package/dist/function-Cybd57JV.js +33 -0
- package/dist/function-Cybd57JV.js.map +1 -0
- package/dist/{i18n-BnnhTFOS.js → i18n-kuF6Ekj6.js} +3 -3
- package/dist/i18n-kuF6Ekj6.js.map +1 -0
- package/dist/i18n.es.mjs +1 -1
- package/dist/index.es.mjs +251 -228
- package/dist/media/breakpoints.d.ts.map +1 -1
- package/dist/media/types.d.ts +2 -2
- package/dist/media/types.d.ts.map +1 -1
- package/dist/{media-Di2Ta22s.js → media-i-fB5WxI.js} +3 -3
- package/dist/media-i-fB5WxI.js.map +1 -0
- package/dist/media.es.mjs +1 -1
- package/dist/{motion-qPj_TYGv.js → motion-BJsAuULb.js} +2 -2
- package/dist/motion-BJsAuULb.js.map +1 -0
- package/dist/motion.es.mjs +1 -1
- package/dist/{mount-SM07RUa6.js → mount-B4Y8bk8Z.js} +5 -5
- package/dist/mount-B4Y8bk8Z.js.map +1 -0
- package/dist/{platform-CPbCprb6.js → platform-Dw2gE3zI.js} +3 -3
- package/dist/{platform-CPbCprb6.js.map → platform-Dw2gE3zI.js.map} +1 -1
- package/dist/platform.es.mjs +2 -2
- package/dist/plugin/registry.d.ts.map +1 -1
- package/dist/{plugin-cPoOHFLY.js → plugin-C2WuC8SF.js} +20 -18
- package/dist/plugin-C2WuC8SF.js.map +1 -0
- package/dist/plugin.es.mjs +1 -1
- package/dist/reactive/async-data.d.ts +28 -3
- package/dist/reactive/async-data.d.ts.map +1 -1
- package/dist/reactive/computed.d.ts +3 -0
- package/dist/reactive/computed.d.ts.map +1 -1
- package/dist/reactive/effect.d.ts +3 -0
- package/dist/reactive/effect.d.ts.map +1 -1
- package/dist/reactive/http.d.ts +194 -0
- package/dist/reactive/http.d.ts.map +1 -0
- package/dist/reactive/index.d.ts +2 -2
- package/dist/reactive/index.d.ts.map +1 -1
- package/dist/reactive/pagination.d.ts +126 -0
- package/dist/reactive/pagination.d.ts.map +1 -0
- package/dist/reactive/polling.d.ts +55 -0
- package/dist/reactive/polling.d.ts.map +1 -0
- package/dist/reactive/readonly.d.ts +20 -1
- package/dist/reactive/readonly.d.ts.map +1 -1
- package/dist/reactive/rest.d.ts +293 -0
- package/dist/reactive/rest.d.ts.map +1 -0
- package/dist/reactive/scope.d.ts +140 -0
- package/dist/reactive/scope.d.ts.map +1 -0
- package/dist/reactive/signal.d.ts +16 -2
- package/dist/reactive/signal.d.ts.map +1 -1
- package/dist/reactive/to-value.d.ts +57 -0
- package/dist/reactive/to-value.d.ts.map +1 -0
- package/dist/reactive/websocket.d.ts +285 -0
- package/dist/reactive/websocket.d.ts.map +1 -0
- package/dist/reactive-DwkhUJfP.js +1148 -0
- package/dist/reactive-DwkhUJfP.js.map +1 -0
- package/dist/reactive.es.mjs +38 -19
- package/dist/{registry-CWf368tT.js → registry-B08iilIh.js} +1 -1
- package/dist/{registry-CWf368tT.js.map → registry-B08iilIh.js.map} +1 -1
- package/dist/router/constraints.d.ts.map +1 -1
- package/dist/router/index.d.ts +1 -1
- package/dist/router/index.d.ts.map +1 -1
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/state.d.ts +25 -2
- package/dist/router/state.d.ts.map +1 -1
- package/dist/router-CQikC9Ed.js +492 -0
- package/dist/router-CQikC9Ed.js.map +1 -0
- package/dist/router.es.mjs +9 -8
- package/dist/ssr/hydrate.d.ts.map +1 -1
- package/dist/{ssr-B2qd_WBB.js → ssr-_dAcGdzu.js} +4 -4
- package/dist/ssr-_dAcGdzu.js.map +1 -0
- package/dist/ssr.es.mjs +1 -1
- package/dist/store/persisted.d.ts.map +1 -1
- package/dist/{store-DWpyH6p5.js → store-Cb3gPRve.js} +7 -7
- package/dist/store-Cb3gPRve.js.map +1 -0
- package/dist/store.es.mjs +2 -2
- package/dist/storybook.es.mjs.map +1 -1
- package/dist/{testing-CsqjNUyy.js → testing-C5Sjfsna.js} +8 -8
- package/dist/testing-C5Sjfsna.js.map +1 -0
- package/dist/testing.es.mjs +1 -1
- package/dist/{type-guards-Do9DWgNp.js → type-guards-BMX2c0LP.js} +1 -1
- package/dist/{type-guards-Do9DWgNp.js.map → type-guards-BMX2c0LP.js.map} +1 -1
- package/dist/untrack-D0fnO5k2.js +36 -0
- package/dist/untrack-D0fnO5k2.js.map +1 -0
- package/dist/view/custom-directives.d.ts.map +1 -1
- package/dist/view.es.mjs +4 -4
- package/package.json +178 -177
- package/src/a11y/announce.ts +131 -131
- package/src/a11y/audit.ts +314 -314
- package/src/a11y/index.ts +68 -68
- package/src/a11y/media-preferences.ts +255 -255
- package/src/a11y/roving-tab-index.ts +164 -164
- package/src/a11y/skip-link.ts +255 -255
- package/src/a11y/trap-focus.ts +184 -184
- package/src/a11y/types.ts +183 -183
- package/src/component/component.ts +599 -599
- package/src/component/html.ts +153 -153
- package/src/component/index.ts +52 -52
- package/src/component/library.ts +540 -542
- package/src/component/scope.ts +212 -212
- package/src/component/types.ts +310 -310
- package/src/core/collection.ts +876 -707
- package/src/core/element.ts +1015 -981
- package/src/core/env.ts +60 -60
- package/src/core/index.ts +49 -49
- package/src/core/shared.ts +77 -62
- package/src/core/utils/index.ts +148 -148
- package/src/devtools/devtools.ts +410 -410
- package/src/devtools/index.ts +48 -48
- package/src/devtools/types.ts +104 -104
- package/src/dnd/draggable.ts +296 -296
- package/src/dnd/droppable.ts +228 -228
- package/src/dnd/index.ts +62 -62
- package/src/dnd/sortable.ts +307 -307
- package/src/dnd/types.ts +293 -293
- package/src/forms/create-form.ts +320 -278
- package/src/forms/index.ts +70 -65
- package/src/forms/types.ts +203 -154
- package/src/forms/use-field.ts +231 -0
- package/src/forms/validators.ts +294 -265
- package/src/full.ts +554 -480
- package/src/i18n/formatting.ts +67 -67
- package/src/i18n/i18n.ts +200 -200
- package/src/i18n/index.ts +67 -67
- package/src/i18n/translate.ts +182 -182
- package/src/i18n/types.ts +171 -171
- package/src/index.ts +108 -108
- package/src/media/battery.ts +116 -116
- package/src/media/breakpoints.ts +129 -131
- package/src/media/clipboard.ts +80 -80
- package/src/media/device-sensors.ts +158 -158
- package/src/media/geolocation.ts +119 -119
- package/src/media/index.ts +76 -76
- package/src/media/media-query.ts +92 -92
- package/src/media/network.ts +115 -115
- package/src/media/types.ts +177 -177
- package/src/media/viewport.ts +84 -84
- package/src/motion/index.ts +57 -57
- package/src/motion/morph.ts +151 -151
- package/src/motion/parallax.ts +120 -120
- package/src/motion/reduced-motion.ts +66 -66
- package/src/motion/types.ts +271 -271
- package/src/motion/typewriter.ts +164 -164
- package/src/plugin/index.ts +37 -37
- package/src/plugin/registry.ts +284 -269
- package/src/plugin/types.ts +137 -137
- package/src/reactive/async-data.ts +250 -29
- package/src/reactive/computed.ts +144 -130
- package/src/reactive/effect.ts +29 -6
- package/src/reactive/http.ts +790 -0
- package/src/reactive/index.ts +60 -0
- package/src/reactive/pagination.ts +317 -0
- package/src/reactive/polling.ts +179 -0
- package/src/reactive/readonly.ts +52 -8
- package/src/reactive/rest.ts +859 -0
- package/src/reactive/scope.ts +276 -0
- package/src/reactive/signal.ts +61 -1
- package/src/reactive/to-value.ts +71 -0
- package/src/reactive/websocket.ts +849 -0
- package/src/router/bq-link.ts +279 -279
- package/src/router/constraints.ts +204 -201
- package/src/router/index.ts +49 -49
- package/src/router/match.ts +312 -312
- package/src/router/path-pattern.ts +52 -52
- package/src/router/query.ts +38 -38
- package/src/router/router.ts +421 -402
- package/src/router/state.ts +51 -3
- package/src/router/types.ts +139 -139
- package/src/router/use-route.ts +68 -68
- package/src/router/utils.ts +157 -157
- package/src/security/index.ts +12 -12
- package/src/ssr/hydrate.ts +84 -82
- package/src/ssr/index.ts +70 -70
- package/src/ssr/render.ts +508 -508
- package/src/ssr/serialize.ts +296 -296
- package/src/ssr/types.ts +81 -81
- package/src/store/create-store.ts +467 -467
- package/src/store/index.ts +27 -27
- package/src/store/persisted.ts +245 -249
- package/src/store/types.ts +247 -247
- package/src/store/utils.ts +135 -135
- package/src/storybook/index.ts +480 -480
- package/src/testing/index.ts +42 -42
- package/src/testing/testing.ts +593 -593
- package/src/testing/types.ts +170 -170
- package/src/view/custom-directives.ts +28 -30
- package/src/view/evaluate.ts +292 -292
- package/src/view/process.ts +108 -108
- package/dist/a11y-C5QOVvRn.js.map +0 -1
- package/dist/component-CuuTijA6.js.map +0 -1
- package/dist/constraints-3lV9yyBw.js.map +0 -1
- package/dist/core-Cjl7GUu8.js.map +0 -1
- package/dist/core-DnlyjbF2.js +0 -112
- package/dist/core-DnlyjbF2.js.map +0 -1
- package/dist/custom-directives-7wAShnnd.js.map +0 -1
- package/dist/devtools-D2fQLhDN.js.map +0 -1
- package/dist/dnd-B8EgyzaI.js.map +0 -1
- package/dist/env-NeVmr4Gf.js.map +0 -1
- package/dist/forms-C3yovgH9.js +0 -141
- package/dist/forms-C3yovgH9.js.map +0 -1
- package/dist/i18n-BnnhTFOS.js.map +0 -1
- package/dist/media-Di2Ta22s.js.map +0 -1
- package/dist/motion-qPj_TYGv.js.map +0 -1
- package/dist/mount-SM07RUa6.js.map +0 -1
- package/dist/plugin-cPoOHFLY.js.map +0 -1
- package/dist/reactive-Cfv0RK6x.js +0 -233
- package/dist/reactive-Cfv0RK6x.js.map +0 -1
- package/dist/router-BrthaP_z.js +0 -473
- package/dist/router-BrthaP_z.js.map +0 -1
- package/dist/ssr-B2qd_WBB.js.map +0 -1
- package/dist/store-DWpyH6p5.js.map +0 -1
- package/dist/testing-CsqjNUyy.js.map +0 -1
- package/dist/untrack-DJVQQ2WM.js +0 -33
- package/dist/untrack-DJVQQ2WM.js.map +0 -1
package/src/forms/validators.ts
CHANGED
|
@@ -1,265 +1,294 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Built-in validation functions for form fields.
|
|
3
|
-
*
|
|
4
|
-
* Each factory returns a {@link SyncValidator} that can be passed
|
|
5
|
-
* to a field's `validators` array in {@link FormConfig}.
|
|
6
|
-
*
|
|
7
|
-
* @module bquery/forms
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
import type { AsyncValidator, SyncValidator } from './types';
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Requires a non-empty value.
|
|
14
|
-
*
|
|
15
|
-
* Fails for `undefined`, `null`, empty strings (after trim), and empty arrays.
|
|
16
|
-
*
|
|
17
|
-
* @param message - Custom error message (default: `'This field is required'`)
|
|
18
|
-
* @returns A sync validator function
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```ts
|
|
22
|
-
* import { required } from '@bquery/bquery/forms';
|
|
23
|
-
* const validate = required('Name is required');
|
|
24
|
-
* validate(''); // 'Name is required'
|
|
25
|
-
* validate('Ada'); // true
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export const required = (message = 'This field is required'): SyncValidator => {
|
|
29
|
-
return (value: unknown) => {
|
|
30
|
-
if (value == null) return message;
|
|
31
|
-
if (typeof value === 'string' && value.trim() === '') return message;
|
|
32
|
-
if (Array.isArray(value) && value.length === 0) return message;
|
|
33
|
-
return true;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Requires a string to have at least `len` characters.
|
|
39
|
-
*
|
|
40
|
-
* Non-string values are coerced via `String()` before checking length.
|
|
41
|
-
*
|
|
42
|
-
* @param len - Minimum length
|
|
43
|
-
* @param message - Custom error message
|
|
44
|
-
* @returns A sync validator function
|
|
45
|
-
*
|
|
46
|
-
* @example
|
|
47
|
-
* ```ts
|
|
48
|
-
* import { minLength } from '@bquery/bquery/forms';
|
|
49
|
-
* const validate = minLength(3);
|
|
50
|
-
* validate('ab'); // 'Must be at least 3 characters'
|
|
51
|
-
* validate('abc'); // true
|
|
52
|
-
* ```
|
|
53
|
-
*/
|
|
54
|
-
export const minLength = (len: number, message?: string): SyncValidator<unknown> => {
|
|
55
|
-
const msg = message ?? `Must be at least ${len} characters`;
|
|
56
|
-
return (value: unknown) => {
|
|
57
|
-
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
58
|
-
return str.length >= len ? true : msg;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Requires a string to have at most `len` characters.
|
|
64
|
-
*
|
|
65
|
-
* Non-string values are coerced via `String()` before checking length.
|
|
66
|
-
*
|
|
67
|
-
* @param len - Maximum length
|
|
68
|
-
* @param message - Custom error message
|
|
69
|
-
* @returns A sync validator function
|
|
70
|
-
*
|
|
71
|
-
* @example
|
|
72
|
-
* ```ts
|
|
73
|
-
* import { maxLength } from '@bquery/bquery/forms';
|
|
74
|
-
* const validate = maxLength(10);
|
|
75
|
-
* validate('hello world!!'); // 'Must be at most 10 characters'
|
|
76
|
-
* validate('hello'); // true
|
|
77
|
-
* ```
|
|
78
|
-
*/
|
|
79
|
-
export const maxLength = (len: number, message?: string): SyncValidator<unknown> => {
|
|
80
|
-
const msg = message ?? `Must be at most ${len} characters`;
|
|
81
|
-
return (value: unknown) => {
|
|
82
|
-
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
83
|
-
return str.length <= len ? true : msg;
|
|
84
|
-
};
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* Requires a string to match a regular expression pattern.
|
|
89
|
-
*
|
|
90
|
-
* Non-string values are coerced via `String()` before testing.
|
|
91
|
-
*
|
|
92
|
-
* @param regex - Pattern to test against
|
|
93
|
-
* @param message - Custom error message (default: `'Invalid format'`)
|
|
94
|
-
* @returns A sync validator function
|
|
95
|
-
*
|
|
96
|
-
* @example
|
|
97
|
-
* ```ts
|
|
98
|
-
* import { pattern } from '@bquery/bquery/forms';
|
|
99
|
-
* const validate = pattern(/^\d+$/, 'Numbers only');
|
|
100
|
-
* validate('abc'); // 'Numbers only'
|
|
101
|
-
* validate('123'); // true
|
|
102
|
-
* ```
|
|
103
|
-
*/
|
|
104
|
-
export const pattern = (regex: RegExp, message = 'Invalid format'): SyncValidator<unknown> => {
|
|
105
|
-
const safeRegex =
|
|
106
|
-
regex.global || regex.sticky
|
|
107
|
-
? new RegExp(regex.source, regex.flags.replace(/[gy]/g, ''))
|
|
108
|
-
: regex;
|
|
109
|
-
|
|
110
|
-
return (value: unknown) => {
|
|
111
|
-
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
112
|
-
safeRegex.lastIndex = 0;
|
|
113
|
-
return safeRegex.test(str) ? true : message;
|
|
114
|
-
};
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
* RFC 5322–simplified email validation.
|
|
119
|
-
*
|
|
120
|
-
* @param message - Custom error message (default: `'Invalid email address'`)
|
|
121
|
-
* @returns A sync validator function
|
|
122
|
-
*
|
|
123
|
-
* @example
|
|
124
|
-
* ```ts
|
|
125
|
-
* import { email } from '@bquery/bquery/forms';
|
|
126
|
-
* const validate = email();
|
|
127
|
-
* validate('nope'); // 'Invalid email address'
|
|
128
|
-
* validate('ada@lovelace'); // 'Invalid email address'
|
|
129
|
-
* validate('ada@love.co'); // true
|
|
130
|
-
* ```
|
|
131
|
-
*/
|
|
132
|
-
export const email = (message = 'Invalid email address'): SyncValidator<unknown> => {
|
|
133
|
-
// Intentionally simple — covers the vast majority of valid addresses
|
|
134
|
-
// without re-implementing the full RFC 5322 grammar.
|
|
135
|
-
const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
136
|
-
return (value: unknown) => {
|
|
137
|
-
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
138
|
-
if (str === '') return true; // empty is handled by `required`
|
|
139
|
-
return re.test(str) ? true : message;
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
|
|
143
|
-
/**
|
|
144
|
-
* Requires a string to be a valid URL.
|
|
145
|
-
*
|
|
146
|
-
* Uses the native `URL` constructor for validation.
|
|
147
|
-
*
|
|
148
|
-
* @param message - Custom error message (default: `'Invalid URL'`)
|
|
149
|
-
* @returns A sync validator function
|
|
150
|
-
*
|
|
151
|
-
* @example
|
|
152
|
-
* ```ts
|
|
153
|
-
* import { url } from '@bquery/bquery/forms';
|
|
154
|
-
* const validate = url();
|
|
155
|
-
* validate('not-a-url'); // 'Invalid URL'
|
|
156
|
-
* validate('https://example.com'); // true
|
|
157
|
-
* ```
|
|
158
|
-
*/
|
|
159
|
-
export const url = (message = 'Invalid URL'): SyncValidator<unknown> => {
|
|
160
|
-
return (value: unknown) => {
|
|
161
|
-
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
162
|
-
if (str === '') return true; // empty is handled by `required`
|
|
163
|
-
try {
|
|
164
|
-
new URL(str);
|
|
165
|
-
return true;
|
|
166
|
-
} catch {
|
|
167
|
-
return message;
|
|
168
|
-
}
|
|
169
|
-
};
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
/**
|
|
173
|
-
* Requires a numeric value to be at least `limit`.
|
|
174
|
-
*
|
|
175
|
-
* @param limit - Minimum allowed value (inclusive)
|
|
176
|
-
* @param message - Custom error message
|
|
177
|
-
* @returns A sync validator function
|
|
178
|
-
*
|
|
179
|
-
* @example
|
|
180
|
-
* ```ts
|
|
181
|
-
* import { min } from '@bquery/bquery/forms';
|
|
182
|
-
* const validate = min(1, 'Must be positive');
|
|
183
|
-
* validate(0); // 'Must be positive'
|
|
184
|
-
* validate(1); // true
|
|
185
|
-
* ```
|
|
186
|
-
*/
|
|
187
|
-
export const min = (limit: number, message?: string): SyncValidator<unknown> => {
|
|
188
|
-
const msg = message ?? `Must be at least ${limit}`;
|
|
189
|
-
return (value: unknown) => {
|
|
190
|
-
if (value == null) return true;
|
|
191
|
-
if (typeof value === 'string' && value.trim() === '') return true;
|
|
192
|
-
const num = typeof value === 'number' ? value : Number(value);
|
|
193
|
-
return num >= limit ? true : msg;
|
|
194
|
-
};
|
|
195
|
-
};
|
|
196
|
-
|
|
197
|
-
/**
|
|
198
|
-
* Requires a numeric value to be at most `limit`.
|
|
199
|
-
*
|
|
200
|
-
* @param limit - Maximum allowed value (inclusive)
|
|
201
|
-
* @param message - Custom error message
|
|
202
|
-
* @returns A sync validator function
|
|
203
|
-
*
|
|
204
|
-
* @example
|
|
205
|
-
* ```ts
|
|
206
|
-
* import { max } from '@bquery/bquery/forms';
|
|
207
|
-
* const validate = max(100, 'Too high');
|
|
208
|
-
* validate(101); // 'Too high'
|
|
209
|
-
* validate(100); // true
|
|
210
|
-
* ```
|
|
211
|
-
*/
|
|
212
|
-
export const max = (limit: number, message?: string): SyncValidator<unknown> => {
|
|
213
|
-
const msg = message ?? `Must be at most ${limit}`;
|
|
214
|
-
return (value: unknown) => {
|
|
215
|
-
if (value == null) return true;
|
|
216
|
-
if (typeof value === 'string' && value.trim() === '') return true;
|
|
217
|
-
const num = typeof value === 'number' ? value : Number(value);
|
|
218
|
-
return num <= limit ? true : msg;
|
|
219
|
-
};
|
|
220
|
-
};
|
|
221
|
-
|
|
222
|
-
/**
|
|
223
|
-
* Creates a custom synchronous validator from any predicate function.
|
|
224
|
-
*
|
|
225
|
-
* @param fn - Predicate that returns `true` when the value is valid
|
|
226
|
-
* @param message - Error message when the predicate returns `false`
|
|
227
|
-
* @returns A sync validator function
|
|
228
|
-
*
|
|
229
|
-
* @example
|
|
230
|
-
* ```ts
|
|
231
|
-
* import { custom } from '@bquery/bquery/forms';
|
|
232
|
-
* const isEven = custom((v: number) => v % 2 === 0, 'Must be even');
|
|
233
|
-
* isEven(3); // 'Must be even'
|
|
234
|
-
* isEven(4); // true
|
|
235
|
-
* ```
|
|
236
|
-
*/
|
|
237
|
-
export const custom = <T = unknown>(
|
|
238
|
-
fn: (value: T) => boolean,
|
|
239
|
-
message: string
|
|
240
|
-
): SyncValidator<T> => {
|
|
241
|
-
return (value: T) => (fn(value) ? true : message);
|
|
242
|
-
};
|
|
243
|
-
|
|
244
|
-
/**
|
|
245
|
-
* Creates a custom asynchronous validator.
|
|
246
|
-
*
|
|
247
|
-
* @param fn - Async predicate that resolves to `true` when valid
|
|
248
|
-
* @param message - Error message when the predicate resolves to `false`
|
|
249
|
-
* @returns An async validator function
|
|
250
|
-
*
|
|
251
|
-
* @example
|
|
252
|
-
* ```ts
|
|
253
|
-
* import { customAsync } from '@bquery/bquery/forms';
|
|
254
|
-
* const isUnique = customAsync(
|
|
255
|
-
* async (name: string) => !(await checkExists(name)),
|
|
256
|
-
* 'Already taken',
|
|
257
|
-
* );
|
|
258
|
-
* ```
|
|
259
|
-
*/
|
|
260
|
-
export const customAsync = <T = unknown>(
|
|
261
|
-
fn: (value: T) => Promise<boolean>,
|
|
262
|
-
message: string
|
|
263
|
-
): AsyncValidator<T> => {
|
|
264
|
-
return async (value: T) => ((await fn(value)) ? true : message);
|
|
265
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Built-in validation functions for form fields.
|
|
3
|
+
*
|
|
4
|
+
* Each factory returns a {@link SyncValidator} that can be passed
|
|
5
|
+
* to a field's `validators` array in {@link FormConfig}.
|
|
6
|
+
*
|
|
7
|
+
* @module bquery/forms
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
import type { AsyncValidator, SyncValidator } from './types';
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Requires a non-empty value.
|
|
14
|
+
*
|
|
15
|
+
* Fails for `undefined`, `null`, empty strings (after trim), and empty arrays.
|
|
16
|
+
*
|
|
17
|
+
* @param message - Custom error message (default: `'This field is required'`)
|
|
18
|
+
* @returns A sync validator function
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```ts
|
|
22
|
+
* import { required } from '@bquery/bquery/forms';
|
|
23
|
+
* const validate = required('Name is required');
|
|
24
|
+
* validate(''); // 'Name is required'
|
|
25
|
+
* validate('Ada'); // true
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export const required = (message = 'This field is required'): SyncValidator => {
|
|
29
|
+
return (value: unknown) => {
|
|
30
|
+
if (value == null) return message;
|
|
31
|
+
if (typeof value === 'string' && value.trim() === '') return message;
|
|
32
|
+
if (Array.isArray(value) && value.length === 0) return message;
|
|
33
|
+
return true;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Requires a string to have at least `len` characters.
|
|
39
|
+
*
|
|
40
|
+
* Non-string values are coerced via `String()` before checking length.
|
|
41
|
+
*
|
|
42
|
+
* @param len - Minimum length
|
|
43
|
+
* @param message - Custom error message
|
|
44
|
+
* @returns A sync validator function
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
* ```ts
|
|
48
|
+
* import { minLength } from '@bquery/bquery/forms';
|
|
49
|
+
* const validate = minLength(3);
|
|
50
|
+
* validate('ab'); // 'Must be at least 3 characters'
|
|
51
|
+
* validate('abc'); // true
|
|
52
|
+
* ```
|
|
53
|
+
*/
|
|
54
|
+
export const minLength = (len: number, message?: string): SyncValidator<unknown> => {
|
|
55
|
+
const msg = message ?? `Must be at least ${len} characters`;
|
|
56
|
+
return (value: unknown) => {
|
|
57
|
+
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
58
|
+
return str.length >= len ? true : msg;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Requires a string to have at most `len` characters.
|
|
64
|
+
*
|
|
65
|
+
* Non-string values are coerced via `String()` before checking length.
|
|
66
|
+
*
|
|
67
|
+
* @param len - Maximum length
|
|
68
|
+
* @param message - Custom error message
|
|
69
|
+
* @returns A sync validator function
|
|
70
|
+
*
|
|
71
|
+
* @example
|
|
72
|
+
* ```ts
|
|
73
|
+
* import { maxLength } from '@bquery/bquery/forms';
|
|
74
|
+
* const validate = maxLength(10);
|
|
75
|
+
* validate('hello world!!'); // 'Must be at most 10 characters'
|
|
76
|
+
* validate('hello'); // true
|
|
77
|
+
* ```
|
|
78
|
+
*/
|
|
79
|
+
export const maxLength = (len: number, message?: string): SyncValidator<unknown> => {
|
|
80
|
+
const msg = message ?? `Must be at most ${len} characters`;
|
|
81
|
+
return (value: unknown) => {
|
|
82
|
+
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
83
|
+
return str.length <= len ? true : msg;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* Requires a string to match a regular expression pattern.
|
|
89
|
+
*
|
|
90
|
+
* Non-string values are coerced via `String()` before testing.
|
|
91
|
+
*
|
|
92
|
+
* @param regex - Pattern to test against
|
|
93
|
+
* @param message - Custom error message (default: `'Invalid format'`)
|
|
94
|
+
* @returns A sync validator function
|
|
95
|
+
*
|
|
96
|
+
* @example
|
|
97
|
+
* ```ts
|
|
98
|
+
* import { pattern } from '@bquery/bquery/forms';
|
|
99
|
+
* const validate = pattern(/^\d+$/, 'Numbers only');
|
|
100
|
+
* validate('abc'); // 'Numbers only'
|
|
101
|
+
* validate('123'); // true
|
|
102
|
+
* ```
|
|
103
|
+
*/
|
|
104
|
+
export const pattern = (regex: RegExp, message = 'Invalid format'): SyncValidator<unknown> => {
|
|
105
|
+
const safeRegex =
|
|
106
|
+
regex.global || regex.sticky
|
|
107
|
+
? new RegExp(regex.source, regex.flags.replace(/[gy]/g, ''))
|
|
108
|
+
: regex;
|
|
109
|
+
|
|
110
|
+
return (value: unknown) => {
|
|
111
|
+
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
112
|
+
safeRegex.lastIndex = 0;
|
|
113
|
+
return safeRegex.test(str) ? true : message;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* RFC 5322–simplified email validation.
|
|
119
|
+
*
|
|
120
|
+
* @param message - Custom error message (default: `'Invalid email address'`)
|
|
121
|
+
* @returns A sync validator function
|
|
122
|
+
*
|
|
123
|
+
* @example
|
|
124
|
+
* ```ts
|
|
125
|
+
* import { email } from '@bquery/bquery/forms';
|
|
126
|
+
* const validate = email();
|
|
127
|
+
* validate('nope'); // 'Invalid email address'
|
|
128
|
+
* validate('ada@lovelace'); // 'Invalid email address'
|
|
129
|
+
* validate('ada@love.co'); // true
|
|
130
|
+
* ```
|
|
131
|
+
*/
|
|
132
|
+
export const email = (message = 'Invalid email address'): SyncValidator<unknown> => {
|
|
133
|
+
// Intentionally simple — covers the vast majority of valid addresses
|
|
134
|
+
// without re-implementing the full RFC 5322 grammar.
|
|
135
|
+
const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
136
|
+
return (value: unknown) => {
|
|
137
|
+
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
138
|
+
if (str === '') return true; // empty is handled by `required`
|
|
139
|
+
return re.test(str) ? true : message;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
/**
|
|
144
|
+
* Requires a string to be a valid URL.
|
|
145
|
+
*
|
|
146
|
+
* Uses the native `URL` constructor for validation.
|
|
147
|
+
*
|
|
148
|
+
* @param message - Custom error message (default: `'Invalid URL'`)
|
|
149
|
+
* @returns A sync validator function
|
|
150
|
+
*
|
|
151
|
+
* @example
|
|
152
|
+
* ```ts
|
|
153
|
+
* import { url } from '@bquery/bquery/forms';
|
|
154
|
+
* const validate = url();
|
|
155
|
+
* validate('not-a-url'); // 'Invalid URL'
|
|
156
|
+
* validate('https://example.com'); // true
|
|
157
|
+
* ```
|
|
158
|
+
*/
|
|
159
|
+
export const url = (message = 'Invalid URL'): SyncValidator<unknown> => {
|
|
160
|
+
return (value: unknown) => {
|
|
161
|
+
const str = typeof value === 'string' ? value : String(value ?? '');
|
|
162
|
+
if (str === '') return true; // empty is handled by `required`
|
|
163
|
+
try {
|
|
164
|
+
new URL(str);
|
|
165
|
+
return true;
|
|
166
|
+
} catch {
|
|
167
|
+
return message;
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
/**
|
|
173
|
+
* Requires a numeric value to be at least `limit`.
|
|
174
|
+
*
|
|
175
|
+
* @param limit - Minimum allowed value (inclusive)
|
|
176
|
+
* @param message - Custom error message
|
|
177
|
+
* @returns A sync validator function
|
|
178
|
+
*
|
|
179
|
+
* @example
|
|
180
|
+
* ```ts
|
|
181
|
+
* import { min } from '@bquery/bquery/forms';
|
|
182
|
+
* const validate = min(1, 'Must be positive');
|
|
183
|
+
* validate(0); // 'Must be positive'
|
|
184
|
+
* validate(1); // true
|
|
185
|
+
* ```
|
|
186
|
+
*/
|
|
187
|
+
export const min = (limit: number, message?: string): SyncValidator<unknown> => {
|
|
188
|
+
const msg = message ?? `Must be at least ${limit}`;
|
|
189
|
+
return (value: unknown) => {
|
|
190
|
+
if (value == null) return true;
|
|
191
|
+
if (typeof value === 'string' && value.trim() === '') return true;
|
|
192
|
+
const num = typeof value === 'number' ? value : Number(value);
|
|
193
|
+
return num >= limit ? true : msg;
|
|
194
|
+
};
|
|
195
|
+
};
|
|
196
|
+
|
|
197
|
+
/**
|
|
198
|
+
* Requires a numeric value to be at most `limit`.
|
|
199
|
+
*
|
|
200
|
+
* @param limit - Maximum allowed value (inclusive)
|
|
201
|
+
* @param message - Custom error message
|
|
202
|
+
* @returns A sync validator function
|
|
203
|
+
*
|
|
204
|
+
* @example
|
|
205
|
+
* ```ts
|
|
206
|
+
* import { max } from '@bquery/bquery/forms';
|
|
207
|
+
* const validate = max(100, 'Too high');
|
|
208
|
+
* validate(101); // 'Too high'
|
|
209
|
+
* validate(100); // true
|
|
210
|
+
* ```
|
|
211
|
+
*/
|
|
212
|
+
export const max = (limit: number, message?: string): SyncValidator<unknown> => {
|
|
213
|
+
const msg = message ?? `Must be at most ${limit}`;
|
|
214
|
+
return (value: unknown) => {
|
|
215
|
+
if (value == null) return true;
|
|
216
|
+
if (typeof value === 'string' && value.trim() === '') return true;
|
|
217
|
+
const num = typeof value === 'number' ? value : Number(value);
|
|
218
|
+
return num <= limit ? true : msg;
|
|
219
|
+
};
|
|
220
|
+
};
|
|
221
|
+
|
|
222
|
+
/**
|
|
223
|
+
* Creates a custom synchronous validator from any predicate function.
|
|
224
|
+
*
|
|
225
|
+
* @param fn - Predicate that returns `true` when the value is valid
|
|
226
|
+
* @param message - Error message when the predicate returns `false`
|
|
227
|
+
* @returns A sync validator function
|
|
228
|
+
*
|
|
229
|
+
* @example
|
|
230
|
+
* ```ts
|
|
231
|
+
* import { custom } from '@bquery/bquery/forms';
|
|
232
|
+
* const isEven = custom((v: number) => v % 2 === 0, 'Must be even');
|
|
233
|
+
* isEven(3); // 'Must be even'
|
|
234
|
+
* isEven(4); // true
|
|
235
|
+
* ```
|
|
236
|
+
*/
|
|
237
|
+
export const custom = <T = unknown>(
|
|
238
|
+
fn: (value: T) => boolean,
|
|
239
|
+
message: string
|
|
240
|
+
): SyncValidator<T> => {
|
|
241
|
+
return (value: T) => (fn(value) ? true : message);
|
|
242
|
+
};
|
|
243
|
+
|
|
244
|
+
/**
|
|
245
|
+
* Creates a custom asynchronous validator.
|
|
246
|
+
*
|
|
247
|
+
* @param fn - Async predicate that resolves to `true` when valid
|
|
248
|
+
* @param message - Error message when the predicate resolves to `false`
|
|
249
|
+
* @returns An async validator function
|
|
250
|
+
*
|
|
251
|
+
* @example
|
|
252
|
+
* ```ts
|
|
253
|
+
* import { customAsync } from '@bquery/bquery/forms';
|
|
254
|
+
* const isUnique = customAsync(
|
|
255
|
+
* async (name: string) => !(await checkExists(name)),
|
|
256
|
+
* 'Already taken',
|
|
257
|
+
* );
|
|
258
|
+
* ```
|
|
259
|
+
*/
|
|
260
|
+
export const customAsync = <T = unknown>(
|
|
261
|
+
fn: (value: T) => Promise<boolean>,
|
|
262
|
+
message: string
|
|
263
|
+
): AsyncValidator<T> => {
|
|
264
|
+
return async (value: T) => ((await fn(value)) ? true : message);
|
|
265
|
+
};
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* Requires a field's value to match the current value of a reference signal.
|
|
269
|
+
*
|
|
270
|
+
* Typically used for "confirm password" or "confirm email" patterns where
|
|
271
|
+
* one field must have the same value as another.
|
|
272
|
+
*
|
|
273
|
+
* @param ref - A reactive signal whose current value is the comparison target
|
|
274
|
+
* @param message - Custom error message (default: `'Fields do not match'`)
|
|
275
|
+
* @returns A sync validator function
|
|
276
|
+
*
|
|
277
|
+
* @example
|
|
278
|
+
* ```ts
|
|
279
|
+
* import { signal } from '@bquery/bquery/reactive';
|
|
280
|
+
* import { matchField } from '@bquery/bquery/forms';
|
|
281
|
+
*
|
|
282
|
+
* const password = signal('secret');
|
|
283
|
+
* const confirmPassword = signal('');
|
|
284
|
+
* const validateConfirmPassword = matchField(password, 'Passwords must match');
|
|
285
|
+
*
|
|
286
|
+
* validateConfirmPassword(confirmPassword.value);
|
|
287
|
+
* ```
|
|
288
|
+
*/
|
|
289
|
+
export const matchField = <T>(
|
|
290
|
+
ref: { readonly value: T },
|
|
291
|
+
message = 'Fields do not match'
|
|
292
|
+
): SyncValidator<T> => {
|
|
293
|
+
return (value: T) => (Object.is(value, ref.value) ? true : message);
|
|
294
|
+
};
|