@bquery/bquery 1.7.0 → 1.8.1

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.
Files changed (262) hide show
  1. package/README.md +760 -716
  2. package/dist/{a11y-C5QOVvRn.js → a11y-DVBCy09c.js} +3 -3
  3. package/dist/a11y-DVBCy09c.js.map +1 -0
  4. package/dist/a11y.es.mjs +1 -1
  5. package/dist/component/library.d.ts.map +1 -1
  6. package/dist/{component-CuuTijA6.js → component-L3-JfOFz.js} +5 -5
  7. package/dist/component-L3-JfOFz.js.map +1 -0
  8. package/dist/component.es.mjs +1 -1
  9. package/dist/{config-BW35FKuA.js → config-DhT9auRm.js} +1 -1
  10. package/dist/{config-BW35FKuA.js.map → config-DhT9auRm.js.map} +1 -1
  11. package/dist/{constraints-3lV9yyBw.js → constraints-D5RHQLmP.js} +1 -1
  12. package/dist/constraints-D5RHQLmP.js.map +1 -0
  13. package/dist/core/collection.d.ts +86 -0
  14. package/dist/core/collection.d.ts.map +1 -1
  15. package/dist/core/element.d.ts +28 -0
  16. package/dist/core/element.d.ts.map +1 -1
  17. package/dist/core/shared.d.ts +6 -0
  18. package/dist/core/shared.d.ts.map +1 -1
  19. package/dist/core-DdtZHzsS.js +168 -0
  20. package/dist/core-DdtZHzsS.js.map +1 -0
  21. package/dist/{core-Cjl7GUu8.js → core-EMYSLzaT.js} +289 -259
  22. package/dist/core-EMYSLzaT.js.map +1 -0
  23. package/dist/core.es.mjs +48 -47
  24. package/dist/{custom-directives-7wAShnnd.js → custom-directives-Dr4C5lVV.js} +1 -1
  25. package/dist/custom-directives-Dr4C5lVV.js.map +1 -0
  26. package/dist/{devtools-D2fQLhDN.js → devtools-BhB2iDPT.js} +2 -2
  27. package/dist/devtools-BhB2iDPT.js.map +1 -0
  28. package/dist/devtools.es.mjs +1 -1
  29. package/dist/{dnd-B8EgyzaI.js → dnd-NwZBYh4l.js} +1 -1
  30. package/dist/dnd-NwZBYh4l.js.map +1 -0
  31. package/dist/dnd.es.mjs +1 -1
  32. package/dist/{env-NeVmr4Gf.js → env-CTdvLaH2.js} +1 -1
  33. package/dist/env-CTdvLaH2.js.map +1 -0
  34. package/dist/forms/create-form.d.ts.map +1 -1
  35. package/dist/forms/index.d.ts +3 -2
  36. package/dist/forms/index.d.ts.map +1 -1
  37. package/dist/forms/types.d.ts +46 -0
  38. package/dist/forms/types.d.ts.map +1 -1
  39. package/dist/forms/use-field.d.ts +34 -0
  40. package/dist/forms/use-field.d.ts.map +1 -0
  41. package/dist/forms/validators.d.ts +25 -0
  42. package/dist/forms/validators.d.ts.map +1 -1
  43. package/dist/forms-UcRHsYxC.js +227 -0
  44. package/dist/forms-UcRHsYxC.js.map +1 -0
  45. package/dist/forms.es.mjs +14 -12
  46. package/dist/full.d.ts +17 -26
  47. package/dist/full.d.ts.map +1 -1
  48. package/dist/full.es.mjs +206 -181
  49. package/dist/full.iife.js +33 -33
  50. package/dist/full.iife.js.map +1 -1
  51. package/dist/full.umd.js +33 -33
  52. package/dist/full.umd.js.map +1 -1
  53. package/dist/function-Cybd57JV.js +33 -0
  54. package/dist/function-Cybd57JV.js.map +1 -0
  55. package/dist/{i18n-BnnhTFOS.js → i18n-kuF6Ekj6.js} +3 -3
  56. package/dist/i18n-kuF6Ekj6.js.map +1 -0
  57. package/dist/i18n.es.mjs +1 -1
  58. package/dist/index.es.mjs +251 -228
  59. package/dist/media/breakpoints.d.ts.map +1 -1
  60. package/dist/media/types.d.ts +2 -2
  61. package/dist/media/types.d.ts.map +1 -1
  62. package/dist/{media-Di2Ta22s.js → media-i-fB5WxI.js} +3 -3
  63. package/dist/media-i-fB5WxI.js.map +1 -0
  64. package/dist/media.es.mjs +1 -1
  65. package/dist/{motion-qPj_TYGv.js → motion-BJsAuULb.js} +2 -2
  66. package/dist/motion-BJsAuULb.js.map +1 -0
  67. package/dist/motion.es.mjs +1 -1
  68. package/dist/{mount-SM07RUa6.js → mount-B4Y8bk8Z.js} +5 -5
  69. package/dist/mount-B4Y8bk8Z.js.map +1 -0
  70. package/dist/{platform-CPbCprb6.js → platform-Dw2gE3zI.js} +3 -3
  71. package/dist/{platform-CPbCprb6.js.map → platform-Dw2gE3zI.js.map} +1 -1
  72. package/dist/platform.es.mjs +2 -2
  73. package/dist/plugin/registry.d.ts.map +1 -1
  74. package/dist/{plugin-cPoOHFLY.js → plugin-C2WuC8SF.js} +20 -18
  75. package/dist/plugin-C2WuC8SF.js.map +1 -0
  76. package/dist/plugin.es.mjs +1 -1
  77. package/dist/reactive/async-data.d.ts +28 -3
  78. package/dist/reactive/async-data.d.ts.map +1 -1
  79. package/dist/reactive/computed.d.ts +3 -0
  80. package/dist/reactive/computed.d.ts.map +1 -1
  81. package/dist/reactive/effect.d.ts +3 -0
  82. package/dist/reactive/effect.d.ts.map +1 -1
  83. package/dist/reactive/http.d.ts +194 -0
  84. package/dist/reactive/http.d.ts.map +1 -0
  85. package/dist/reactive/index.d.ts +2 -2
  86. package/dist/reactive/index.d.ts.map +1 -1
  87. package/dist/reactive/pagination.d.ts +126 -0
  88. package/dist/reactive/pagination.d.ts.map +1 -0
  89. package/dist/reactive/polling.d.ts +55 -0
  90. package/dist/reactive/polling.d.ts.map +1 -0
  91. package/dist/reactive/readonly.d.ts +20 -1
  92. package/dist/reactive/readonly.d.ts.map +1 -1
  93. package/dist/reactive/rest.d.ts +293 -0
  94. package/dist/reactive/rest.d.ts.map +1 -0
  95. package/dist/reactive/scope.d.ts +140 -0
  96. package/dist/reactive/scope.d.ts.map +1 -0
  97. package/dist/reactive/signal.d.ts +16 -2
  98. package/dist/reactive/signal.d.ts.map +1 -1
  99. package/dist/reactive/to-value.d.ts +57 -0
  100. package/dist/reactive/to-value.d.ts.map +1 -0
  101. package/dist/reactive/websocket.d.ts +285 -0
  102. package/dist/reactive/websocket.d.ts.map +1 -0
  103. package/dist/reactive-DwkhUJfP.js +1148 -0
  104. package/dist/reactive-DwkhUJfP.js.map +1 -0
  105. package/dist/reactive.es.mjs +38 -19
  106. package/dist/{registry-CWf368tT.js → registry-B08iilIh.js} +1 -1
  107. package/dist/{registry-CWf368tT.js.map → registry-B08iilIh.js.map} +1 -1
  108. package/dist/router/constraints.d.ts.map +1 -1
  109. package/dist/router/index.d.ts +1 -1
  110. package/dist/router/index.d.ts.map +1 -1
  111. package/dist/router/router.d.ts.map +1 -1
  112. package/dist/router/state.d.ts +25 -2
  113. package/dist/router/state.d.ts.map +1 -1
  114. package/dist/router-CQikC9Ed.js +492 -0
  115. package/dist/router-CQikC9Ed.js.map +1 -0
  116. package/dist/router.es.mjs +9 -8
  117. package/dist/ssr/hydrate.d.ts.map +1 -1
  118. package/dist/{ssr-B2qd_WBB.js → ssr-_dAcGdzu.js} +4 -4
  119. package/dist/ssr-_dAcGdzu.js.map +1 -0
  120. package/dist/ssr.es.mjs +1 -1
  121. package/dist/store/persisted.d.ts.map +1 -1
  122. package/dist/{store-DWpyH6p5.js → store-Cb3gPRve.js} +7 -7
  123. package/dist/store-Cb3gPRve.js.map +1 -0
  124. package/dist/store.es.mjs +2 -2
  125. package/dist/storybook.es.mjs.map +1 -1
  126. package/dist/{testing-CsqjNUyy.js → testing-C5Sjfsna.js} +8 -8
  127. package/dist/testing-C5Sjfsna.js.map +1 -0
  128. package/dist/testing.es.mjs +1 -1
  129. package/dist/{type-guards-Do9DWgNp.js → type-guards-BMX2c0LP.js} +1 -1
  130. package/dist/{type-guards-Do9DWgNp.js.map → type-guards-BMX2c0LP.js.map} +1 -1
  131. package/dist/untrack-D0fnO5k2.js +36 -0
  132. package/dist/untrack-D0fnO5k2.js.map +1 -0
  133. package/dist/view/custom-directives.d.ts.map +1 -1
  134. package/dist/view.es.mjs +4 -4
  135. package/package.json +177 -177
  136. package/src/a11y/announce.ts +131 -131
  137. package/src/a11y/audit.ts +314 -314
  138. package/src/a11y/index.ts +68 -68
  139. package/src/a11y/media-preferences.ts +255 -255
  140. package/src/a11y/roving-tab-index.ts +164 -164
  141. package/src/a11y/skip-link.ts +255 -255
  142. package/src/a11y/trap-focus.ts +184 -184
  143. package/src/a11y/types.ts +183 -183
  144. package/src/component/component.ts +599 -599
  145. package/src/component/html.ts +153 -153
  146. package/src/component/index.ts +52 -52
  147. package/src/component/library.ts +540 -542
  148. package/src/component/scope.ts +212 -212
  149. package/src/component/types.ts +310 -310
  150. package/src/core/collection.ts +876 -707
  151. package/src/core/element.ts +1015 -981
  152. package/src/core/env.ts +60 -60
  153. package/src/core/index.ts +49 -49
  154. package/src/core/shared.ts +77 -62
  155. package/src/core/utils/index.ts +148 -148
  156. package/src/devtools/devtools.ts +410 -410
  157. package/src/devtools/index.ts +48 -48
  158. package/src/devtools/types.ts +104 -104
  159. package/src/dnd/draggable.ts +296 -296
  160. package/src/dnd/droppable.ts +228 -228
  161. package/src/dnd/index.ts +62 -62
  162. package/src/dnd/sortable.ts +307 -307
  163. package/src/dnd/types.ts +293 -293
  164. package/src/forms/create-form.ts +320 -278
  165. package/src/forms/index.ts +70 -65
  166. package/src/forms/types.ts +203 -154
  167. package/src/forms/use-field.ts +231 -0
  168. package/src/forms/validators.ts +294 -265
  169. package/src/full.ts +554 -480
  170. package/src/i18n/formatting.ts +67 -67
  171. package/src/i18n/i18n.ts +200 -200
  172. package/src/i18n/index.ts +67 -67
  173. package/src/i18n/translate.ts +182 -182
  174. package/src/i18n/types.ts +171 -171
  175. package/src/index.ts +108 -108
  176. package/src/media/battery.ts +116 -116
  177. package/src/media/breakpoints.ts +129 -131
  178. package/src/media/clipboard.ts +80 -80
  179. package/src/media/device-sensors.ts +158 -158
  180. package/src/media/geolocation.ts +119 -119
  181. package/src/media/index.ts +76 -76
  182. package/src/media/media-query.ts +92 -92
  183. package/src/media/network.ts +115 -115
  184. package/src/media/types.ts +177 -177
  185. package/src/media/viewport.ts +84 -84
  186. package/src/motion/index.ts +57 -57
  187. package/src/motion/morph.ts +151 -151
  188. package/src/motion/parallax.ts +120 -120
  189. package/src/motion/reduced-motion.ts +66 -66
  190. package/src/motion/types.ts +271 -271
  191. package/src/motion/typewriter.ts +164 -164
  192. package/src/plugin/index.ts +37 -37
  193. package/src/plugin/registry.ts +284 -269
  194. package/src/plugin/types.ts +137 -137
  195. package/src/reactive/async-data.ts +250 -29
  196. package/src/reactive/computed.ts +144 -130
  197. package/src/reactive/effect.ts +29 -6
  198. package/src/reactive/http.ts +790 -0
  199. package/src/reactive/index.ts +60 -0
  200. package/src/reactive/pagination.ts +317 -0
  201. package/src/reactive/polling.ts +179 -0
  202. package/src/reactive/readonly.ts +52 -8
  203. package/src/reactive/rest.ts +859 -0
  204. package/src/reactive/scope.ts +276 -0
  205. package/src/reactive/signal.ts +61 -1
  206. package/src/reactive/to-value.ts +71 -0
  207. package/src/reactive/websocket.ts +849 -0
  208. package/src/router/bq-link.ts +279 -279
  209. package/src/router/constraints.ts +204 -201
  210. package/src/router/index.ts +49 -49
  211. package/src/router/match.ts +312 -312
  212. package/src/router/path-pattern.ts +52 -52
  213. package/src/router/query.ts +38 -38
  214. package/src/router/router.ts +421 -402
  215. package/src/router/state.ts +51 -3
  216. package/src/router/types.ts +139 -139
  217. package/src/router/use-route.ts +68 -68
  218. package/src/router/utils.ts +157 -157
  219. package/src/security/index.ts +12 -12
  220. package/src/ssr/hydrate.ts +84 -82
  221. package/src/ssr/index.ts +70 -70
  222. package/src/ssr/render.ts +508 -508
  223. package/src/ssr/serialize.ts +296 -296
  224. package/src/ssr/types.ts +81 -81
  225. package/src/store/create-store.ts +467 -467
  226. package/src/store/index.ts +27 -27
  227. package/src/store/persisted.ts +245 -249
  228. package/src/store/types.ts +247 -247
  229. package/src/store/utils.ts +135 -135
  230. package/src/storybook/index.ts +480 -480
  231. package/src/testing/index.ts +42 -42
  232. package/src/testing/testing.ts +593 -593
  233. package/src/testing/types.ts +170 -170
  234. package/src/view/custom-directives.ts +28 -30
  235. package/src/view/evaluate.ts +292 -292
  236. package/src/view/process.ts +108 -108
  237. package/dist/a11y-C5QOVvRn.js.map +0 -1
  238. package/dist/component-CuuTijA6.js.map +0 -1
  239. package/dist/constraints-3lV9yyBw.js.map +0 -1
  240. package/dist/core-Cjl7GUu8.js.map +0 -1
  241. package/dist/core-DnlyjbF2.js +0 -112
  242. package/dist/core-DnlyjbF2.js.map +0 -1
  243. package/dist/custom-directives-7wAShnnd.js.map +0 -1
  244. package/dist/devtools-D2fQLhDN.js.map +0 -1
  245. package/dist/dnd-B8EgyzaI.js.map +0 -1
  246. package/dist/env-NeVmr4Gf.js.map +0 -1
  247. package/dist/forms-C3yovgH9.js +0 -141
  248. package/dist/forms-C3yovgH9.js.map +0 -1
  249. package/dist/i18n-BnnhTFOS.js.map +0 -1
  250. package/dist/media-Di2Ta22s.js.map +0 -1
  251. package/dist/motion-qPj_TYGv.js.map +0 -1
  252. package/dist/mount-SM07RUa6.js.map +0 -1
  253. package/dist/plugin-cPoOHFLY.js.map +0 -1
  254. package/dist/reactive-Cfv0RK6x.js +0 -233
  255. package/dist/reactive-Cfv0RK6x.js.map +0 -1
  256. package/dist/router-BrthaP_z.js +0 -473
  257. package/dist/router-BrthaP_z.js.map +0 -1
  258. package/dist/ssr-B2qd_WBB.js.map +0 -1
  259. package/dist/store-DWpyH6p5.js.map +0 -1
  260. package/dist/testing-CsqjNUyy.js.map +0 -1
  261. package/dist/untrack-DJVQQ2WM.js +0 -33
  262. package/dist/untrack-DJVQQ2WM.js.map +0 -1
@@ -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
+ };