fynixui 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of fynixui might be problematic. Click here for more details.
- package/LICENSE +21 -0
- package/README.md +36 -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 +4 -0
- package/dist/context/context.js.map +7 -0
- package/dist/custom/button.d.ts +2 -0
- package/dist/custom/button.d.ts.map +1 -0
- package/dist/custom/button.js +4 -0
- package/dist/custom/button.js.map +7 -0
- package/dist/custom/index.d.ts +3 -0
- package/dist/custom/index.d.ts.map +1 -0
- package/dist/custom/index.js +2 -0
- package/dist/custom/index.js.map +7 -0
- package/dist/custom/path.d.ts +14 -0
- package/dist/custom/path.d.ts.map +1 -0
- package/dist/custom/path.js +20 -0
- package/dist/custom/path.js.map +7 -0
- package/dist/error/errorOverlay.d.ts +3 -0
- package/dist/error/errorOverlay.d.ts.map +1 -0
- package/dist/error/errorOverlay.js +84 -0
- package/dist/error/errorOverlay.js.map +7 -0
- package/dist/fynix/index.d.ts +6 -0
- package/dist/fynix/index.d.ts.map +1 -0
- package/dist/fynix/index.js +5 -0
- package/dist/fynix/index.js.map +7 -0
- package/dist/hooks/nixAsync.d.ts +20 -0
- package/dist/hooks/nixAsync.d.ts.map +1 -0
- package/dist/hooks/nixAsync.js +114 -0
- package/dist/hooks/nixAsync.js.map +7 -0
- package/dist/hooks/nixAsyncCache.d.ts +19 -0
- package/dist/hooks/nixAsyncCache.d.ts.map +1 -0
- package/dist/hooks/nixAsyncCache.js +137 -0
- package/dist/hooks/nixAsyncCache.js.map +7 -0
- package/dist/hooks/nixAsyncDebounce.d.ts +22 -0
- package/dist/hooks/nixAsyncDebounce.d.ts.map +1 -0
- package/dist/hooks/nixAsyncDebounce.js +77 -0
- package/dist/hooks/nixAsyncDebounce.js.map +7 -0
- package/dist/hooks/nixAsyncQuery.d.ts +16 -0
- package/dist/hooks/nixAsyncQuery.d.ts.map +1 -0
- package/dist/hooks/nixAsyncQuery.js +87 -0
- package/dist/hooks/nixAsyncQuery.js.map +7 -0
- package/dist/hooks/nixCallback.d.ts +2 -0
- package/dist/hooks/nixCallback.d.ts.map +1 -0
- package/dist/hooks/nixCallback.js +34 -0
- package/dist/hooks/nixCallback.js.map +7 -0
- package/dist/hooks/nixComputed.d.ts +16 -0
- package/dist/hooks/nixComputed.d.ts.map +1 -0
- package/dist/hooks/nixComputed.js +175 -0
- package/dist/hooks/nixComputed.js.map +7 -0
- package/dist/hooks/nixDebounce.d.ts +11 -0
- package/dist/hooks/nixDebounce.d.ts.map +1 -0
- package/dist/hooks/nixDebounce.js +55 -0
- package/dist/hooks/nixDebounce.js.map +7 -0
- package/dist/hooks/nixEffect.d.ts +4 -0
- package/dist/hooks/nixEffect.d.ts.map +1 -0
- package/dist/hooks/nixEffect.js +75 -0
- package/dist/hooks/nixEffect.js.map +7 -0
- package/dist/hooks/nixForm.d.ts +33 -0
- package/dist/hooks/nixForm.d.ts.map +1 -0
- package/dist/hooks/nixForm.js +123 -0
- package/dist/hooks/nixForm.js.map +7 -0
- package/dist/hooks/nixFormAsync.d.ts +42 -0
- package/dist/hooks/nixFormAsync.d.ts.map +1 -0
- package/dist/hooks/nixFormAsync.js +169 -0
- package/dist/hooks/nixFormAsync.js.map +7 -0
- package/dist/hooks/nixInterval.d.ts +2 -0
- package/dist/hooks/nixInterval.d.ts.map +1 -0
- package/dist/hooks/nixInterval.js +23 -0
- package/dist/hooks/nixInterval.js.map +7 -0
- package/dist/hooks/nixLazy.d.ts +8 -0
- package/dist/hooks/nixLazy.d.ts.map +1 -0
- package/dist/hooks/nixLazy.js +58 -0
- package/dist/hooks/nixLazy.js.map +7 -0
- package/dist/hooks/nixLazyAsync.d.ts +10 -0
- package/dist/hooks/nixLazyAsync.d.ts.map +1 -0
- package/dist/hooks/nixLazyAsync.js +71 -0
- package/dist/hooks/nixLazyAsync.js.map +7 -0
- package/dist/hooks/nixLazyFormAsync.d.ts +50 -0
- package/dist/hooks/nixLazyFormAsync.d.ts.map +1 -0
- package/dist/hooks/nixLazyFormAsync.js +221 -0
- package/dist/hooks/nixLazyFormAsync.js.map +7 -0
- package/dist/hooks/nixLocalStorage.d.ts +8 -0
- package/dist/hooks/nixLocalStorage.d.ts.map +1 -0
- package/dist/hooks/nixLocalStorage.js +136 -0
- package/dist/hooks/nixLocalStorage.js.map +7 -0
- package/dist/hooks/nixMemo.d.ts +2 -0
- package/dist/hooks/nixMemo.d.ts.map +1 -0
- package/dist/hooks/nixMemo.js +30 -0
- package/dist/hooks/nixMemo.js.map +7 -0
- package/dist/hooks/nixPrevious.d.ts +2 -0
- package/dist/hooks/nixPrevious.d.ts.map +1 -0
- package/dist/hooks/nixPrevious.js +15 -0
- package/dist/hooks/nixPrevious.js.map +7 -0
- package/dist/hooks/nixRef.d.ts +4 -0
- package/dist/hooks/nixRef.d.ts.map +1 -0
- package/dist/hooks/nixRef.js +17 -0
- package/dist/hooks/nixRef.js.map +7 -0
- package/dist/hooks/nixState.d.ts +15 -0
- package/dist/hooks/nixState.d.ts.map +1 -0
- package/dist/hooks/nixState.js +127 -0
- package/dist/hooks/nixState.js.map +7 -0
- package/dist/hooks/nixStore.d.ts +10 -0
- package/dist/hooks/nixStore.d.ts.map +1 -0
- package/dist/hooks/nixStore.js +103 -0
- package/dist/hooks/nixStore.js.map +7 -0
- package/dist/package.json +217 -0
- package/dist/parser/fnx-parser.d.ts +49 -0
- package/dist/parser/fnx-parser.d.ts.map +1 -0
- package/dist/parser/fnx-parser.js +483 -0
- package/dist/parser/fnx-parser.js.map +7 -0
- package/dist/plugins/vite-plugin-res.d.ts +29 -0
- package/dist/plugins/vite-plugin-res.d.ts.map +1 -0
- package/dist/plugins/vite-plugin-res.js +304 -0
- package/dist/plugins/vite-plugin-res.js.map +7 -0
- package/dist/router/router.d.ts +48 -0
- package/dist/router/router.d.ts.map +1 -0
- package/dist/router/router.js +872 -0
- package/dist/router/router.js.map +7 -0
- package/dist/runtime.d.ts +124 -0
- package/dist/runtime.d.ts.map +1 -0
- package/dist/runtime.js +1358 -0
- package/dist/runtime.js.map +7 -0
- package/dist/typescript-fynix-plugin/index.js +1065 -0
- package/dist/typescript-fynix-plugin/index.js.map +7 -0
- package/package.json +250 -0
- package/types/fnx.d.ts +72 -0
- package/types/fynix-ui.d.ts +323 -0
- package/types/global.d.ts +275 -0
- package/types/index.d.ts +37 -0
- package/types/jsx.d.ts +988 -0
- package/types/vite-env.d.ts +550 -0
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { nixState } from "./nixState";
|
|
2
|
+
const asyncCache = new Map();
|
|
3
|
+
const CACHE_CLEANUP_INTERVAL = 60000;
|
|
4
|
+
let cacheCleanupTimer = null;
|
|
5
|
+
const startCacheCleanup = () => {
|
|
6
|
+
if (cacheCleanupTimer)
|
|
7
|
+
return;
|
|
8
|
+
cacheCleanupTimer = setInterval(() => {
|
|
9
|
+
const now = Date.now();
|
|
10
|
+
const entries = Array.from(asyncCache.entries());
|
|
11
|
+
for (const [key, entry] of entries) {
|
|
12
|
+
if (entry.timestamp && entry.ttl && now - entry.timestamp > entry.ttl) {
|
|
13
|
+
asyncCache.delete(key);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
if (asyncCache.size === 0 && cacheCleanupTimer) {
|
|
17
|
+
clearInterval(cacheCleanupTimer);
|
|
18
|
+
cacheCleanupTimer = null;
|
|
19
|
+
}
|
|
20
|
+
}, CACHE_CLEANUP_INTERVAL);
|
|
21
|
+
};
|
|
22
|
+
export function nixAsyncCached(key, promiseFactory, options = {}) {
|
|
23
|
+
if (!promiseFactory || typeof promiseFactory !== "function") {
|
|
24
|
+
throw new Error("[nixAsyncCache] promiseFactory must be a function");
|
|
25
|
+
}
|
|
26
|
+
if (key == null) {
|
|
27
|
+
throw new Error("[nixAsyncCache] Key cannot be null or undefined");
|
|
28
|
+
}
|
|
29
|
+
if (options.validateKey && !options.validateKey(key)) {
|
|
30
|
+
throw new Error("[nixAsyncCache] Invalid cache key");
|
|
31
|
+
}
|
|
32
|
+
const { ttl = 300000, maxCacheSize = 100 } = options;
|
|
33
|
+
if (asyncCache.size >= maxCacheSize) {
|
|
34
|
+
const entries = Array.from(asyncCache.entries());
|
|
35
|
+
const entriesToRemove = Math.max(1, Math.floor(maxCacheSize * 0.1));
|
|
36
|
+
for (let i = 0; i < entriesToRemove; i++) {
|
|
37
|
+
const entry = entries[i];
|
|
38
|
+
if (entry) {
|
|
39
|
+
asyncCache.delete(entry[0]);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
const data = nixState(null);
|
|
44
|
+
const error = nixState(null);
|
|
45
|
+
const loading = nixState(false);
|
|
46
|
+
let active = true;
|
|
47
|
+
let abortController = null;
|
|
48
|
+
startCacheCleanup();
|
|
49
|
+
const run = async () => {
|
|
50
|
+
if (!active)
|
|
51
|
+
return;
|
|
52
|
+
if (abortController) {
|
|
53
|
+
abortController.abort();
|
|
54
|
+
}
|
|
55
|
+
abortController = new AbortController();
|
|
56
|
+
loading.value = true;
|
|
57
|
+
error.value = null;
|
|
58
|
+
try {
|
|
59
|
+
if (asyncCache.has(key)) {
|
|
60
|
+
const cached = asyncCache.get(key);
|
|
61
|
+
const now = Date.now();
|
|
62
|
+
if (cached.timestamp && now - cached.timestamp > ttl) {
|
|
63
|
+
asyncCache.delete(key);
|
|
64
|
+
}
|
|
65
|
+
else if (cached.data !== undefined) {
|
|
66
|
+
data.value = cached.data;
|
|
67
|
+
loading.value = false;
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (cached.promise) {
|
|
71
|
+
try {
|
|
72
|
+
const result = await cached.promise;
|
|
73
|
+
if (!active || abortController?.signal.aborted)
|
|
74
|
+
return;
|
|
75
|
+
data.value = result;
|
|
76
|
+
loading.value = false;
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
catch (e) {
|
|
80
|
+
if (!active || abortController?.signal.aborted)
|
|
81
|
+
return;
|
|
82
|
+
error.value = e;
|
|
83
|
+
loading.value = false;
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
const promise = Promise.resolve().then(() => {
|
|
89
|
+
if (abortController?.signal.aborted) {
|
|
90
|
+
throw new Error("Request was aborted");
|
|
91
|
+
}
|
|
92
|
+
return promiseFactory();
|
|
93
|
+
});
|
|
94
|
+
asyncCache.set(key, {
|
|
95
|
+
promise,
|
|
96
|
+
timestamp: Date.now(),
|
|
97
|
+
ttl,
|
|
98
|
+
});
|
|
99
|
+
const result = await promise;
|
|
100
|
+
if (!active || abortController?.signal.aborted)
|
|
101
|
+
return;
|
|
102
|
+
asyncCache.set(key, {
|
|
103
|
+
data: result,
|
|
104
|
+
timestamp: Date.now(),
|
|
105
|
+
ttl,
|
|
106
|
+
});
|
|
107
|
+
data.value = result;
|
|
108
|
+
}
|
|
109
|
+
catch (e) {
|
|
110
|
+
if (asyncCache.has(key)) {
|
|
111
|
+
const cached = asyncCache.get(key);
|
|
112
|
+
if (cached.promise && !cached.data) {
|
|
113
|
+
asyncCache.delete(key);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
if (!active || abortController?.signal.aborted)
|
|
117
|
+
return;
|
|
118
|
+
error.value = e;
|
|
119
|
+
}
|
|
120
|
+
finally {
|
|
121
|
+
if (active && !abortController?.signal.aborted) {
|
|
122
|
+
loading.value = false;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
const cancel = () => {
|
|
127
|
+
active = false;
|
|
128
|
+
if (abortController) {
|
|
129
|
+
abortController.abort();
|
|
130
|
+
abortController = null;
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
const clearCache = () => {
|
|
134
|
+
asyncCache.delete(key);
|
|
135
|
+
};
|
|
136
|
+
return { data, error, loading, run, cancel, clearCache };
|
|
137
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../hooks/nixAsyncCache.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\nimport { nixState } from \"./nixState\";\r\n\r\nconst asyncCache: Map<\r\n any,\r\n {\r\n data?: any;\r\n promise?: Promise<any>;\r\n timestamp?: number;\r\n ttl?: number;\r\n }\r\n> = new Map();\r\n\r\n// Cache cleanup to prevent memory leaks\r\nconst CACHE_CLEANUP_INTERVAL = 60000; // 1 minute\r\nlet cacheCleanupTimer: NodeJS.Timeout | null = null;\r\n\r\nconst startCacheCleanup = () => {\r\n if (cacheCleanupTimer) return;\r\n\r\n cacheCleanupTimer = setInterval(() => {\r\n const now = Date.now();\r\n const entries = Array.from(asyncCache.entries());\r\n\r\n for (const [key, entry] of entries) {\r\n if (entry.timestamp && entry.ttl && now - entry.timestamp > entry.ttl) {\r\n asyncCache.delete(key);\r\n }\r\n }\r\n\r\n // If cache is empty, stop cleanup timer\r\n if (asyncCache.size === 0 && cacheCleanupTimer) {\r\n clearInterval(cacheCleanupTimer);\r\n cacheCleanupTimer = null;\r\n }\r\n }, CACHE_CLEANUP_INTERVAL);\r\n};\r\n\r\n/**\r\n * Cached async hook with enhanced security and memory management.\r\n *\r\n * @param {any} key - Cache key (must be serializable)\r\n * @param {() => Promise<any>} promiseFactory - Function that returns a promise\r\n * @param {object} options - Configuration options\r\n * @returns {object} Reactive state object with data, error, loading, and control methods\r\n */\r\n\r\nexport function nixAsyncCached(\r\n key: any,\r\n promiseFactory: () => Promise<any>,\r\n options: {\r\n ttl?: number; // Time to live in ms\r\n maxCacheSize?: number;\r\n validateKey?: (key: any) => boolean;\r\n } = {}\r\n): {\r\n data: { value: any };\r\n error: { value: any };\r\n loading: { value: boolean };\r\n run: () => Promise<void>;\r\n cancel: () => void;\r\n clearCache: () => void;\r\n} {\r\n // Input validation\r\n if (!promiseFactory || typeof promiseFactory !== \"function\") {\r\n throw new Error(\"[nixAsyncCache] promiseFactory must be a function\");\r\n }\r\n\r\n // Validate cache key\r\n if (key == null) {\r\n throw new Error(\"[nixAsyncCache] Key cannot be null or undefined\");\r\n }\r\n\r\n if (options.validateKey && !options.validateKey(key)) {\r\n throw new Error(\"[nixAsyncCache] Invalid cache key\");\r\n }\r\n\r\n const { ttl = 300000, maxCacheSize = 100 } = options; // 5 min default TTL\r\n\r\n // Enforce cache size limits to prevent memory attacks\r\n if (asyncCache.size >= maxCacheSize) {\r\n // Remove oldest entries\r\n const entries = Array.from(asyncCache.entries());\r\n const entriesToRemove = Math.max(1, Math.floor(maxCacheSize * 0.1)); // Remove 10%\r\n\r\n for (let i = 0; i < entriesToRemove; i++) {\r\n const entry = entries[i];\r\n if (entry) {\r\n asyncCache.delete(entry[0]);\r\n }\r\n }\r\n }\r\n\r\n const data = nixState(null) as { value: any };\r\n const error = nixState(null) as { value: any };\r\n const loading = nixState(false) as { value: boolean };\r\n\r\n let active: boolean = true;\r\n let abortController: AbortController | null = null;\r\n\r\n startCacheCleanup();\r\n\r\n const run = async (): Promise<void> => {\r\n if (!active) return;\r\n\r\n // Cancel previous request if still running\r\n if (abortController) {\r\n abortController.abort();\r\n }\r\n\r\n abortController = new AbortController();\r\n loading.value = true;\r\n error.value = null;\r\n\r\n try {\r\n // Cache hit with resolved data\r\n if (asyncCache.has(key)) {\r\n const cached = asyncCache.get(key)!;\r\n const now = Date.now();\r\n\r\n // Check TTL\r\n if (cached.timestamp && now - cached.timestamp > ttl) {\r\n asyncCache.delete(key);\r\n } else if (cached.data !== undefined) {\r\n data.value = cached.data;\r\n loading.value = false;\r\n return;\r\n }\r\n\r\n // Deduping: reuse in-flight promise if still valid\r\n if (cached.promise) {\r\n try {\r\n const result = await cached.promise;\r\n if (!active || abortController?.signal.aborted) return;\r\n data.value = result;\r\n loading.value = false;\r\n return;\r\n } catch (e) {\r\n if (!active || abortController?.signal.aborted) return;\r\n error.value = e;\r\n loading.value = false;\r\n return;\r\n }\r\n }\r\n }\r\n\r\n // Cache miss - create new promise\r\n const promise = Promise.resolve().then(() => {\r\n if (abortController?.signal.aborted) {\r\n throw new Error(\"Request was aborted\");\r\n }\r\n return promiseFactory();\r\n });\r\n\r\n asyncCache.set(key, {\r\n promise,\r\n timestamp: Date.now(),\r\n ttl,\r\n });\r\n\r\n const result = await promise;\r\n\r\n if (!active || abortController?.signal.aborted) return;\r\n\r\n // Cache successful result\r\n asyncCache.set(key, {\r\n data: result,\r\n timestamp: Date.now(),\r\n ttl,\r\n });\r\n\r\n data.value = result;\r\n } catch (e) {\r\n // Remove failed promise from cache\r\n if (asyncCache.has(key)) {\r\n const cached = asyncCache.get(key)!;\r\n if (cached.promise && !cached.data) {\r\n asyncCache.delete(key);\r\n }\r\n }\r\n\r\n if (!active || abortController?.signal.aborted) return;\r\n error.value = e;\r\n } finally {\r\n if (active && !abortController?.signal.aborted) {\r\n loading.value = false;\r\n }\r\n }\r\n };\r\n\r\n const cancel = (): void => {\r\n active = false;\r\n if (abortController) {\r\n abortController.abort();\r\n abortController = null;\r\n }\r\n };\r\n\r\n const clearCache = (): void => {\r\n asyncCache.delete(key);\r\n };\r\n\r\n return { data, error, loading, run, cancel, clearCache };\r\n}\r\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["result"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface NixAsyncDebounceOptions {
|
|
2
|
+
delay?: number;
|
|
3
|
+
leading?: boolean;
|
|
4
|
+
trailing?: boolean;
|
|
5
|
+
maxWait?: number;
|
|
6
|
+
cache?: boolean;
|
|
7
|
+
signal?: AbortSignal;
|
|
8
|
+
}
|
|
9
|
+
export declare function nixAsyncDebounce(promiseFactory: () => Promise<any>, options?: NixAsyncDebounceOptions): {
|
|
10
|
+
data: {
|
|
11
|
+
value: any;
|
|
12
|
+
};
|
|
13
|
+
error: {
|
|
14
|
+
value: any;
|
|
15
|
+
};
|
|
16
|
+
loading: {
|
|
17
|
+
value: boolean;
|
|
18
|
+
};
|
|
19
|
+
run: () => void | Promise<any>;
|
|
20
|
+
cancel: () => void;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=nixAsyncDebounce.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nixAsyncDebounce.d.ts","sourceRoot":"","sources":["../../hooks/nixAsyncDebounce.ts"],"names":[],"mappings":"AA4CA,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAC9B,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,EAClC,OAAO,GAAE,uBAA4B,GACpC;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC;IACrB,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC;IACtB,OAAO,EAAE;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B,GAAG,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CA8FA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { nixState } from "./nixState";
|
|
2
|
+
export function nixAsyncDebounce(promiseFactory, options = {}) {
|
|
3
|
+
const data = nixState(null);
|
|
4
|
+
const error = nixState(null);
|
|
5
|
+
const loading = nixState(false);
|
|
6
|
+
const { delay = 300, leading = false, trailing = true, maxWait, cache = true, signal, } = options;
|
|
7
|
+
let lastResult = null;
|
|
8
|
+
let lastError = null;
|
|
9
|
+
let timerId = null;
|
|
10
|
+
let lastInvokeTime = 0;
|
|
11
|
+
let pendingPromise = null;
|
|
12
|
+
const invoke = async () => {
|
|
13
|
+
if (cache && lastResult !== null) {
|
|
14
|
+
data.value = lastResult;
|
|
15
|
+
error.value = lastError;
|
|
16
|
+
loading.value = false;
|
|
17
|
+
return lastResult;
|
|
18
|
+
}
|
|
19
|
+
loading.value = true;
|
|
20
|
+
error.value = null;
|
|
21
|
+
const abortController = new AbortController();
|
|
22
|
+
if (signal) {
|
|
23
|
+
signal.addEventListener("abort", () => {
|
|
24
|
+
abortController.abort();
|
|
25
|
+
cancel();
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
pendingPromise = promiseFactory();
|
|
29
|
+
try {
|
|
30
|
+
const result = await pendingPromise;
|
|
31
|
+
lastResult = result;
|
|
32
|
+
data.value = result;
|
|
33
|
+
return result;
|
|
34
|
+
}
|
|
35
|
+
catch (e) {
|
|
36
|
+
if (e.name !== "AbortError") {
|
|
37
|
+
lastError = e;
|
|
38
|
+
error.value = e;
|
|
39
|
+
}
|
|
40
|
+
throw e;
|
|
41
|
+
}
|
|
42
|
+
finally {
|
|
43
|
+
loading.value = false;
|
|
44
|
+
pendingPromise = null;
|
|
45
|
+
lastInvokeTime = Date.now();
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const run = () => {
|
|
49
|
+
const now = Date.now();
|
|
50
|
+
const timeSinceLastInvoke = now - lastInvokeTime;
|
|
51
|
+
const remainingTime = delay - timeSinceLastInvoke;
|
|
52
|
+
const shouldInvokeLeading = leading && !timerId;
|
|
53
|
+
if (maxWait !== undefined && timeSinceLastInvoke >= maxWait) {
|
|
54
|
+
if (timerId)
|
|
55
|
+
clearTimeout(timerId);
|
|
56
|
+
timerId = null;
|
|
57
|
+
return invoke();
|
|
58
|
+
}
|
|
59
|
+
if (timerId)
|
|
60
|
+
clearTimeout(timerId);
|
|
61
|
+
if (shouldInvokeLeading)
|
|
62
|
+
return invoke();
|
|
63
|
+
if (trailing) {
|
|
64
|
+
timerId = setTimeout(() => {
|
|
65
|
+
timerId = null;
|
|
66
|
+
invoke();
|
|
67
|
+
}, remainingTime > 0 ? remainingTime : delay);
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
const cancel = () => {
|
|
71
|
+
if (timerId)
|
|
72
|
+
clearTimeout(timerId);
|
|
73
|
+
timerId = null;
|
|
74
|
+
pendingPromise = null;
|
|
75
|
+
};
|
|
76
|
+
return { data, error, loading, run, cancel };
|
|
77
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../hooks/nixAsyncDebounce.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\nimport { nixState } from \"./nixState\";\r\n\r\n/**\r\n * Debounced and cancellable async data fetcher with caching and deduping.\r\n *\r\n * @param {() => Promise<any>} promiseFactory - Async function that returns a promise.\r\n * @param {Object} [options={}] - Options for debounce, caching, and abort.\r\n * @param {number} [options.delay=300] - Debounce delay in ms.\r\n * @param {boolean} [options.leading=false] - Run on leading edge.\r\n * @param {boolean} [options.trailing=true] - Run on trailing edge.\r\n * @param {number} [options.maxWait] - Max wait time before forced invocation.\r\n * @param {boolean} [options.cache=true] - Enable caching of last result.\r\n * @param {AbortSignal} [options.signal] - Optional AbortSignal to cancel request.\r\n * @returns {Object} { data, error, loading, run, cancel }\r\n *\r\n * @example\r\n * const controller = new AbortController();\r\n * const { data, error, loading, run, cancel } = nixAsyncDebounce(\r\n * () => fetch('/api/data').then(r => r.json()),\r\n * { delay: 500, maxWait: 2000, leading: true, signal: controller.signal }\r\n * );\r\n */\r\nexport interface NixAsyncDebounceOptions {\r\n delay?: number;\r\n leading?: boolean;\r\n trailing?: boolean;\r\n maxWait?: number;\r\n cache?: boolean;\r\n signal?: AbortSignal;\r\n}\r\n\r\nexport function nixAsyncDebounce(\r\n promiseFactory: () => Promise<any>,\r\n options: NixAsyncDebounceOptions = {}\r\n): {\r\n data: { value: any };\r\n error: { value: any };\r\n loading: { value: boolean };\r\n run: () => void | Promise<any>;\r\n cancel: () => void;\r\n} {\r\n const data = nixState(null) as { value: any };\r\n const error = nixState(null) as { value: any };\r\n const loading = nixState(false) as { value: boolean };\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 signal,\r\n } = options;\r\n\r\n let lastResult: any = null;\r\n let lastError: any = null;\r\n let timerId: ReturnType<typeof setTimeout> | null = null;\r\n let lastInvokeTime: number = 0;\r\n let pendingPromise: Promise<any> | null = null;\r\n\r\n const invoke = async (): Promise<any> => {\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\r\n loading.value = true;\r\n error.value = null;\r\n\r\n const abortController = new AbortController();\r\n if (signal) {\r\n signal.addEventListener(\"abort\", () => {\r\n abortController.abort();\r\n cancel();\r\n });\r\n }\r\n\r\n pendingPromise = promiseFactory();\r\n\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 (e: any) {\r\n if (e.name !== \"AbortError\") {\r\n lastError = e;\r\n error.value = e;\r\n }\r\n throw e;\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 const run = (): void | Promise<any> => {\r\n const now = Date.now();\r\n const timeSinceLastInvoke = now - lastInvokeTime;\r\n const remainingTime = delay - timeSinceLastInvoke;\r\n\r\n const shouldInvokeLeading = leading && !timerId;\r\n\r\n if (maxWait !== undefined && timeSinceLastInvoke >= maxWait) {\r\n if (timerId) clearTimeout(timerId);\r\n timerId = null;\r\n return invoke();\r\n }\r\n\r\n if (timerId) clearTimeout(timerId);\r\n\r\n if (shouldInvokeLeading) return invoke();\r\n\r\n if (trailing) {\r\n timerId = setTimeout(\r\n () => {\r\n timerId = null;\r\n invoke();\r\n },\r\n remainingTime > 0 ? remainingTime : delay\r\n );\r\n }\r\n };\r\n\r\n const cancel = (): void => {\r\n if (timerId) clearTimeout(timerId);\r\n timerId = null;\r\n pendingPromise = null;\r\n };\r\n\r\n return { data, error, loading, run, cancel };\r\n}\r\n"],
|
|
5
|
+
"mappings": ";;AAsBA,SAAS,gBAAgB;AA+BlB,SAAS,iBACd,gBACA,UAAmC,CAAC,GAOpC;AACA,QAAM,OAAO,SAAS,IAAI;AAC1B,QAAM,QAAQ,SAAS,IAAI;AAC3B,QAAM,UAAU,SAAS,KAAK;AAE9B,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,EACF,IAAI;AAEJ,MAAI,aAAkB;AACtB,MAAI,YAAiB;AACrB,MAAI,UAAgD;AACpD,MAAI,iBAAyB;AAC7B,MAAI,iBAAsC;AAE1C,QAAM,SAAS,mCAA0B;AACvC,QAAI,SAAS,eAAe,MAAM;AAChC,WAAK,QAAQ;AACb,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAChB,aAAO;AAAA,IACT;AAEA,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AAEd,UAAM,kBAAkB,IAAI,gBAAgB;AAC5C,QAAI,QAAQ;AACV,aAAO,iBAAiB,SAAS,MAAM;AACrC,wBAAgB,MAAM;AACtB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAEA,qBAAiB,eAAe;AAEhC,QAAI;AACF,YAAM,SAAS,MAAM;AACrB,mBAAa;AACb,WAAK,QAAQ;AACb,aAAO;AAAA,IACT,SAAS,GAAQ;AACf,UAAI,EAAE,SAAS,cAAc;AAC3B,oBAAY;AACZ,cAAM,QAAQ;AAAA,MAChB;AACA,YAAM;AAAA,IACR,UAAE;AACA,cAAQ,QAAQ;AAChB,uBAAiB;AACjB,uBAAiB,KAAK,IAAI;AAAA,IAC5B;AAAA,EACF,GArCe;AAuCf,QAAM,MAAM,6BAA2B;AACrC,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,sBAAsB,MAAM;AAClC,UAAM,gBAAgB,QAAQ;AAE9B,UAAM,sBAAsB,WAAW,CAAC;AAExC,QAAI,YAAY,UAAa,uBAAuB,SAAS;AAC3D,UAAI,QAAS,cAAa,OAAO;AACjC,gBAAU;AACV,aAAO,OAAO;AAAA,IAChB;AAEA,QAAI,QAAS,cAAa,OAAO;AAEjC,QAAI,oBAAqB,QAAO,OAAO;AAEvC,QAAI,UAAU;AACZ,gBAAU;AAAA,QACR,MAAM;AACJ,oBAAU;AACV,iBAAO;AAAA,QACT;AAAA,QACA,gBAAgB,IAAI,gBAAgB;AAAA,MACtC;AAAA,IACF;AAAA,EACF,GA1BY;AA4BZ,QAAM,SAAS,6BAAY;AACzB,QAAI,QAAS,cAAa,OAAO;AACjC,cAAU;AACV,qBAAiB;AAAA,EACnB,GAJe;AAMf,SAAO,EAAE,MAAM,OAAO,SAAS,KAAK,OAAO;AAC7C;AAvGgB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare function nixAsyncQuery<T>(key: string, queryFn: (signal: AbortSignal) => Promise<T>, options?: {
|
|
2
|
+
ttl?: number;
|
|
3
|
+
}): {
|
|
4
|
+
data: {
|
|
5
|
+
value: T | null;
|
|
6
|
+
};
|
|
7
|
+
error: {
|
|
8
|
+
value: Error | null;
|
|
9
|
+
};
|
|
10
|
+
loading: {
|
|
11
|
+
value: boolean;
|
|
12
|
+
};
|
|
13
|
+
run: () => Promise<void>;
|
|
14
|
+
cancel: () => void;
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=nixAsyncQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nixAsyncQuery.d.ts","sourceRoot":"","sources":["../../hooks/nixAsyncQuery.ts"],"names":[],"mappings":"AAsEA,wBAAgB,aAAa,CAAC,CAAC,EAC7B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,EAC5C,OAAO,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAO,GAC7B;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;IAC1B,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KAAE,CAAC;IAC/B,OAAO,EAAE;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B,GAAG,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CA+FA"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { nixState } from "./nixState";
|
|
2
|
+
const asyncCache = new Map();
|
|
3
|
+
export function nixAsyncQuery(key, queryFn, options = {}) {
|
|
4
|
+
const data = nixState(null);
|
|
5
|
+
const error = nixState(null);
|
|
6
|
+
const loading = nixState(false);
|
|
7
|
+
const ttl = options.ttl ?? 0;
|
|
8
|
+
let active = true;
|
|
9
|
+
let callId = 0;
|
|
10
|
+
const run = async () => {
|
|
11
|
+
const id = ++callId;
|
|
12
|
+
loading.value = true;
|
|
13
|
+
error.value = null;
|
|
14
|
+
const now = Date.now();
|
|
15
|
+
const cached = asyncCache.get(key);
|
|
16
|
+
if (cached?.data &&
|
|
17
|
+
(!ttl ||
|
|
18
|
+
(typeof cached.timestamp === "number" && now - cached.timestamp < ttl))) {
|
|
19
|
+
data.value = cached.data;
|
|
20
|
+
loading.value = false;
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
if (cached?.promise) {
|
|
24
|
+
try {
|
|
25
|
+
const result = await cached.promise;
|
|
26
|
+
if (!active || id !== callId)
|
|
27
|
+
return;
|
|
28
|
+
const safeResult = typeof result === "object" && result !== null
|
|
29
|
+
? JSON.parse(JSON.stringify(result))
|
|
30
|
+
: result;
|
|
31
|
+
data.value = safeResult;
|
|
32
|
+
}
|
|
33
|
+
catch (e) {
|
|
34
|
+
if (!active || id !== callId)
|
|
35
|
+
return;
|
|
36
|
+
error.value = e instanceof Error ? e : new Error(String(e));
|
|
37
|
+
}
|
|
38
|
+
finally {
|
|
39
|
+
if (active && id === callId)
|
|
40
|
+
loading.value = false;
|
|
41
|
+
}
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const controller = new AbortController();
|
|
45
|
+
const promise = (async () => {
|
|
46
|
+
try {
|
|
47
|
+
const result = await queryFn(controller.signal);
|
|
48
|
+
asyncCache.set(key, {
|
|
49
|
+
data: result,
|
|
50
|
+
timestamp: Date.now(),
|
|
51
|
+
});
|
|
52
|
+
return result;
|
|
53
|
+
}
|
|
54
|
+
catch (e) {
|
|
55
|
+
asyncCache.delete(key);
|
|
56
|
+
throw e instanceof Error ? e : new Error(String(e));
|
|
57
|
+
}
|
|
58
|
+
})();
|
|
59
|
+
asyncCache.set(key, { promise, controller });
|
|
60
|
+
try {
|
|
61
|
+
const result = await promise;
|
|
62
|
+
if (!active || id !== callId)
|
|
63
|
+
return;
|
|
64
|
+
const safeResult = typeof result === "object" && result !== null
|
|
65
|
+
? JSON.parse(JSON.stringify(result))
|
|
66
|
+
: result;
|
|
67
|
+
data.value = safeResult;
|
|
68
|
+
}
|
|
69
|
+
catch (e) {
|
|
70
|
+
if (!active || id !== callId)
|
|
71
|
+
return;
|
|
72
|
+
error.value = e instanceof Error ? e : new Error(String(e));
|
|
73
|
+
}
|
|
74
|
+
finally {
|
|
75
|
+
if (active && id === callId)
|
|
76
|
+
loading.value = false;
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
const cancel = () => {
|
|
80
|
+
active = false;
|
|
81
|
+
const cached = asyncCache.get(key);
|
|
82
|
+
if (cached?.controller) {
|
|
83
|
+
cached.controller.abort();
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
return { data, error, loading, run, cancel };
|
|
87
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../hooks/nixAsyncQuery.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\nimport { nixState } from \"./nixState\";\r\n\r\n/**\r\n * Global async cache.\r\n * key -> {\r\n * data?: any,\r\n * error?: Error,\r\n * promise?: Promise<any>,\r\n * controller?: AbortController,\r\n * timestamp?: number\r\n * }\r\n */\r\nconst asyncCache: Map<\r\n string,\r\n {\r\n data?: any;\r\n error?: Error;\r\n promise?: Promise<any>;\r\n controller?: AbortController;\r\n timestamp?: number;\r\n }\r\n> = new Map();\r\n\r\n/**\r\n * Unified async query helper with:\r\n * - AbortController cancellation\r\n * - Request deduping\r\n * - Shared caching\r\n *\r\n * @template T\r\n * @param {string} key\r\n * Unique cache key representing the request\r\n *\r\n * @param {(signal: AbortSignal) => Promise<T>} queryFn\r\n * Function that performs the async operation\r\n *\r\n * @param {{\r\n * ttl?: number\r\n * }} [options]\r\n *\r\n * @returns {{\r\n * data: { value: T | null },\r\n * error: { value: Error | null },\r\n * loading: { value: boolean },\r\n * run: () => Promise<void>,\r\n * cancel: () => void\r\n * }}\r\n */\r\nexport function nixAsyncQuery<T>(\r\n key: string,\r\n queryFn: (signal: AbortSignal) => Promise<T>,\r\n options: { ttl?: number } = {}\r\n): {\r\n data: { value: T | null };\r\n error: { value: Error | null };\r\n loading: { value: boolean };\r\n run: () => Promise<void>;\r\n cancel: () => void;\r\n} {\r\n const data = nixState(null) as { value: T | null };\r\n const error = nixState(null) as { value: Error | null };\r\n const loading = nixState(false) as { value: boolean };\r\n\r\n const ttl: number = options.ttl ?? 0;\r\n let active: boolean = true;\r\n let callId: number = 0;\r\n\r\n const run = async (): Promise<void> => {\r\n const id = ++callId;\r\n loading.value = true;\r\n error.value = null;\r\n\r\n const now = Date.now();\r\n const cached = asyncCache.get(key);\r\n\r\n // Serve fresh cached data\r\n if (\r\n cached?.data &&\r\n (!ttl ||\r\n (typeof cached.timestamp === \"number\" && now - cached.timestamp < ttl))\r\n ) {\r\n data.value = cached.data;\r\n loading.value = false;\r\n return;\r\n }\r\n\r\n // Deduping: reuse in-flight request\r\n if (cached?.promise) {\r\n try {\r\n const result = await cached.promise;\r\n if (!active || id !== callId) return;\r\n // Sanitize result before storing in state\r\n const safeResult =\r\n typeof result === \"object\" && result !== null\r\n ? JSON.parse(JSON.stringify(result))\r\n : result;\r\n data.value = safeResult;\r\n } catch (e: any) {\r\n if (!active || id !== callId) return;\r\n error.value = e instanceof Error ? e : new Error(String(e));\r\n } finally {\r\n if (active && id === callId) loading.value = false;\r\n }\r\n return;\r\n }\r\n\r\n // New request\r\n const controller = new AbortController();\r\n const promise = (async () => {\r\n try {\r\n const result = await queryFn(controller.signal);\r\n asyncCache.set(key, {\r\n data: result,\r\n timestamp: Date.now(),\r\n });\r\n return result;\r\n } catch (e) {\r\n asyncCache.delete(key);\r\n throw e instanceof Error ? e : new Error(String(e));\r\n }\r\n })();\r\n\r\n asyncCache.set(key, { promise, controller });\r\n\r\n try {\r\n const result = await promise;\r\n if (!active || id !== callId) return;\r\n // Sanitize result before storing in state\r\n const safeResult =\r\n typeof result === \"object\" && result !== null\r\n ? JSON.parse(JSON.stringify(result))\r\n : result;\r\n data.value = safeResult;\r\n } catch (e: any) {\r\n if (!active || id !== callId) return;\r\n error.value = e instanceof Error ? e : new Error(String(e));\r\n } finally {\r\n if (active && id === callId) loading.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Cancels in-flight request and prevents state updates.\r\n */\r\n const cancel = (): void => {\r\n active = false;\r\n const cached = asyncCache.get(key);\r\n if (cached?.controller) {\r\n cached.controller.abort();\r\n }\r\n };\r\n\r\n return { data, error, loading, run, cancel };\r\n}\r\n"],
|
|
5
|
+
"mappings": ";;AAsBA,SAAS,gBAAgB;AAYzB,MAAM,aASF,oBAAI,IAAI;AA2BL,SAAS,cACd,KACA,SACA,UAA4B,CAAC,GAO7B;AACA,QAAM,OAAO,SAAS,IAAI;AAC1B,QAAM,QAAQ,SAAS,IAAI;AAC3B,QAAM,UAAU,SAAS,KAAK;AAE9B,QAAM,MAAc,QAAQ,OAAO;AACnC,MAAI,SAAkB;AACtB,MAAI,SAAiB;AAErB,QAAM,MAAM,mCAA2B;AACrC,UAAM,KAAK,EAAE;AACb,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AAEd,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,SAAS,WAAW,IAAI,GAAG;AAGjC,QACE,QAAQ,SACP,CAAC,OACC,OAAO,OAAO,cAAc,YAAY,MAAM,OAAO,YAAY,MACpE;AACA,WAAK,QAAQ,OAAO;AACpB,cAAQ,QAAQ;AAChB;AAAA,IACF;AAGA,QAAI,QAAQ,SAAS;AACnB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO;AAC5B,YAAI,CAAC,UAAU,OAAO,OAAQ;AAE9B,cAAM,aACJ,OAAO,WAAW,YAAY,WAAW,OACrC,KAAK,MAAM,KAAK,UAAU,MAAM,CAAC,IACjC;AACN,aAAK,QAAQ;AAAA,MACf,SAAS,GAAQ;AACf,YAAI,CAAC,UAAU,OAAO,OAAQ;AAC9B,cAAM,QAAQ,aAAa,QAAQ,IAAI,IAAI,MAAM,OAAO,CAAC,CAAC;AAAA,MAC5D,UAAE;AACA,YAAI,UAAU,OAAO,OAAQ,SAAQ,QAAQ;AAAA,MAC/C;AACA;AAAA,IACF;AAGA,UAAM,aAAa,IAAI,gBAAgB;AACvC,UAAM,WAAW,YAAY;AAC3B,UAAI;AACF,cAAM,SAAS,MAAM,QAAQ,WAAW,MAAM;AAC9C,mBAAW,IAAI,KAAK;AAAA,UAClB,MAAM;AAAA,UACN,WAAW,KAAK,IAAI;AAAA,QACtB,CAAC;AACD,eAAO;AAAA,MACT,SAAS,GAAG;AACV,mBAAW,OAAO,GAAG;AACrB,cAAM,aAAa,QAAQ,IAAI,IAAI,MAAM,OAAO,CAAC,CAAC;AAAA,MACpD;AAAA,IACF,GAAG;AAEH,eAAW,IAAI,KAAK,EAAE,SAAS,WAAW,CAAC;AAE3C,QAAI;AACF,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,UAAU,OAAO,OAAQ;AAE9B,YAAM,aACJ,OAAO,WAAW,YAAY,WAAW,OACrC,KAAK,MAAM,KAAK,UAAU,MAAM,CAAC,IACjC;AACN,WAAK,QAAQ;AAAA,IACf,SAAS,GAAQ;AACf,UAAI,CAAC,UAAU,OAAO,OAAQ;AAC9B,YAAM,QAAQ,aAAa,QAAQ,IAAI,IAAI,MAAM,OAAO,CAAC,CAAC;AAAA,IAC5D,UAAE;AACA,UAAI,UAAU,OAAO,OAAQ,SAAQ,QAAQ;AAAA,IAC/C;AAAA,EACF,GAxEY;AA6EZ,QAAM,SAAS,6BAAY;AACzB,aAAS;AACT,UAAM,SAAS,WAAW,IAAI,GAAG;AACjC,QAAI,QAAQ,YAAY;AACtB,aAAO,WAAW,MAAM;AAAA,IAC1B;AAAA,EACF,GANe;AAQf,SAAO,EAAE,MAAM,OAAO,SAAS,KAAK,OAAO;AAC7C;AAzGgB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nixCallback.d.ts","sourceRoot":"","sources":["../../hooks/nixCallback.ts"],"names":[],"mappings":"AAqDA,wBAAgB,WAAW,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAC3D,EAAE,EAAE,CAAC,EACL,IAAI,GAAE,GAAG,EAAO,GACf,CAAC,CAiCH"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { activeContext } from "../context/context";
|
|
2
|
+
export function nixCallback(fn, deps = []) {
|
|
3
|
+
const ctx = activeContext;
|
|
4
|
+
if (!ctx)
|
|
5
|
+
throw new Error("nixCallback() called outside component");
|
|
6
|
+
if (typeof fn !== "function") {
|
|
7
|
+
console.error("[nixCallback] First argument must be a function");
|
|
8
|
+
return fn;
|
|
9
|
+
}
|
|
10
|
+
if (!Array.isArray(deps)) {
|
|
11
|
+
console.error("[nixCallback] Second argument must be an array");
|
|
12
|
+
deps = [];
|
|
13
|
+
}
|
|
14
|
+
const MAX_DEPS = 100;
|
|
15
|
+
if (deps.length > MAX_DEPS) {
|
|
16
|
+
console.warn(`[nixCallback] Dependency array too large (${deps.length}). Limited to ${MAX_DEPS}.`);
|
|
17
|
+
deps = deps.slice(0, MAX_DEPS);
|
|
18
|
+
}
|
|
19
|
+
const idx = ctx.hookIndex++;
|
|
20
|
+
const prev = ctx.hooks[idx];
|
|
21
|
+
if (!prev || !shallowArrayEqual(prev.deps, deps)) {
|
|
22
|
+
ctx.hooks[idx] = { value: fn, deps };
|
|
23
|
+
}
|
|
24
|
+
return ctx.hooks[idx].value;
|
|
25
|
+
}
|
|
26
|
+
function shallowArrayEqual(a, b) {
|
|
27
|
+
if (a.length !== b.length)
|
|
28
|
+
return false;
|
|
29
|
+
for (let i = 0; i < a.length; i++) {
|
|
30
|
+
if (!Object.is(a[i], b[i]))
|
|
31
|
+
return false;
|
|
32
|
+
}
|
|
33
|
+
return true;
|
|
34
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../hooks/nixCallback.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\nimport { activeContext } from \"../context/context\";\r\n\r\n/**\r\n * Memoizes a callback function based on a dependency array.\r\n * Similar to React's useCallback.\r\n *\r\n * @param {Function} fn\r\n * Function to memoize. Should be pure and not mutate external state.\r\n *\r\n * @param {Array<any>} [deps=[]]\r\n * Dependency array. Callback identity changes only when deps change.\r\n *\r\n * @returns {Function}\r\n * Memoized callback function.\r\n *\r\n * @throws {Error}\r\n * If called outside of a component context.\r\n *\r\n * @example\r\n * const onClick = nixCallback(() => {\r\n * console.log(count.value);\r\n * }, [count.value]);\r\n *\r\n * @security\r\n * - Avoids JSON.stringify to prevent crashes on circular references\r\n * - Limits dependency array size to prevent performance abuse\r\n *\r\n * @memory\r\n * - Does not allocate large temporary strings\r\n * - Reuses function reference when deps are unchanged\r\n */\r\nexport function nixCallback<T extends (...args: any[]) => any>(\r\n fn: T,\r\n deps: any[] = []\r\n): T {\r\n const ctx = activeContext as {\r\n hookIndex: number;\r\n hooks: Array<{ value: T; deps: any[] } | undefined>;\r\n };\r\n if (!ctx) throw new Error(\"nixCallback() called outside component\");\r\n\r\n if (typeof fn !== \"function\") {\r\n console.error(\"[nixCallback] First argument must be a function\");\r\n return fn;\r\n }\r\n\r\n if (!Array.isArray(deps)) {\r\n console.error(\"[nixCallback] Second argument must be an array\");\r\n deps = [];\r\n }\r\n\r\n const MAX_DEPS = 100;\r\n if (deps.length > MAX_DEPS) {\r\n console.warn(\r\n `[nixCallback] Dependency array too large (${deps.length}). Limited to ${MAX_DEPS}.`\r\n );\r\n deps = deps.slice(0, MAX_DEPS);\r\n }\r\n\r\n const idx: number = ctx.hookIndex++;\r\n const prev: { value: T; deps: any[] } | undefined = ctx.hooks[idx];\r\n\r\n if (!prev || !shallowArrayEqual(prev.deps, deps)) {\r\n ctx.hooks[idx] = { value: fn, deps };\r\n }\r\n\r\n return ctx.hooks[idx]!.value;\r\n}\r\n\r\n/**\r\n * Shallow comparison for dependency arrays.\r\n *\r\n * @param {Array<any>} a\r\n * @param {Array<any>} b\r\n * @returns {boolean}\r\n */\r\nfunction shallowArrayEqual(a: any[], b: any[]): boolean {\r\n if (a.length !== b.length) return false;\r\n for (let i = 0; i < a.length; i++) {\r\n if (!Object.is(a[i], b[i])) return false;\r\n }\r\n return true;\r\n}\r\n"],
|
|
5
|
+
"mappings": ";;AAsBA,SAAS,qBAAqB;AA+BvB,SAAS,YACd,IACA,OAAc,CAAC,GACZ;AACH,QAAM,MAAM;AAIZ,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,wCAAwC;AAElE,MAAI,OAAO,OAAO,YAAY;AAC5B,YAAQ,MAAM,iDAAiD;AAC/D,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,MAAM,QAAQ,IAAI,GAAG;AACxB,YAAQ,MAAM,gDAAgD;AAC9D,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,WAAW;AACjB,MAAI,KAAK,SAAS,UAAU;AAC1B,YAAQ;AAAA,MACN,6CAA6C,KAAK,MAAM,iBAAiB,QAAQ;AAAA,IACnF;AACA,WAAO,KAAK,MAAM,GAAG,QAAQ;AAAA,EAC/B;AAEA,QAAM,MAAc,IAAI;AACxB,QAAM,OAA8C,IAAI,MAAM,GAAG;AAEjE,MAAI,CAAC,QAAQ,CAAC,kBAAkB,KAAK,MAAM,IAAI,GAAG;AAChD,QAAI,MAAM,GAAG,IAAI,EAAE,OAAO,IAAI,KAAK;AAAA,EACrC;AAEA,SAAO,IAAI,MAAM,GAAG,EAAG;AACzB;AApCgB;AA6ChB,SAAS,kBAAkB,GAAU,GAAmB;AACtD,MAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,WAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;AACjC,QAAI,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAG,QAAO;AAAA,EACrC;AACA,SAAO;AACT;AANS;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare function nixComputed<T>(computeFn: () => T): {
|
|
2
|
+
value: T;
|
|
3
|
+
subscribe: (fn: (value: T) => void) => () => void;
|
|
4
|
+
cleanup: () => void;
|
|
5
|
+
getSubscriberCount: () => number;
|
|
6
|
+
getDependencyCount: () => number;
|
|
7
|
+
isDestroyed: () => boolean;
|
|
8
|
+
getDependencyInfo: () => Array<{
|
|
9
|
+
state: any;
|
|
10
|
+
hasCleanup: boolean;
|
|
11
|
+
isComputed: boolean;
|
|
12
|
+
}>;
|
|
13
|
+
_isNixState: true;
|
|
14
|
+
_isComputed: true;
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=nixComputed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nixComputed.d.ts","sourceRoot":"","sources":["../../hooks/nixComputed.ts"],"names":[],"mappings":"AAuFA,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG;IAClD,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,MAAM,CAAC;IACjC,kBAAkB,EAAE,MAAM,MAAM,CAAC;IACjC,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,iBAAiB,EAAE,MAAM,KAAK,CAAC;QAC7B,KAAK,EAAE,GAAG,CAAC;QACX,UAAU,EAAE,OAAO,CAAC;QACpB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,IAAI,CAAC;CACnB,CA8LA"}
|