@fynixorg/ui 1.0.10 → 1.0.12
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 +21 -0
- package/dist/README.md +36 -0
- package/dist/context/context.d.ts +19 -0
- package/dist/context/context.d.ts.map +1 -0
- package/dist/context/context.js +3 -11
- package/dist/context/context.js.map +3 -3
- package/dist/custom/button.d.ts +2 -0
- package/dist/custom/button.d.ts.map +1 -0
- package/dist/custom/button.js +2 -9
- package/dist/custom/button.js.map +3 -3
- package/dist/custom/index.d.ts +3 -0
- package/dist/custom/index.d.ts.map +1 -0
- package/dist/custom/index.js +2 -7
- package/dist/custom/index.js.map +3 -3
- package/dist/custom/path.d.ts +14 -0
- package/dist/custom/path.d.ts.map +1 -0
- package/dist/custom/path.js +17 -34
- package/dist/custom/path.js.map +3 -3
- package/dist/error/errorOverlay.d.ts +3 -0
- package/dist/error/errorOverlay.d.ts.map +1 -0
- package/dist/error/errorOverlay.js +82 -91
- package/dist/error/errorOverlay.js.map +3 -3
- package/dist/fynix/index.d.ts +5 -0
- package/dist/fynix/index.d.ts.map +1 -0
- package/dist/fynix/index.js +2 -7
- package/dist/fynix/index.js.map +3 -3
- package/dist/hooks/nixAsync.d.ts +14 -0
- package/dist/hooks/nixAsync.d.ts.map +1 -0
- package/dist/hooks/nixAsync.js +38 -43
- package/dist/hooks/nixAsync.js.map +3 -3
- package/dist/hooks/nixAsyncCache.d.ts +14 -0
- package/dist/hooks/nixAsyncCache.d.ts.map +1 -0
- package/dist/hooks/nixAsyncCache.js +57 -59
- package/dist/hooks/nixAsyncCache.js.map +3 -3
- package/dist/hooks/nixAsyncDebounce.d.ts +22 -0
- package/dist/hooks/nixAsyncDebounce.d.ts.map +1 -0
- package/dist/hooks/nixAsyncDebounce.js +74 -85
- package/dist/hooks/nixAsyncDebounce.js.map +3 -3
- package/dist/hooks/nixAsyncQuery.d.ts +16 -0
- package/dist/hooks/nixAsyncQuery.d.ts.map +1 -0
- package/dist/hooks/nixAsyncQuery.js +85 -79
- package/dist/hooks/nixAsyncQuery.js.map +3 -3
- package/dist/hooks/nixCallback.d.ts +2 -0
- package/dist/hooks/nixCallback.d.ts.map +1 -0
- package/dist/hooks/nixCallback.js +30 -40
- package/dist/hooks/nixCallback.js.map +3 -3
- package/dist/hooks/nixComputed.d.ts +16 -0
- package/dist/hooks/nixComputed.d.ts.map +1 -0
- package/dist/hooks/nixComputed.js +166 -198
- package/dist/hooks/nixComputed.js.map +4 -4
- package/dist/hooks/nixDebounce.d.ts +11 -0
- package/dist/hooks/nixDebounce.d.ts.map +1 -0
- package/dist/hooks/nixDebounce.js +53 -58
- package/dist/hooks/nixDebounce.js.map +3 -3
- package/dist/hooks/nixEffect.d.ts +4 -0
- package/dist/hooks/nixEffect.d.ts.map +1 -0
- package/dist/hooks/nixEffect.js +65 -75
- package/dist/hooks/nixEffect.js.map +3 -3
- package/dist/hooks/nixForm.d.ts +33 -0
- package/dist/hooks/nixForm.d.ts.map +1 -0
- package/dist/hooks/nixForm.js +110 -120
- package/dist/hooks/nixForm.js.map +3 -3
- package/dist/hooks/nixFormAsync.d.ts +42 -0
- package/dist/hooks/nixFormAsync.d.ts.map +1 -0
- package/dist/hooks/nixFormAsync.js +158 -167
- package/dist/hooks/nixFormAsync.js.map +3 -3
- package/dist/hooks/nixInterval.d.ts +2 -0
- package/dist/hooks/nixInterval.d.ts.map +1 -0
- package/dist/hooks/nixInterval.js +21 -27
- package/dist/hooks/nixInterval.js.map +3 -3
- package/dist/hooks/nixLazy.d.ts +8 -0
- package/dist/hooks/nixLazy.d.ts.map +1 -0
- package/dist/hooks/nixLazy.js +53 -58
- package/dist/hooks/nixLazy.js.map +3 -3
- package/dist/hooks/nixLazyAsync.d.ts +10 -0
- package/dist/hooks/nixLazyAsync.d.ts.map +1 -0
- package/dist/hooks/nixLazyAsync.js +65 -71
- package/dist/hooks/nixLazyAsync.js.map +3 -3
- package/dist/hooks/nixLazyFormAsync.d.ts +50 -0
- package/dist/hooks/nixLazyFormAsync.d.ts.map +1 -0
- package/dist/hooks/nixLazyFormAsync.js +209 -213
- package/dist/hooks/nixLazyFormAsync.js.map +3 -3
- package/dist/hooks/nixLocalStorage.d.ts +5 -0
- package/dist/hooks/nixLocalStorage.d.ts.map +1 -0
- package/dist/hooks/nixLocalStorage.js +21 -25
- package/dist/hooks/nixLocalStorage.js.map +3 -3
- package/dist/hooks/nixMemo.d.ts +2 -0
- package/dist/hooks/nixMemo.d.ts.map +1 -0
- package/dist/hooks/nixMemo.js +27 -31
- package/dist/hooks/nixMemo.js.map +3 -3
- package/dist/hooks/nixPrevious.d.ts +2 -0
- package/dist/hooks/nixPrevious.d.ts.map +1 -0
- package/dist/hooks/nixPrevious.js +13 -19
- package/dist/hooks/nixPrevious.js.map +3 -3
- package/dist/hooks/nixRef.d.ts +4 -0
- package/dist/hooks/nixRef.d.ts.map +1 -0
- package/dist/hooks/nixRef.js +14 -20
- package/dist/hooks/nixRef.js.map +3 -3
- package/dist/hooks/nixState.d.ts +15 -0
- package/dist/hooks/nixState.d.ts.map +1 -0
- package/dist/hooks/nixState.js +120 -173
- package/dist/hooks/nixState.js.map +3 -3
- package/dist/hooks/nixStore.d.ts +7 -0
- package/dist/hooks/nixStore.d.ts.map +1 -0
- package/dist/hooks/nixStore.js +48 -54
- package/dist/hooks/nixStore.js.map +3 -3
- package/dist/package.json +213 -0
- package/dist/plugins/vite-plugin-res.d.ts +41 -0
- package/dist/plugins/vite-plugin-res.d.ts.map +1 -0
- package/dist/plugins/vite-plugin-res.js +620 -33
- package/dist/plugins/vite-plugin-res.js.map +4 -4
- package/dist/router/router.d.ts +35 -0
- package/dist/router/router.d.ts.map +1 -0
- package/dist/router/router.js +520 -486
- package/dist/router/router.js.map +3 -3
- package/dist/runtime.d.ts +62 -0
- package/dist/runtime.d.ts.map +1 -0
- package/dist/runtime.js +833 -820
- package/dist/runtime.js.map +4 -4
- package/package.json +226 -43
- package/types/fnx.d.ts +72 -0
- package/types/fynix-ui.d.ts +323 -0
- package/types/global.d.ts +46 -6
- package/types/index.d.ts +37 -0
- package/types/vite-env.d.ts +553 -0
- package/runtime.d.ts +0 -83
- package/types/jsx.d.ts +0 -692
|
@@ -1,178 +1,169 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { nixState } from "./nixState.js";
|
|
4
1
|
import { nixComputed } from "./nixComputed.js";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
values.value = { ...values.value, [fieldName]: value };
|
|
40
|
-
if (touched.value[fieldName]) {
|
|
41
|
-
const err = validate(fieldName, value);
|
|
42
|
-
if (err)
|
|
43
|
-
errors.value = { ...errors.value, [fieldName]: err };
|
|
44
|
-
else {
|
|
45
|
-
const newErrors = { ...errors.value };
|
|
46
|
-
delete newErrors[fieldName];
|
|
47
|
-
errors.value = newErrors;
|
|
48
|
-
}
|
|
2
|
+
import { nixState } from "./nixState.js";
|
|
3
|
+
export function nixFormAsync(initialValues = {}, validationRules = {}, options = {}) {
|
|
4
|
+
const values = nixState({ ...initialValues });
|
|
5
|
+
const errors = nixState({});
|
|
6
|
+
const touched = nixState({});
|
|
7
|
+
const isSubmitting = nixState(false);
|
|
8
|
+
const isValid = nixComputed(() => Object.keys(errors.value).length === 0);
|
|
9
|
+
const { delay = 300, leading = false, trailing = true, maxWait, cache = true, } = options;
|
|
10
|
+
const data = nixState(null);
|
|
11
|
+
const error = nixState(null);
|
|
12
|
+
const loading = nixState(false);
|
|
13
|
+
let abortController = null;
|
|
14
|
+
let timerId = null;
|
|
15
|
+
let lastInvokeTime = 0;
|
|
16
|
+
let lastResult = null;
|
|
17
|
+
let lastError = null;
|
|
18
|
+
let pendingPromise = null;
|
|
19
|
+
function validate(fieldName, value) {
|
|
20
|
+
const rules = validationRules[fieldName];
|
|
21
|
+
if (!rules)
|
|
22
|
+
return null;
|
|
23
|
+
if (rules.required && !value)
|
|
24
|
+
return rules.message || `${String(fieldName)} is required`;
|
|
25
|
+
if (rules.minLength && value.length < rules.minLength)
|
|
26
|
+
return (rules.message ||
|
|
27
|
+
`${String(fieldName)} must be at least ${rules.minLength} characters`);
|
|
28
|
+
if (rules.maxLength && value.length > rules.maxLength)
|
|
29
|
+
return (rules.message ||
|
|
30
|
+
`${String(fieldName)} must be at most ${rules.maxLength} characters`);
|
|
31
|
+
if (rules.pattern && !rules.pattern.test(value))
|
|
32
|
+
return rules.message || `${String(fieldName)} is invalid`;
|
|
33
|
+
if (rules.custom && !rules.custom(value, values.value))
|
|
34
|
+
return rules.message || `${String(fieldName)} is invalid`;
|
|
35
|
+
return null;
|
|
49
36
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
const err = validate(fieldName, values.value[fieldName]);
|
|
63
|
-
if (err)
|
|
64
|
-
newErrors[fieldName] = err;
|
|
65
|
-
});
|
|
66
|
-
errors.value = newErrors;
|
|
67
|
-
return Object.keys(newErrors).length === 0;
|
|
68
|
-
}
|
|
69
|
-
__name(validateAll, "validateAll");
|
|
70
|
-
async function invokeAsync(onSubmit) {
|
|
71
|
-
if (cache && lastResult !== null) {
|
|
72
|
-
data.value = lastResult;
|
|
73
|
-
error.value = lastError;
|
|
74
|
-
loading.value = false;
|
|
75
|
-
return lastResult;
|
|
37
|
+
function handleChange(fieldName, value) {
|
|
38
|
+
values.value = { ...values.value, [fieldName]: value };
|
|
39
|
+
if (touched.value[fieldName]) {
|
|
40
|
+
const err = validate(fieldName, value);
|
|
41
|
+
if (err)
|
|
42
|
+
errors.value = { ...errors.value, [fieldName]: err };
|
|
43
|
+
else {
|
|
44
|
+
const newErrors = { ...errors.value };
|
|
45
|
+
delete newErrors[fieldName];
|
|
46
|
+
errors.value = newErrors;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
76
49
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
error.value = null;
|
|
83
|
-
pendingPromise = onSubmit(values.value, signal);
|
|
84
|
-
try {
|
|
85
|
-
const result = await pendingPromise;
|
|
86
|
-
lastResult = result;
|
|
87
|
-
data.value = result;
|
|
88
|
-
return result;
|
|
89
|
-
} catch (err) {
|
|
90
|
-
if (err.name !== "AbortError") {
|
|
91
|
-
lastError = err;
|
|
92
|
-
error.value = err;
|
|
93
|
-
console.error("[nixFormAsync] submit error:", err);
|
|
94
|
-
}
|
|
95
|
-
throw err;
|
|
96
|
-
} finally {
|
|
97
|
-
loading.value = false;
|
|
98
|
-
pendingPromise = null;
|
|
99
|
-
lastInvokeTime = Date.now();
|
|
50
|
+
function handleBlur(fieldName) {
|
|
51
|
+
touched.value = { ...touched.value, [fieldName]: true };
|
|
52
|
+
const err = validate(fieldName, values.value[fieldName]);
|
|
53
|
+
if (err)
|
|
54
|
+
errors.value = { ...errors.value, [fieldName]: err };
|
|
100
55
|
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
if (maxWait !== void 0 && timeSinceLastInvoke >= maxWait) {
|
|
111
|
-
if (timerId)
|
|
112
|
-
clearTimeout(timerId);
|
|
113
|
-
timerId = null;
|
|
114
|
-
return invokeAsync(onSubmit);
|
|
56
|
+
function validateAll() {
|
|
57
|
+
const newErrors = {};
|
|
58
|
+
Object.keys(validationRules).forEach((fieldName) => {
|
|
59
|
+
const err = validate(fieldName, values.value[fieldName]);
|
|
60
|
+
if (err)
|
|
61
|
+
newErrors[fieldName] = err;
|
|
62
|
+
});
|
|
63
|
+
errors.value = newErrors;
|
|
64
|
+
return Object.keys(newErrors).length === 0;
|
|
115
65
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
66
|
+
async function invokeAsync(onSubmit) {
|
|
67
|
+
if (cache && lastResult !== null) {
|
|
68
|
+
data.value = lastResult;
|
|
69
|
+
error.value = lastError;
|
|
70
|
+
loading.value = false;
|
|
71
|
+
return lastResult;
|
|
72
|
+
}
|
|
73
|
+
if (abortController)
|
|
74
|
+
abortController.abort();
|
|
75
|
+
abortController = new AbortController();
|
|
76
|
+
const signal = abortController.signal;
|
|
77
|
+
loading.value = true;
|
|
78
|
+
error.value = null;
|
|
79
|
+
pendingPromise = onSubmit(values.value, signal);
|
|
80
|
+
try {
|
|
81
|
+
const result = await pendingPromise;
|
|
82
|
+
lastResult = result;
|
|
83
|
+
data.value = result;
|
|
84
|
+
return result;
|
|
85
|
+
}
|
|
86
|
+
catch (err) {
|
|
87
|
+
if (err.name !== "AbortError") {
|
|
88
|
+
lastError = err;
|
|
89
|
+
error.value = err;
|
|
90
|
+
console.error("[nixFormAsync] submit error:", err);
|
|
91
|
+
}
|
|
92
|
+
throw err;
|
|
93
|
+
}
|
|
94
|
+
finally {
|
|
95
|
+
loading.value = false;
|
|
96
|
+
pendingPromise = null;
|
|
97
|
+
lastInvokeTime = Date.now();
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
function handleSubmit(onSubmit) {
|
|
101
|
+
if (!validateAll())
|
|
102
|
+
return;
|
|
103
|
+
const now = Date.now();
|
|
104
|
+
const timeSinceLastInvoke = now - lastInvokeTime;
|
|
105
|
+
const remainingTime = delay - timeSinceLastInvoke;
|
|
106
|
+
const shouldInvokeLeading = leading && !timerId;
|
|
107
|
+
if (maxWait !== undefined && timeSinceLastInvoke >= maxWait) {
|
|
108
|
+
if (timerId)
|
|
109
|
+
clearTimeout(timerId);
|
|
110
|
+
timerId = null;
|
|
111
|
+
void invokeAsync(onSubmit);
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
if (timerId)
|
|
115
|
+
clearTimeout(timerId);
|
|
116
|
+
if (shouldInvokeLeading) {
|
|
117
|
+
void invokeAsync(onSubmit);
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
if (trailing) {
|
|
121
|
+
timerId = setTimeout(() => {
|
|
122
|
+
timerId = null;
|
|
123
|
+
void invokeAsync(onSubmit);
|
|
124
|
+
}, remainingTime > 0 ? remainingTime : delay);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
function cancelSubmit() {
|
|
128
|
+
if (abortController) {
|
|
129
|
+
abortController.abort();
|
|
130
|
+
abortController = null;
|
|
131
|
+
}
|
|
132
|
+
if (timerId)
|
|
133
|
+
clearTimeout(timerId);
|
|
122
134
|
timerId = null;
|
|
123
|
-
invokeAsync(onSubmit);
|
|
124
|
-
}, remainingTime > 0 ? remainingTime : delay);
|
|
125
135
|
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
136
|
+
function reset() {
|
|
137
|
+
values.value = { ...initialValues };
|
|
138
|
+
errors.value = {};
|
|
139
|
+
touched.value = {};
|
|
140
|
+
isSubmitting.value = false;
|
|
141
|
+
cancelSubmit();
|
|
142
|
+
data.value = null;
|
|
143
|
+
error.value = null;
|
|
144
|
+
loading.value = false;
|
|
145
|
+
}
|
|
146
|
+
function getFieldProps(fieldName) {
|
|
147
|
+
return {
|
|
148
|
+
value: values.value[fieldName] || "",
|
|
149
|
+
"r-input": (e) => handleChange(fieldName, e.target.value),
|
|
150
|
+
"r-blur": () => handleBlur(fieldName),
|
|
151
|
+
};
|
|
132
152
|
}
|
|
133
|
-
if (timerId)
|
|
134
|
-
clearTimeout(timerId);
|
|
135
|
-
timerId = null;
|
|
136
|
-
}
|
|
137
|
-
__name(cancelSubmit, "cancelSubmit");
|
|
138
|
-
function reset() {
|
|
139
|
-
values.value = { ...initialValues };
|
|
140
|
-
errors.value = {};
|
|
141
|
-
touched.value = {};
|
|
142
|
-
isSubmitting.value = false;
|
|
143
|
-
cancelSubmit();
|
|
144
|
-
data.value = null;
|
|
145
|
-
error.value = null;
|
|
146
|
-
loading.value = false;
|
|
147
|
-
}
|
|
148
|
-
__name(reset, "reset");
|
|
149
|
-
function getFieldProps(fieldName) {
|
|
150
153
|
return {
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
+
values,
|
|
155
|
+
errors,
|
|
156
|
+
touched,
|
|
157
|
+
isSubmitting,
|
|
158
|
+
isValid,
|
|
159
|
+
data,
|
|
160
|
+
error,
|
|
161
|
+
loading,
|
|
162
|
+
handleChange,
|
|
163
|
+
handleBlur,
|
|
164
|
+
handleSubmit,
|
|
165
|
+
cancelSubmit,
|
|
166
|
+
reset,
|
|
167
|
+
getFieldProps,
|
|
154
168
|
};
|
|
155
|
-
}
|
|
156
|
-
__name(getFieldProps, "getFieldProps");
|
|
157
|
-
return {
|
|
158
|
-
values,
|
|
159
|
-
errors,
|
|
160
|
-
touched,
|
|
161
|
-
isSubmitting,
|
|
162
|
-
isValid,
|
|
163
|
-
data,
|
|
164
|
-
error,
|
|
165
|
-
loading,
|
|
166
|
-
handleChange,
|
|
167
|
-
handleBlur,
|
|
168
|
-
handleSubmit,
|
|
169
|
-
cancelSubmit,
|
|
170
|
-
reset,
|
|
171
|
-
getFieldProps
|
|
172
|
-
};
|
|
173
169
|
}
|
|
174
|
-
__name(nixFormAsync, "nixFormAsync");
|
|
175
|
-
export {
|
|
176
|
-
nixFormAsync
|
|
177
|
-
};
|
|
178
|
-
//# sourceMappingURL=nixFormAsync.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../hooks/nixFormAsync.
|
|
4
|
-
"sourcesContent": ["// core/hooks/nixFormAsync.js\r\nimport {
|
|
5
|
-
"mappings": ";;
|
|
3
|
+
"sources": ["../../hooks/nixFormAsync.ts"],
|
|
4
|
+
"sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n// core/hooks/nixFormAsync.js\r\n\r\nimport { nixComputed } from \"./nixComputed.js\";\r\nimport { nixState } from \"./nixState.js\";\r\n\r\ntype ValidationRule<T> = {\r\n required?: boolean;\r\n minLength?: number;\r\n maxLength?: number;\r\n pattern?: RegExp;\r\n custom?: (value: any, values: T) => boolean;\r\n message?: string;\r\n};\r\n\r\ntype ValidationRules<T> = {\r\n [K in keyof T]?: ValidationRule<T>;\r\n};\r\n\r\ntype FormAsyncState<T, D = any, E = any> = {\r\n values: ReturnType<typeof nixState<T>>;\r\n errors: ReturnType<typeof nixState<Partial<Record<keyof T, string>>>>;\r\n touched: ReturnType<typeof nixState<Partial<Record<keyof T, boolean>>>>;\r\n isSubmitting: ReturnType<typeof nixState<boolean>>;\r\n isValid: ReturnType<typeof nixComputed<boolean>>;\r\n data: ReturnType<typeof nixState<D | null>>;\r\n error: ReturnType<typeof nixState<E | null>>;\r\n loading: ReturnType<typeof nixState<boolean>>;\r\n handleChange: (fieldName: keyof T, value: any) => void;\r\n handleBlur: (fieldName: keyof T) => void;\r\n handleSubmit: (\r\n onSubmit: (values: T, signal: AbortSignal) => Promise<D>\r\n ) => void;\r\n cancelSubmit: () => void;\r\n reset: () => void;\r\n getFieldProps: (fieldName: keyof T) => {\r\n value: any;\r\n \"r-input\": (e: any) => void;\r\n \"r-blur\": () => void;\r\n };\r\n};\r\n\r\n/**\r\n * Full-featured reactive form with debounced async API submission.\r\n *\r\n * @param {Object} [initialValues={}] - Initial field values.\r\n * @param {Object} [validationRules={}] - Validation rules for each field.\r\n * @param {Object} [options={}] - Async submit options.\r\n * @param {number} [options.delay=300] - Debounce delay in ms.\r\n * @param {boolean} [options.leading=false] - Invoke submit on leading edge.\r\n * @param {boolean} [options.trailing=true] - Invoke submit on trailing edge.\r\n * @param {number} [options.maxWait] - Maximum wait time before forced invocation.\r\n * @param {boolean} [options.cache=true] - Cache last submission result.\r\n * @returns {Object} Form API with state, validation, and debounced async submission.\r\n */\r\nexport function nixFormAsync<\r\n T extends Record<string, any> = Record<string, any>,\r\n D = any,\r\n E = any,\r\n>(\r\n initialValues: T = {} as T,\r\n validationRules: ValidationRules<T> = {} as ValidationRules<T>,\r\n options: {\r\n delay?: number;\r\n leading?: boolean;\r\n trailing?: boolean;\r\n maxWait?: number;\r\n cache?: boolean;\r\n } = {}\r\n): FormAsyncState<T, D, E> {\r\n const values = nixState<T>({ ...initialValues });\r\n const errors = nixState<Partial<Record<keyof T, string>>>({});\r\n const touched = nixState<Partial<Record<keyof T, boolean>>>({});\r\n const isSubmitting = nixState<boolean>(false);\r\n const isValid = nixComputed<boolean>(\r\n () => Object.keys(errors.value).length === 0\r\n );\r\n\r\n const {\r\n delay = 300,\r\n leading = false,\r\n trailing = true,\r\n maxWait,\r\n cache = true,\r\n } = options;\r\n const data = nixState<D | null>(null);\r\n const error = nixState<E | null>(null);\r\n const loading = nixState<boolean>(false);\r\n\r\n let abortController: AbortController | null = null;\r\n let timerId: ReturnType<typeof setTimeout> | null = null;\r\n let lastInvokeTime = 0;\r\n let lastResult: D | null = null;\r\n let lastError: E | null = null;\r\n let pendingPromise: Promise<D> | null = null;\r\n\r\n function validate(fieldName: keyof T, value: any): string | null {\r\n const rules = validationRules[fieldName];\r\n if (!rules) return null;\r\n\r\n if (rules.required && !value)\r\n return rules.message || `${String(fieldName)} is required`;\r\n if (rules.minLength && value.length < rules.minLength)\r\n return (\r\n rules.message ||\r\n `${String(fieldName)} must be at least ${rules.minLength} characters`\r\n );\r\n if (rules.maxLength && value.length > rules.maxLength)\r\n return (\r\n rules.message ||\r\n `${String(fieldName)} must be at most ${rules.maxLength} characters`\r\n );\r\n if (rules.pattern && !rules.pattern.test(value))\r\n return rules.message || `${String(fieldName)} is invalid`;\r\n if (rules.custom && !rules.custom(value, values.value))\r\n return rules.message || `${String(fieldName)} is invalid`;\r\n\r\n return null;\r\n }\r\n\r\n function handleChange(fieldName: keyof T, value: any): void {\r\n values.value = { ...values.value, [fieldName]: value };\r\n\r\n if (touched.value[fieldName]) {\r\n const err = validate(fieldName, value);\r\n if (err) errors.value = { ...errors.value, [fieldName]: err };\r\n else {\r\n const newErrors = { ...errors.value };\r\n delete newErrors[fieldName];\r\n errors.value = newErrors;\r\n }\r\n }\r\n }\r\n\r\n function handleBlur(fieldName: keyof T): void {\r\n touched.value = { ...touched.value, [fieldName]: true };\r\n const err = validate(fieldName, values.value[fieldName]);\r\n if (err) errors.value = { ...errors.value, [fieldName]: err };\r\n }\r\n\r\n function validateAll(): boolean {\r\n const newErrors: Partial<Record<keyof T, string>> = {};\r\n (Object.keys(validationRules) as Array<keyof T>).forEach((fieldName) => {\r\n const err = validate(fieldName, values.value[fieldName]);\r\n if (err) newErrors[fieldName] = err;\r\n });\r\n errors.value = newErrors;\r\n return Object.keys(newErrors).length === 0;\r\n }\r\n\r\n async function invokeAsync(\r\n onSubmit: (values: T, signal: AbortSignal) => Promise<D>\r\n ): Promise<D | undefined> {\r\n if (cache && lastResult !== null) {\r\n data.value = lastResult;\r\n error.value = lastError;\r\n loading.value = false;\r\n return lastResult;\r\n }\r\n if (abortController) abortController.abort();\r\n abortController = new AbortController();\r\n const signal = abortController.signal;\r\n loading.value = true;\r\n error.value = null;\r\n pendingPromise = onSubmit(values.value, signal);\r\n try {\r\n const result = await pendingPromise;\r\n lastResult = result;\r\n data.value = result;\r\n return result;\r\n } catch (err: any) {\r\n if (err.name !== \"AbortError\") {\r\n lastError = err;\r\n error.value = err;\r\n console.error(\"[nixFormAsync] submit error:\", err);\r\n }\r\n throw err;\r\n } finally {\r\n loading.value = false;\r\n pendingPromise = null;\r\n lastInvokeTime = Date.now();\r\n }\r\n }\r\n\r\n function handleSubmit(\r\n onSubmit: (values: T, signal: AbortSignal) => Promise<D>\r\n ): void {\r\n if (!validateAll()) return;\r\n const now = Date.now();\r\n const timeSinceLastInvoke = now - lastInvokeTime;\r\n const remainingTime = delay - timeSinceLastInvoke;\r\n const shouldInvokeLeading = leading && !timerId;\r\n if (maxWait !== undefined && timeSinceLastInvoke >= maxWait) {\r\n if (timerId) clearTimeout(timerId);\r\n timerId = null;\r\n void invokeAsync(onSubmit);\r\n return;\r\n }\r\n if (timerId) clearTimeout(timerId);\r\n if (shouldInvokeLeading) {\r\n void invokeAsync(onSubmit);\r\n return;\r\n }\r\n if (trailing) {\r\n timerId = setTimeout(\r\n () => {\r\n timerId = null;\r\n void invokeAsync(onSubmit);\r\n },\r\n remainingTime > 0 ? remainingTime : delay\r\n );\r\n }\r\n }\r\n\r\n function cancelSubmit(): void {\r\n if (abortController) {\r\n abortController.abort();\r\n abortController = null;\r\n }\r\n if (timerId) clearTimeout(timerId);\r\n timerId = null;\r\n }\r\n\r\n function reset(): void {\r\n values.value = { ...initialValues };\r\n errors.value = {};\r\n touched.value = {};\r\n isSubmitting.value = false;\r\n cancelSubmit();\r\n data.value = null;\r\n error.value = null;\r\n loading.value = false;\r\n }\r\n\r\n function getFieldProps(fieldName: keyof T) {\r\n return {\r\n value: values.value[fieldName] || \"\",\r\n \"r-input\": (e: any) => handleChange(fieldName, e.target.value),\r\n \"r-blur\": () => handleBlur(fieldName),\r\n };\r\n }\r\n\r\n return {\r\n values,\r\n errors,\r\n touched,\r\n isSubmitting,\r\n isValid,\r\n data,\r\n error,\r\n loading,\r\n handleChange,\r\n handleBlur,\r\n handleSubmit,\r\n cancelSubmit,\r\n reset,\r\n getFieldProps,\r\n };\r\n}\r\n"],
|
|
5
|
+
"mappings": ";;AAwBA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAmDlB,SAAS,aAKd,gBAAmB,CAAC,GACpB,kBAAsC,CAAC,GACvC,UAMI,CAAC,GACoB;AACzB,QAAM,SAAS,SAAY,EAAE,GAAG,cAAc,CAAC;AAC/C,QAAM,SAAS,SAA2C,CAAC,CAAC;AAC5D,QAAM,UAAU,SAA4C,CAAC,CAAC;AAC9D,QAAM,eAAe,SAAkB,KAAK;AAC5C,QAAM,UAAU;AAAA,IACd,MAAM,OAAO,KAAK,OAAO,KAAK,EAAE,WAAW;AAAA,EAC7C;AAEA,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,EACV,IAAI;AACJ,QAAM,OAAO,SAAmB,IAAI;AACpC,QAAM,QAAQ,SAAmB,IAAI;AACrC,QAAM,UAAU,SAAkB,KAAK;AAEvC,MAAI,kBAA0C;AAC9C,MAAI,UAAgD;AACpD,MAAI,iBAAiB;AACrB,MAAI,aAAuB;AAC3B,MAAI,YAAsB;AAC1B,MAAI,iBAAoC;AAExC,WAAS,SAAS,WAAoB,OAA2B;AAC/D,UAAM,QAAQ,gBAAgB,SAAS;AACvC,QAAI,CAAC,MAAO,QAAO;AAEnB,QAAI,MAAM,YAAY,CAAC;AACrB,aAAO,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC;AAC9C,QAAI,MAAM,aAAa,MAAM,SAAS,MAAM;AAC1C,aACE,MAAM,WACN,GAAG,OAAO,SAAS,CAAC,qBAAqB,MAAM,SAAS;AAE5D,QAAI,MAAM,aAAa,MAAM,SAAS,MAAM;AAC1C,aACE,MAAM,WACN,GAAG,OAAO,SAAS,CAAC,oBAAoB,MAAM,SAAS;AAE3D,QAAI,MAAM,WAAW,CAAC,MAAM,QAAQ,KAAK,KAAK;AAC5C,aAAO,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC;AAC9C,QAAI,MAAM,UAAU,CAAC,MAAM,OAAO,OAAO,OAAO,KAAK;AACnD,aAAO,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC;AAE9C,WAAO;AAAA,EACT;AAtBS;AAwBT,WAAS,aAAa,WAAoB,OAAkB;AAC1D,WAAO,QAAQ,EAAE,GAAG,OAAO,OAAO,CAAC,SAAS,GAAG,MAAM;AAErD,QAAI,QAAQ,MAAM,SAAS,GAAG;AAC5B,YAAM,MAAM,SAAS,WAAW,KAAK;AACrC,UAAI,IAAK,QAAO,QAAQ,EAAE,GAAG,OAAO,OAAO,CAAC,SAAS,GAAG,IAAI;AAAA,WACvD;AACH,cAAM,YAAY,EAAE,GAAG,OAAO,MAAM;AACpC,eAAO,UAAU,SAAS;AAC1B,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAZS;AAcT,WAAS,WAAW,WAA0B;AAC5C,YAAQ,QAAQ,EAAE,GAAG,QAAQ,OAAO,CAAC,SAAS,GAAG,KAAK;AACtD,UAAM,MAAM,SAAS,WAAW,OAAO,MAAM,SAAS,CAAC;AACvD,QAAI,IAAK,QAAO,QAAQ,EAAE,GAAG,OAAO,OAAO,CAAC,SAAS,GAAG,IAAI;AAAA,EAC9D;AAJS;AAMT,WAAS,cAAuB;AAC9B,UAAM,YAA8C,CAAC;AACrD,IAAC,OAAO,KAAK,eAAe,EAAqB,QAAQ,CAAC,cAAc;AACtE,YAAM,MAAM,SAAS,WAAW,OAAO,MAAM,SAAS,CAAC;AACvD,UAAI,IAAK,WAAU,SAAS,IAAI;AAAA,IAClC,CAAC;AACD,WAAO,QAAQ;AACf,WAAO,OAAO,KAAK,SAAS,EAAE,WAAW;AAAA,EAC3C;AARS;AAUT,iBAAe,YACb,UACwB;AACxB,QAAI,SAAS,eAAe,MAAM;AAChC,WAAK,QAAQ;AACb,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAChB,aAAO;AAAA,IACT;AACA,QAAI,gBAAiB,iBAAgB,MAAM;AAC3C,sBAAkB,IAAI,gBAAgB;AACtC,UAAM,SAAS,gBAAgB;AAC/B,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AACd,qBAAiB,SAAS,OAAO,OAAO,MAAM;AAC9C,QAAI;AACF,YAAM,SAAS,MAAM;AACrB,mBAAa;AACb,WAAK,QAAQ;AACb,aAAO;AAAA,IACT,SAAS,KAAU;AACjB,UAAI,IAAI,SAAS,cAAc;AAC7B,oBAAY;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,gCAAgC,GAAG;AAAA,MACnD;AACA,YAAM;AAAA,IACR,UAAE;AACA,cAAQ,QAAQ;AAChB,uBAAiB;AACjB,uBAAiB,KAAK,IAAI;AAAA,IAC5B;AAAA,EACF;AAhCe;AAkCf,WAAS,aACP,UACM;AACN,QAAI,CAAC,YAAY,EAAG;AACpB,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,sBAAsB,MAAM;AAClC,UAAM,gBAAgB,QAAQ;AAC9B,UAAM,sBAAsB,WAAW,CAAC;AACxC,QAAI,YAAY,UAAa,uBAAuB,SAAS;AAC3D,UAAI,QAAS,cAAa,OAAO;AACjC,gBAAU;AACV,WAAK,YAAY,QAAQ;AACzB;AAAA,IACF;AACA,QAAI,QAAS,cAAa,OAAO;AACjC,QAAI,qBAAqB;AACvB,WAAK,YAAY,QAAQ;AACzB;AAAA,IACF;AACA,QAAI,UAAU;AACZ,gBAAU;AAAA,QACR,MAAM;AACJ,oBAAU;AACV,eAAK,YAAY,QAAQ;AAAA,QAC3B;AAAA,QACA,gBAAgB,IAAI,gBAAgB;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AA5BS;AA8BT,WAAS,eAAqB;AAC5B,QAAI,iBAAiB;AACnB,sBAAgB,MAAM;AACtB,wBAAkB;AAAA,IACpB;AACA,QAAI,QAAS,cAAa,OAAO;AACjC,cAAU;AAAA,EACZ;AAPS;AAST,WAAS,QAAc;AACrB,WAAO,QAAQ,EAAE,GAAG,cAAc;AAClC,WAAO,QAAQ,CAAC;AAChB,YAAQ,QAAQ,CAAC;AACjB,iBAAa,QAAQ;AACrB,iBAAa;AACb,SAAK,QAAQ;AACb,UAAM,QAAQ;AACd,YAAQ,QAAQ;AAAA,EAClB;AATS;AAWT,WAAS,cAAc,WAAoB;AACzC,WAAO;AAAA,MACL,OAAO,OAAO,MAAM,SAAS,KAAK;AAAA,MAClC,WAAW,wBAAC,MAAW,aAAa,WAAW,EAAE,OAAO,KAAK,GAAlD;AAAA,MACX,UAAU,6BAAM,WAAW,SAAS,GAA1B;AAAA,IACZ;AAAA,EACF;AANS;AAQT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA3MgB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nixInterval.d.ts","sourceRoot":"","sources":["../../hooks/nixInterval.ts"],"names":[],"mappings":"AAgDA,wBAAgB,WAAW,CACzB,EAAE,EAAE,MAAM,IAAI,EACd,EAAE,EAAE,MAAM,EACV,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,IAAI,CA2BZ"}
|
|
@@ -1,29 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
if (typeof fn !== "function") {
|
|
5
|
-
throw new TypeError("nixInterval: first argument must be a function");
|
|
6
|
-
}
|
|
7
|
-
if (typeof ms !== "number" || ms < 0) {
|
|
8
|
-
throw new TypeError("nixInterval: second argument must be a non-negative number");
|
|
9
|
-
}
|
|
10
|
-
const id = setInterval(fn, ms);
|
|
11
|
-
const cancel = /* @__PURE__ */ __name(() => clearInterval(id), "cancel");
|
|
12
|
-
if (signal) {
|
|
13
|
-
if (signal.aborted) {
|
|
14
|
-
cancel();
|
|
15
|
-
} else {
|
|
16
|
-
const listener = /* @__PURE__ */ __name(() => {
|
|
17
|
-
cancel();
|
|
18
|
-
signal.removeEventListener("abort", listener);
|
|
19
|
-
}, "listener");
|
|
20
|
-
signal.addEventListener("abort", listener);
|
|
1
|
+
export function nixInterval(fn, ms, signal) {
|
|
2
|
+
if (typeof fn !== "function") {
|
|
3
|
+
throw new TypeError("nixInterval: first argument must be a function");
|
|
21
4
|
}
|
|
22
|
-
|
|
23
|
-
|
|
5
|
+
if (typeof ms !== "number" || ms < 0) {
|
|
6
|
+
throw new TypeError("nixInterval: second argument must be a non-negative number");
|
|
7
|
+
}
|
|
8
|
+
const id = setInterval(fn, ms);
|
|
9
|
+
const cancel = () => clearInterval(id);
|
|
10
|
+
if (signal) {
|
|
11
|
+
if (signal.aborted) {
|
|
12
|
+
cancel();
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
const listener = () => {
|
|
16
|
+
cancel();
|
|
17
|
+
signal.removeEventListener("abort", listener);
|
|
18
|
+
};
|
|
19
|
+
signal.addEventListener("abort", listener);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return cancel;
|
|
24
23
|
}
|
|
25
|
-
__name(nixInterval, "nixInterval");
|
|
26
|
-
export {
|
|
27
|
-
nixInterval
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=nixInterval.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../hooks/nixInterval.
|
|
4
|
-
"sourcesContent": ["/**\r\n * @fileoverview Safe interval utility with automatic cleanup support.\r\n * Provides AbortController integration for cancellable intervals.\r\n */\r\n\r\n/**\r\n * Safe interval with automatic cleanup support and optional AbortController.\r\n * Must be called within a component and cleaned up on unmount.\r\n *\r\n * @param {() => void} fn - Function to run at each interval\r\n * @param {number} ms - Interval duration in milliseconds\r\n * @param {AbortSignal} [signal] - Optional AbortSignal to cancel the interval\r\n * @returns {() => void} Cleanup function to stop the interval\r\n *\r\n * @example\r\n * const cancel = nixInterval(() => console.log('tick'), 1000);\r\n * // stop interval\r\n * cancel();\r\n *\r\n * @example\r\n * const controller = new AbortController();\r\n * nixInterval(() => console.log('tick'), 1000, controller.signal);\r\n * controller.abort(); // automatically clears interval\r\n
|
|
5
|
-
"mappings": ";;
|
|
3
|
+
"sources": ["../../hooks/nixInterval.ts"],
|
|
4
|
+
"sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n/**\r\n * @fileoverview Safe interval utility with automatic cleanup support.\r\n * Provides AbortController integration for cancellable intervals.\r\n */\r\n\r\n/**\r\n * Safe interval with automatic cleanup support and optional AbortController.\r\n * Must be called within a component and cleaned up on unmount.\r\n *\r\n * @param {() => void} fn - Function to run at each interval\r\n * @param {number} ms - Interval duration in milliseconds\r\n * @param {AbortSignal} [signal] - Optional AbortSignal to cancel the interval\r\n * @returns {() => void} Cleanup function to stop the interval\r\n *\r\n * @example\r\n * const cancel = nixInterval(() => console.log('tick'), 1000);\r\n * // stop interval\r\n * cancel();\r\n *\r\n * @example\r\n * const controller = new AbortController();\r\n * nixInterval(() => console.log('tick'), 1000, controller.signal);\r\n * controller.abort(); // automatically clears interval\r\n *\r\n * @throws {TypeError} If fn is not a function or ms is not a non-negative number\r\n */\r\nexport function nixInterval(\r\n fn: () => void,\r\n ms: number,\r\n signal?: AbortSignal\r\n): () => void {\r\n if (typeof fn !== \"function\") {\r\n throw new TypeError(\"nixInterval: first argument must be a function\");\r\n }\r\n if (typeof ms !== \"number\" || ms < 0) {\r\n throw new TypeError(\r\n \"nixInterval: second argument must be a non-negative number\"\r\n );\r\n }\r\n\r\n const id = setInterval(fn, ms);\r\n\r\n const cancel = () => clearInterval(id);\r\n\r\n if (signal) {\r\n if (signal.aborted) {\r\n cancel();\r\n } else {\r\n const listener = () => {\r\n cancel();\r\n signal.removeEventListener(\"abort\", listener);\r\n };\r\n signal.addEventListener(\"abort\", listener);\r\n }\r\n }\r\n\r\n return cancel;\r\n}\r\n"],
|
|
5
|
+
"mappings": ";;AAgDO,SAAS,YACd,IACA,IACA,QACY;AACZ,MAAI,OAAO,OAAO,YAAY;AAC5B,UAAM,IAAI,UAAU,gDAAgD;AAAA,EACtE;AACA,MAAI,OAAO,OAAO,YAAY,KAAK,GAAG;AACpC,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,KAAK,YAAY,IAAI,EAAE;AAE7B,QAAM,SAAS,6BAAM,cAAc,EAAE,GAAtB;AAEf,MAAI,QAAQ;AACV,QAAI,OAAO,SAAS;AAClB,aAAO;AAAA,IACT,OAAO;AACL,YAAM,WAAW,6BAAM;AACrB,eAAO;AACP,eAAO,oBAAoB,SAAS,QAAQ;AAAA,MAC9C,GAHiB;AAIjB,aAAO,iBAAiB,SAAS,QAAQ;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO;AACT;AA/BgB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare function nixLazy<TProps = any>(importFn: () => Promise<{
|
|
2
|
+
default?: (props: TProps) => any;
|
|
3
|
+
} | ((props: TProps) => any)>): (props: TProps) => any;
|
|
4
|
+
export declare function Suspense<T = any>({ fallback, children, }: {
|
|
5
|
+
fallback: any;
|
|
6
|
+
children: () => T;
|
|
7
|
+
}): T | any;
|
|
8
|
+
//# sourceMappingURL=nixLazy.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nixLazy.d.ts","sourceRoot":"","sources":["../../hooks/nixLazy.ts"],"names":[],"mappings":"AAgCA,wBAAgB,OAAO,CAAC,MAAM,GAAG,GAAG,EAClC,QAAQ,EAAE,MAAM,OAAO,CACrB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,CAChE,GACA,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CA4CxB;AAUD,wBAAgB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,EAChC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,CAAC;CACnB,GAAG,CAAC,GAAG,GAAG,CAqBV"}
|
package/dist/hooks/nixLazy.js
CHANGED
|
@@ -1,63 +1,58 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { activeContext } from "../context/context.js";
|
|
4
2
|
import { nixState } from "./nixState.js";
|
|
5
|
-
function nixLazy(importFn) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
3
|
+
export function nixLazy(importFn) {
|
|
4
|
+
const cache = {
|
|
5
|
+
status: "pending",
|
|
6
|
+
component: null,
|
|
7
|
+
error: null,
|
|
8
|
+
promise: null,
|
|
9
|
+
};
|
|
10
|
+
let canceled = false;
|
|
11
|
+
cache.promise = importFn()
|
|
12
|
+
.then((module) => {
|
|
13
|
+
if (!canceled) {
|
|
14
|
+
cache.status = "success";
|
|
15
|
+
cache.component = module.default || module;
|
|
16
|
+
}
|
|
17
|
+
})
|
|
18
|
+
.catch((err) => {
|
|
19
|
+
if (!canceled) {
|
|
20
|
+
cache.status = "error";
|
|
21
|
+
cache.error = err;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
return function LazyWrapper(props) {
|
|
25
|
+
const ctx = activeContext;
|
|
26
|
+
if (!ctx)
|
|
27
|
+
throw new Error("nixLazy() called outside component");
|
|
28
|
+
if (cache.status === "pending") {
|
|
29
|
+
throw cache.promise;
|
|
30
|
+
}
|
|
31
|
+
if (cache.status === "error") {
|
|
32
|
+
throw cache.error;
|
|
33
|
+
}
|
|
34
|
+
return cache.component(props);
|
|
35
|
+
};
|
|
37
36
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
37
|
+
export function Suspense({ fallback, children, }) {
|
|
38
|
+
const loading = nixState(false);
|
|
39
|
+
const error = nixState(null);
|
|
40
|
+
try {
|
|
41
|
+
return children();
|
|
42
|
+
}
|
|
43
|
+
catch (promise) {
|
|
44
|
+
if (promise instanceof Promise) {
|
|
45
|
+
loading.value = true;
|
|
46
|
+
promise
|
|
47
|
+
.then(() => {
|
|
48
|
+
loading.value = false;
|
|
49
|
+
})
|
|
50
|
+
.catch((err) => {
|
|
51
|
+
error.value = err;
|
|
52
|
+
loading.value = false;
|
|
53
|
+
});
|
|
54
|
+
return fallback;
|
|
55
|
+
}
|
|
56
|
+
throw promise;
|
|
54
57
|
}
|
|
55
|
-
throw promise;
|
|
56
|
-
}
|
|
57
58
|
}
|
|
58
|
-
__name(Suspense, "Suspense");
|
|
59
|
-
export {
|
|
60
|
-
Suspense,
|
|
61
|
-
nixLazy
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=nixLazy.js.map
|