sibujs 1.3.0 → 1.5.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.
Files changed (87) hide show
  1. package/README.md +105 -119
  2. package/dist/browser.cjs +53 -14
  3. package/dist/browser.d.cts +14 -9
  4. package/dist/browser.d.ts +14 -9
  5. package/dist/browser.js +4 -4
  6. package/dist/build.cjs +125 -135
  7. package/dist/build.d.cts +1 -1
  8. package/dist/build.d.ts +1 -1
  9. package/dist/build.js +11 -91
  10. package/dist/cdn.global.js +6 -6
  11. package/dist/chunk-5ZYQ6KDD.js +154 -0
  12. package/dist/chunk-6BMPXPUW.js +26 -0
  13. package/dist/chunk-7GRNSCFT.js +1097 -0
  14. package/dist/chunk-BGTHZHJ5.js +1016 -0
  15. package/dist/chunk-BMPL52BF.js +654 -0
  16. package/dist/chunk-CNZ35WI2.js +178 -0
  17. package/dist/chunk-GJPXRJ45.js +37 -0
  18. package/dist/chunk-JCDUJN2F.js +2779 -0
  19. package/dist/chunk-K4G4ZQNR.js +286 -0
  20. package/dist/chunk-M4NLBH4I.js +725 -0
  21. package/dist/chunk-MB6QFH3I.js +2776 -0
  22. package/dist/chunk-MYRV7VDM.js +742 -0
  23. package/dist/chunk-NZIIMDWI.js +84 -0
  24. package/dist/chunk-P3XWXJZU.js +282 -0
  25. package/dist/chunk-PDZQY43A.js +616 -0
  26. package/dist/chunk-RJ46C3CS.js +1293 -0
  27. package/dist/chunk-SFKNRVCU.js +292 -0
  28. package/dist/chunk-TDGZL5CU.js +365 -0
  29. package/dist/chunk-UHNL42EF.js +2730 -0
  30. package/dist/chunk-VAPYJN4X.js +368 -0
  31. package/dist/chunk-VQDZK23A.js +1023 -0
  32. package/dist/chunk-VQNQZCWJ.js +61 -0
  33. package/dist/chunk-XHK6BDAJ.js +76 -0
  34. package/dist/chunk-XUEEGU5O.js +409 -0
  35. package/dist/chunk-ZWKZCBO6.js +317 -0
  36. package/dist/contracts-ey_Qh8ef.d.cts +239 -0
  37. package/dist/contracts-ey_Qh8ef.d.ts +239 -0
  38. package/dist/contracts-xo5ckdRP.d.cts +240 -0
  39. package/dist/contracts-xo5ckdRP.d.ts +240 -0
  40. package/dist/customElement-BL3Uo8dL.d.cts +318 -0
  41. package/dist/customElement-BL3Uo8dL.d.ts +318 -0
  42. package/dist/data.cjs +52 -11
  43. package/dist/data.js +6 -6
  44. package/dist/devtools.cjs +22 -24
  45. package/dist/devtools.d.cts +1 -1
  46. package/dist/devtools.d.ts +1 -1
  47. package/dist/devtools.js +26 -28
  48. package/dist/ecosystem.cjs +31 -6
  49. package/dist/ecosystem.d.cts +4 -4
  50. package/dist/ecosystem.d.ts +4 -4
  51. package/dist/ecosystem.js +7 -7
  52. package/dist/extras.cjs +305 -131
  53. package/dist/extras.d.cts +3 -3
  54. package/dist/extras.d.ts +3 -3
  55. package/dist/extras.js +21 -29
  56. package/dist/index.cjs +124 -56
  57. package/dist/index.d.cts +60 -72
  58. package/dist/index.d.ts +60 -72
  59. package/dist/index.js +10 -14
  60. package/dist/motion.cjs +13 -2
  61. package/dist/motion.d.cts +1 -1
  62. package/dist/motion.d.ts +1 -1
  63. package/dist/motion.js +3 -3
  64. package/dist/patterns.cjs +91 -46
  65. package/dist/patterns.d.cts +46 -60
  66. package/dist/patterns.d.ts +46 -60
  67. package/dist/patterns.js +6 -14
  68. package/dist/performance.cjs +97 -12
  69. package/dist/performance.d.cts +6 -1
  70. package/dist/performance.d.ts +6 -1
  71. package/dist/performance.js +5 -3
  72. package/dist/plugins.cjs +20 -14
  73. package/dist/plugins.d.cts +3 -3
  74. package/dist/plugins.d.ts +3 -3
  75. package/dist/plugins.js +17 -19
  76. package/dist/ssr.cjs +9 -0
  77. package/dist/ssr.d.cts +1 -1
  78. package/dist/ssr.d.ts +1 -1
  79. package/dist/ssr.js +7 -7
  80. package/dist/testing.js +2 -2
  81. package/dist/ui.cjs +130 -53
  82. package/dist/ui.d.cts +13 -16
  83. package/dist/ui.d.ts +13 -16
  84. package/dist/ui.js +7 -9
  85. package/dist/widgets.cjs +31 -6
  86. package/dist/widgets.js +5 -5
  87. package/package.json +1 -1
@@ -0,0 +1,1016 @@
1
+ import {
2
+ context
3
+ } from "./chunk-6BMPXPUW.js";
4
+ import {
5
+ derived
6
+ } from "./chunk-XHK6BDAJ.js";
7
+ import {
8
+ sanitizeUrl
9
+ } from "./chunk-CMBFNA7L.js";
10
+ import {
11
+ effect
12
+ } from "./chunk-VQNQZCWJ.js";
13
+ import {
14
+ batch,
15
+ signal
16
+ } from "./chunk-NZIIMDWI.js";
17
+
18
+ // src/data/retry.ts
19
+ function calculateDelay(attempt, strategy, baseDelay, maxDelay, jitter) {
20
+ let delay;
21
+ switch (strategy) {
22
+ case "exponential":
23
+ delay = baseDelay * 2 ** attempt;
24
+ break;
25
+ case "linear":
26
+ delay = baseDelay * (attempt + 1);
27
+ break;
28
+ case "fixed":
29
+ delay = baseDelay;
30
+ break;
31
+ }
32
+ delay = Math.min(delay, maxDelay);
33
+ if (jitter > 0) {
34
+ const jitterRange = delay * jitter;
35
+ delay += (Math.random() * 2 - 1) * jitterRange;
36
+ }
37
+ return Math.max(0, delay);
38
+ }
39
+ async function withRetry(fn, options, onRetry, signal2) {
40
+ const maxRetries = options?.maxRetries ?? 3;
41
+ const strategy = options?.strategy ?? "exponential";
42
+ const baseDelay = options?.baseDelay ?? 1e3;
43
+ const maxDelay = options?.maxDelay ?? 3e4;
44
+ const jitter = options?.jitter ?? 0.1;
45
+ const shouldRetry = options?.shouldRetry ?? (() => true);
46
+ let lastError;
47
+ for (let attempt = 0; attempt <= maxRetries; attempt++) {
48
+ if (signal2?.aborted) throw new DOMException("Aborted", "AbortError");
49
+ try {
50
+ return await fn();
51
+ } catch (error) {
52
+ lastError = error;
53
+ if (attempt >= maxRetries || !shouldRetry(error, attempt)) throw error;
54
+ const delay = calculateDelay(attempt, strategy, baseDelay, maxDelay, jitter);
55
+ onRetry?.(error, attempt, delay);
56
+ await new Promise((resolve, reject) => {
57
+ let onAbort = null;
58
+ const timer = setTimeout(() => {
59
+ if (onAbort && signal2) signal2.removeEventListener("abort", onAbort);
60
+ resolve();
61
+ }, delay);
62
+ if (signal2) {
63
+ onAbort = () => {
64
+ clearTimeout(timer);
65
+ reject(new DOMException("Aborted", "AbortError"));
66
+ };
67
+ signal2.addEventListener("abort", onAbort, { once: true });
68
+ }
69
+ });
70
+ }
71
+ }
72
+ throw lastError;
73
+ }
74
+
75
+ // src/data/query.ts
76
+ var queryCache = /* @__PURE__ */ new Map();
77
+ function getOrCreateEntry(key, initialData) {
78
+ let entry = queryCache.get(key);
79
+ if (!entry) {
80
+ entry = {
81
+ data: initialData,
82
+ error: void 0,
83
+ dataUpdatedAt: initialData !== void 0 ? Date.now() : 0,
84
+ subscribers: 0,
85
+ gcTimer: null,
86
+ promise: null,
87
+ listeners: /* @__PURE__ */ new Set(),
88
+ refetchers: /* @__PURE__ */ new Set()
89
+ };
90
+ queryCache.set(key, entry);
91
+ }
92
+ return entry;
93
+ }
94
+ function query(key, fetcher, options = {}) {
95
+ const {
96
+ staleTime = 0,
97
+ cacheTime = 3e5,
98
+ enabled = true,
99
+ retry: retryOptions,
100
+ initialData,
101
+ refetchInterval,
102
+ refetchOnWindowFocus = false,
103
+ refetchOnReconnect = false,
104
+ onSuccess,
105
+ onError,
106
+ onSettled,
107
+ select
108
+ } = options;
109
+ const resolveKey = typeof key === "function" ? key : () => key;
110
+ const [data, setData] = signal(initialData);
111
+ const [isFetching, setIsFetching] = signal(false);
112
+ const [error, setError] = signal(void 0);
113
+ let abortController = null;
114
+ let disposed = false;
115
+ let currentKey = null;
116
+ let intervalTimer = null;
117
+ const loading = derived(() => isFetching() && data() === void 0);
118
+ const isStale = derived(() => {
119
+ data();
120
+ if (!currentKey) return true;
121
+ const entry = queryCache.get(currentKey);
122
+ if (!entry || entry.dataUpdatedAt === 0) return true;
123
+ return Date.now() - entry.dataUpdatedAt >= staleTime;
124
+ });
125
+ async function doFetch() {
126
+ if (disposed || !currentKey || !enabled) return;
127
+ const key2 = currentKey;
128
+ let entry = queryCache.get(key2);
129
+ if (!entry) {
130
+ entry = getOrCreateEntry(key2);
131
+ entry.subscribers++;
132
+ entry.listeners.add(onCacheUpdate);
133
+ entry.refetchers.add(doFetch);
134
+ }
135
+ if (entry.promise) {
136
+ setIsFetching(true);
137
+ try {
138
+ await entry.promise;
139
+ } catch {
140
+ }
141
+ onCacheUpdate();
142
+ return;
143
+ }
144
+ abortController?.abort();
145
+ abortController = new AbortController();
146
+ const signal2 = abortController.signal;
147
+ setIsFetching(true);
148
+ const promise = withRetry(() => fetcher({ signal: signal2, key: key2 }), retryOptions, void 0, signal2);
149
+ entry.promise = promise;
150
+ try {
151
+ const result = await promise;
152
+ entry.promise = null;
153
+ if (disposed || currentKey !== key2) return;
154
+ entry.data = result;
155
+ entry.dataUpdatedAt = Date.now();
156
+ entry.error = void 0;
157
+ const selected = select ? select(result) : result;
158
+ batch(() => {
159
+ setData(selected);
160
+ setIsFetching(false);
161
+ setError(void 0);
162
+ });
163
+ for (const listener of entry.listeners) listener();
164
+ onSuccess?.(result);
165
+ } catch (err) {
166
+ entry.promise = null;
167
+ if (disposed || currentKey !== key2) return;
168
+ if (err instanceof DOMException && err.name === "AbortError") return;
169
+ const errorObj = err instanceof Error ? err : new Error(String(err));
170
+ entry.error = errorObj;
171
+ batch(() => {
172
+ setError(errorObj);
173
+ setIsFetching(false);
174
+ });
175
+ for (const listener of entry.listeners) listener();
176
+ onError?.(errorObj);
177
+ } finally {
178
+ if (!disposed && currentKey === key2) onSettled?.();
179
+ }
180
+ }
181
+ function onCacheUpdate() {
182
+ if (disposed || !currentKey) return;
183
+ const entry = queryCache.get(currentKey);
184
+ if (!entry) {
185
+ batch(() => {
186
+ setData(void 0);
187
+ setError(void 0);
188
+ setIsFetching(false);
189
+ });
190
+ return;
191
+ }
192
+ const raw = entry.data;
193
+ const selected = raw !== void 0 && select ? select(raw) : raw;
194
+ batch(() => {
195
+ setData(selected);
196
+ setError(entry.error);
197
+ if (!entry.promise) setIsFetching(false);
198
+ });
199
+ }
200
+ const effectCleanup = effect(() => {
201
+ const key2 = resolveKey();
202
+ if (currentKey !== null && currentKey !== key2) {
203
+ const oldEntry = queryCache.get(currentKey);
204
+ if (oldEntry) {
205
+ oldEntry.listeners.delete(onCacheUpdate);
206
+ oldEntry.refetchers.delete(doFetch);
207
+ oldEntry.subscribers--;
208
+ if (oldEntry.subscribers <= 0 && cacheTime >= 0) {
209
+ const oldKey = currentKey;
210
+ oldEntry.gcTimer = setTimeout(() => queryCache.delete(oldKey), cacheTime);
211
+ }
212
+ }
213
+ }
214
+ const keyChanged = currentKey !== key2;
215
+ currentKey = key2;
216
+ const entry = getOrCreateEntry(key2, initialData);
217
+ if (keyChanged || entry.subscribers === 0) entry.subscribers++;
218
+ if (entry.gcTimer !== null) {
219
+ clearTimeout(entry.gcTimer);
220
+ entry.gcTimer = null;
221
+ }
222
+ entry.listeners.add(onCacheUpdate);
223
+ entry.refetchers.add(doFetch);
224
+ if (entry.data !== void 0) {
225
+ const raw = entry.data;
226
+ const selected = select ? select(raw) : raw;
227
+ batch(() => {
228
+ setData(selected);
229
+ setError(entry.error);
230
+ });
231
+ }
232
+ const isDataStale = entry.dataUpdatedAt === 0 || Date.now() - entry.dataUpdatedAt >= staleTime;
233
+ if (enabled && (entry.data === void 0 || isDataStale)) {
234
+ doFetch();
235
+ }
236
+ });
237
+ if (refetchInterval && refetchInterval > 0) {
238
+ intervalTimer = setInterval(() => {
239
+ if (!disposed && currentKey && enabled) doFetch();
240
+ }, refetchInterval);
241
+ }
242
+ let focusHandler = null;
243
+ let onlineHandler = null;
244
+ if (typeof globalThis !== "undefined" && typeof globalThis.addEventListener === "function") {
245
+ if (refetchOnWindowFocus) {
246
+ focusHandler = () => {
247
+ if (!disposed && currentKey && enabled) doFetch();
248
+ };
249
+ globalThis.addEventListener("focus", focusHandler);
250
+ }
251
+ if (refetchOnReconnect) {
252
+ onlineHandler = () => {
253
+ if (!disposed && currentKey && enabled) doFetch();
254
+ };
255
+ globalThis.addEventListener("online", onlineHandler);
256
+ }
257
+ }
258
+ function dispose() {
259
+ disposed = true;
260
+ abortController?.abort();
261
+ effectCleanup();
262
+ if (intervalTimer) clearInterval(intervalTimer);
263
+ if (currentKey) {
264
+ const entry = queryCache.get(currentKey);
265
+ if (entry) {
266
+ entry.listeners.delete(onCacheUpdate);
267
+ entry.refetchers.delete(doFetch);
268
+ entry.subscribers--;
269
+ if (entry.subscribers <= 0 && cacheTime >= 0) {
270
+ const key2 = currentKey;
271
+ entry.gcTimer = setTimeout(() => queryCache.delete(key2), cacheTime);
272
+ }
273
+ }
274
+ }
275
+ if (focusHandler) globalThis.removeEventListener("focus", focusHandler);
276
+ if (onlineHandler) globalThis.removeEventListener("online", onlineHandler);
277
+ }
278
+ return {
279
+ data,
280
+ loading,
281
+ fetching: isFetching,
282
+ error,
283
+ isStale,
284
+ refetch: doFetch,
285
+ dispose
286
+ };
287
+ }
288
+ function invalidateQueries(keyOrPredicate) {
289
+ const predicate = typeof keyOrPredicate === "function" ? keyOrPredicate : (k) => k === keyOrPredicate;
290
+ for (const [key, entry] of queryCache.entries()) {
291
+ if (predicate(key)) {
292
+ entry.dataUpdatedAt = 0;
293
+ for (const refetcher of entry.refetchers) refetcher();
294
+ }
295
+ }
296
+ }
297
+ function getQueryData(key) {
298
+ return queryCache.get(key)?.data;
299
+ }
300
+ function setQueryData(key, data) {
301
+ const entry = queryCache.get(key);
302
+ if (!entry) return;
303
+ const newData = typeof data === "function" ? data(entry.data) : data;
304
+ entry.data = newData;
305
+ entry.dataUpdatedAt = Date.now();
306
+ for (const listener of entry.listeners) listener();
307
+ }
308
+ function clearQueryCache() {
309
+ const activeListeners = [];
310
+ const activeRefetchers = [];
311
+ for (const entry of queryCache.values()) {
312
+ if (entry.gcTimer) clearTimeout(entry.gcTimer);
313
+ if (entry.subscribers > 0) {
314
+ for (const listener of entry.listeners) activeListeners.push(listener);
315
+ for (const refetcher of entry.refetchers) activeRefetchers.push(refetcher);
316
+ }
317
+ }
318
+ queryCache.clear();
319
+ for (const listener of activeListeners) listener();
320
+ for (const refetcher of activeRefetchers) refetcher();
321
+ }
322
+
323
+ // src/data/mutation.ts
324
+ function mutation(mutationFn, options = {}) {
325
+ const [data, setData] = signal(void 0);
326
+ const [loading, setLoading] = signal(false);
327
+ const [error, setError] = signal(void 0);
328
+ const [status, setStatus] = signal("idle");
329
+ const isSuccess = derived(() => status() === "success");
330
+ const isIdle = derived(() => status() === "idle");
331
+ let runId = 0;
332
+ async function execute(variables) {
333
+ const myRun = ++runId;
334
+ let context2;
335
+ batch(() => {
336
+ setLoading(true);
337
+ setError(void 0);
338
+ setStatus("loading");
339
+ });
340
+ try {
341
+ if (options.onMutate) {
342
+ context2 = await options.onMutate(variables);
343
+ }
344
+ const result = await withRetry(() => mutationFn(variables), options.retry);
345
+ if (myRun !== runId) return result;
346
+ batch(() => {
347
+ setData(result);
348
+ setLoading(false);
349
+ setStatus("success");
350
+ });
351
+ options.onSuccess?.(result, variables, context2);
352
+ options.onSettled?.(result, void 0, variables, context2);
353
+ return result;
354
+ } catch (err) {
355
+ const errorObj = err instanceof Error ? err : new Error(String(err));
356
+ if (myRun !== runId) throw errorObj;
357
+ batch(() => {
358
+ setError(errorObj);
359
+ setLoading(false);
360
+ setStatus("error");
361
+ });
362
+ options.onError?.(errorObj, variables, context2);
363
+ options.onSettled?.(void 0, errorObj, variables, context2);
364
+ throw errorObj;
365
+ }
366
+ }
367
+ function reset() {
368
+ runId++;
369
+ batch(() => {
370
+ setData(void 0);
371
+ setError(void 0);
372
+ setLoading(false);
373
+ setStatus("idle");
374
+ });
375
+ }
376
+ return {
377
+ data,
378
+ loading,
379
+ error,
380
+ isSuccess,
381
+ isIdle,
382
+ mutate: (variables) => {
383
+ execute(variables).catch(() => {
384
+ });
385
+ },
386
+ mutateAsync: execute,
387
+ reset
388
+ };
389
+ }
390
+
391
+ // src/data/infiniteQuery.ts
392
+ function infiniteQuery(key, fetcher, options) {
393
+ const {
394
+ getNextPageParam,
395
+ getPreviousPageParam,
396
+ initialPageParam = 0,
397
+ enabled = true,
398
+ retry: retryOptions,
399
+ onSuccess,
400
+ onError
401
+ } = options;
402
+ const resolveKey = typeof key === "function" ? key : () => key;
403
+ const [pages, setPages] = signal([]);
404
+ const [isFetching, setIsFetching] = signal(false);
405
+ const [isFetchingNext, setIsFetchingNext] = signal(false);
406
+ const [isFetchingPrev, setIsFetchingPrev] = signal(false);
407
+ const [error, setError] = signal(void 0);
408
+ const [nextPageParam, setNextPageParam] = signal(initialPageParam);
409
+ const [prevPageParam, setPrevPageParam] = signal(void 0);
410
+ const data = derived(() => {
411
+ const p = pages();
412
+ return p.length > 0 ? p : void 0;
413
+ });
414
+ const loading = derived(() => isFetching() && pages().length === 0);
415
+ const hasNextPage = derived(() => nextPageParam() !== void 0);
416
+ const hasPreviousPage = derived(() => prevPageParam() !== void 0);
417
+ let abortController = null;
418
+ let disposed = false;
419
+ async function fetchPage(pageParam, direction) {
420
+ if (disposed) return;
421
+ abortController?.abort();
422
+ abortController = new AbortController();
423
+ const signal2 = abortController.signal;
424
+ batch(() => {
425
+ setIsFetching(true);
426
+ if (direction === "next") setIsFetchingNext(true);
427
+ if (direction === "prev") setIsFetchingPrev(true);
428
+ setError(void 0);
429
+ });
430
+ try {
431
+ const page = await withRetry(() => fetcher({ signal: signal2, pageParam }), retryOptions, void 0, signal2);
432
+ if (disposed) return;
433
+ const currentPages = pages();
434
+ let newPages;
435
+ if (direction === "prev") {
436
+ newPages = [page, ...currentPages];
437
+ } else {
438
+ newPages = [...currentPages, page];
439
+ }
440
+ const nextParam = getNextPageParam(page, newPages);
441
+ const prevParam = getPreviousPageParam?.(newPages[0], newPages);
442
+ batch(() => {
443
+ setPages(newPages);
444
+ setNextPageParam(nextParam);
445
+ setPrevPageParam(prevParam);
446
+ setIsFetching(false);
447
+ setIsFetchingNext(false);
448
+ setIsFetchingPrev(false);
449
+ });
450
+ onSuccess?.(newPages);
451
+ } catch (err) {
452
+ if (disposed) return;
453
+ if (err instanceof DOMException && err.name === "AbortError") return;
454
+ const errorObj = err instanceof Error ? err : new Error(String(err));
455
+ batch(() => {
456
+ setError(errorObj);
457
+ setIsFetching(false);
458
+ setIsFetchingNext(false);
459
+ setIsFetchingPrev(false);
460
+ });
461
+ onError?.(errorObj);
462
+ }
463
+ }
464
+ const effectCleanup = effect(() => {
465
+ resolveKey();
466
+ if (enabled) {
467
+ setPages([]);
468
+ setNextPageParam(initialPageParam);
469
+ setPrevPageParam(void 0);
470
+ fetchPage(initialPageParam, "initial");
471
+ }
472
+ });
473
+ function fetchNextPage() {
474
+ const param = nextPageParam();
475
+ if (param === void 0) return Promise.resolve();
476
+ return fetchPage(param, "next");
477
+ }
478
+ function fetchPreviousPage() {
479
+ const param = prevPageParam();
480
+ if (param === void 0) return Promise.resolve();
481
+ return fetchPage(param, "prev");
482
+ }
483
+ async function refetch() {
484
+ batch(() => {
485
+ setPages([]);
486
+ setNextPageParam(initialPageParam);
487
+ setPrevPageParam(void 0);
488
+ });
489
+ await fetchPage(initialPageParam, "initial");
490
+ }
491
+ function dispose() {
492
+ disposed = true;
493
+ abortController?.abort();
494
+ effectCleanup();
495
+ }
496
+ return {
497
+ data,
498
+ pages,
499
+ loading,
500
+ fetching: isFetching,
501
+ fetchingNextPage: isFetchingNext,
502
+ fetchingPreviousPage: isFetchingPrev,
503
+ error,
504
+ hasNextPage,
505
+ hasPreviousPage,
506
+ fetchNextPage,
507
+ fetchPreviousPage,
508
+ refetch,
509
+ dispose
510
+ };
511
+ }
512
+
513
+ // src/data/previous.ts
514
+ function previous(getter) {
515
+ const [previous2, setPrevious] = signal(void 0);
516
+ let current = getter();
517
+ effect(() => {
518
+ const next = getter();
519
+ if (!Object.is(next, current)) {
520
+ setPrevious(current);
521
+ current = next;
522
+ }
523
+ });
524
+ return previous2;
525
+ }
526
+
527
+ // src/data/debounce.ts
528
+ function debounce(getter, delay) {
529
+ const [debounced, setDebounced] = signal(getter());
530
+ let timer = null;
531
+ effect(() => {
532
+ const value = getter();
533
+ if (timer !== null) clearTimeout(timer);
534
+ timer = setTimeout(() => {
535
+ setDebounced(value);
536
+ timer = null;
537
+ }, delay);
538
+ });
539
+ return debounced;
540
+ }
541
+
542
+ // src/data/throttle.ts
543
+ function throttle(getter, interval) {
544
+ const [throttled, setThrottled] = signal(getter());
545
+ let cooldown = false;
546
+ let pending = null;
547
+ let lastEmitted = getter();
548
+ effect(() => {
549
+ const value = getter();
550
+ if (!cooldown) {
551
+ if (!Object.is(value, lastEmitted)) {
552
+ setThrottled(value);
553
+ lastEmitted = value;
554
+ cooldown = true;
555
+ pending = null;
556
+ setTimeout(() => {
557
+ cooldown = false;
558
+ if (pending !== null) {
559
+ const trailingValue = pending.value;
560
+ pending = null;
561
+ setThrottled(trailingValue);
562
+ lastEmitted = trailingValue;
563
+ }
564
+ }, interval);
565
+ }
566
+ } else {
567
+ pending = { value };
568
+ }
569
+ });
570
+ return throttled;
571
+ }
572
+
573
+ // src/data/resource.ts
574
+ function resource(sourceOrFetcher, fetcherOrOptions, maybeOptions) {
575
+ let source = null;
576
+ let fetcher;
577
+ let options;
578
+ if (typeof fetcherOrOptions === "function") {
579
+ source = sourceOrFetcher;
580
+ fetcher = fetcherOrOptions;
581
+ options = maybeOptions ?? {};
582
+ } else {
583
+ const rawFetcher = sourceOrFetcher;
584
+ fetcher = (_source, info) => rawFetcher(info);
585
+ options = fetcherOrOptions ?? {};
586
+ }
587
+ const [data, setData] = signal(options.initialValue);
588
+ const [loading, setLoading] = signal(false);
589
+ const [error, setError] = signal(void 0);
590
+ let currentData = options.initialValue;
591
+ let abortController = null;
592
+ let disposed = false;
593
+ let effectCleanup = null;
594
+ let fetchVersion = 0;
595
+ async function doFetch(sourceValue) {
596
+ if (disposed) return;
597
+ abortController?.abort();
598
+ abortController = new AbortController();
599
+ const version = ++fetchVersion;
600
+ const signal2 = abortController.signal;
601
+ const prev = currentData;
602
+ batch(() => {
603
+ setLoading(true);
604
+ setError(void 0);
605
+ });
606
+ options.onStart?.();
607
+ try {
608
+ const result = await withRetry(() => fetcher(sourceValue, { signal: signal2, prev }), options.retry, void 0, signal2);
609
+ if (version !== fetchVersion || disposed) return;
610
+ currentData = result;
611
+ batch(() => {
612
+ setData(result);
613
+ setLoading(false);
614
+ });
615
+ options.onSuccess?.(result);
616
+ } catch (err) {
617
+ if (version !== fetchVersion || disposed) return;
618
+ if (err instanceof DOMException && err.name === "AbortError") {
619
+ if (version === fetchVersion) setLoading(false);
620
+ return;
621
+ }
622
+ const errorObj = err instanceof Error ? err : new Error(String(err));
623
+ batch(() => {
624
+ setError(errorObj);
625
+ setLoading(false);
626
+ });
627
+ options.onError?.(errorObj);
628
+ } finally {
629
+ if (version === fetchVersion) {
630
+ options.onSettled?.();
631
+ }
632
+ }
633
+ }
634
+ if (source) {
635
+ effectCleanup = effect(() => {
636
+ const sourceValue = source();
637
+ doFetch(sourceValue);
638
+ });
639
+ } else if (options.immediate !== false) {
640
+ doFetch(void 0);
641
+ }
642
+ return {
643
+ data,
644
+ loading,
645
+ error,
646
+ refetch: () => doFetch(source ? source() : void 0),
647
+ mutate: (value) => {
648
+ const newValue = typeof value === "function" ? value(currentData) : value;
649
+ currentData = newValue;
650
+ setData(newValue);
651
+ },
652
+ abort: () => abortController?.abort(),
653
+ dispose: () => {
654
+ disposed = true;
655
+ abortController?.abort();
656
+ effectCleanup?.();
657
+ }
658
+ };
659
+ }
660
+
661
+ // src/data/offlineStore.ts
662
+ function openDB(name, version, keyPath) {
663
+ return new Promise((resolve, reject) => {
664
+ const request = indexedDB.open(name, version);
665
+ request.onerror = () => reject(request.error);
666
+ request.onsuccess = () => resolve(request.result);
667
+ request.onupgradeneeded = () => {
668
+ const db = request.result;
669
+ if (!db.objectStoreNames.contains("items")) {
670
+ db.createObjectStore("items", { keyPath });
671
+ }
672
+ if (!db.objectStoreNames.contains("_changes")) {
673
+ const changeStore = db.createObjectStore("_changes", { autoIncrement: true });
674
+ changeStore.createIndex("timestamp", "timestamp");
675
+ }
676
+ if (!db.objectStoreNames.contains("_meta")) {
677
+ db.createObjectStore("_meta");
678
+ }
679
+ };
680
+ });
681
+ }
682
+ function idbGetAll(db, store) {
683
+ return new Promise((resolve, reject) => {
684
+ const tx = db.transaction(store, "readonly");
685
+ const req = tx.objectStore(store).getAll();
686
+ req.onsuccess = () => resolve(req.result);
687
+ req.onerror = () => reject(req.error);
688
+ });
689
+ }
690
+ function idbGet(db, store, key) {
691
+ return new Promise((resolve, reject) => {
692
+ const tx = db.transaction(store, "readonly");
693
+ const req = tx.objectStore(store).get(key);
694
+ req.onsuccess = () => resolve(req.result);
695
+ req.onerror = () => reject(req.error);
696
+ });
697
+ }
698
+ function idbPut(db, store, item) {
699
+ return new Promise((resolve, reject) => {
700
+ const tx = db.transaction(store, "readwrite");
701
+ tx.objectStore(store).put(item);
702
+ tx.oncomplete = () => resolve();
703
+ tx.onerror = () => reject(tx.error);
704
+ });
705
+ }
706
+ function idbDelete(db, store, key) {
707
+ return new Promise((resolve, reject) => {
708
+ const tx = db.transaction(store, "readwrite");
709
+ tx.objectStore(store).delete(key);
710
+ tx.oncomplete = () => resolve();
711
+ tx.onerror = () => reject(tx.error);
712
+ });
713
+ }
714
+ function idbClear(db, store) {
715
+ return new Promise((resolve, reject) => {
716
+ const tx = db.transaction(store, "readwrite");
717
+ tx.objectStore(store).clear();
718
+ tx.oncomplete = () => resolve();
719
+ tx.onerror = () => reject(tx.error);
720
+ });
721
+ }
722
+ async function offlineStore(options) {
723
+ const { name, version = 1, keyPath = "id", autoSync = true } = options;
724
+ const db = await openDB(name, version, keyPath);
725
+ const initialData = await idbGetAll(db, "items");
726
+ const initialChanges = await idbGetAll(db, "_changes");
727
+ const savedLastSync = await idbGet(db, "_meta", "lastSynced");
728
+ const [data, setData] = signal(initialData);
729
+ const [isSyncing, setIsSyncing] = signal(false);
730
+ const [lastSynced, setLastSynced] = signal(savedLastSync ?? null);
731
+ const [pendingCount, setPendingCount] = signal(initialChanges.length);
732
+ let adapter = options.adapter;
733
+ async function refreshData() {
734
+ const items = await idbGetAll(db, "items");
735
+ setData(items);
736
+ const changes = await idbGetAll(db, "_changes");
737
+ setPendingCount(changes.length);
738
+ }
739
+ async function put(item) {
740
+ await idbPut(db, "items", item);
741
+ await idbPut(db, "_changes", { type: "put", item, timestamp: Date.now() });
742
+ await refreshData();
743
+ }
744
+ async function remove(key) {
745
+ const existing = await idbGet(db, "items", key);
746
+ if (existing) {
747
+ await idbDelete(db, "items", key);
748
+ await idbPut(db, "_changes", { type: "delete", item: existing, timestamp: Date.now() });
749
+ await refreshData();
750
+ }
751
+ }
752
+ async function get(key) {
753
+ return idbGet(db, "items", key);
754
+ }
755
+ function query2(filter) {
756
+ return data().filter(filter);
757
+ }
758
+ async function sync() {
759
+ if (!adapter || isSyncing()) return;
760
+ setIsSyncing(true);
761
+ try {
762
+ const changes = await idbGetAll(db, "_changes");
763
+ if (changes.length > 0) {
764
+ const result = await adapter.push(changes);
765
+ if (result.ok) {
766
+ await idbClear(db, "_changes");
767
+ }
768
+ }
769
+ const remoteItems = await adapter.pull(lastSynced());
770
+ for (const item of remoteItems) {
771
+ await idbPut(db, "items", item);
772
+ }
773
+ const now = Date.now();
774
+ await idbPut(db, "_meta", now);
775
+ setLastSynced(now);
776
+ await refreshData();
777
+ } catch {
778
+ } finally {
779
+ setIsSyncing(false);
780
+ }
781
+ }
782
+ function attach(newAdapter) {
783
+ adapter = newAdapter;
784
+ }
785
+ function close() {
786
+ db.close();
787
+ }
788
+ if (autoSync && typeof window !== "undefined") {
789
+ window.addEventListener("online", () => {
790
+ sync();
791
+ });
792
+ }
793
+ return {
794
+ data,
795
+ get,
796
+ put,
797
+ remove,
798
+ query: query2,
799
+ isSyncing,
800
+ lastSynced,
801
+ sync,
802
+ attach,
803
+ pendingCount,
804
+ close
805
+ };
806
+ }
807
+ function syncAdapter(config) {
808
+ return config;
809
+ }
810
+
811
+ // src/data/routeLoader.ts
812
+ var LoaderContext = context(null);
813
+ function executeLoader(loader, context2, options) {
814
+ const res = resource(({ signal: signal2 }) => loader(context2, { signal: signal2 }), options);
815
+ LoaderContext.provide(res);
816
+ return res;
817
+ }
818
+ function loaderData() {
819
+ const resource2 = LoaderContext.get();
820
+ if (!resource2) {
821
+ throw new Error("loaderData must be used inside a route with a loader");
822
+ }
823
+ return {
824
+ data: resource2.data,
825
+ loading: resource2.loading,
826
+ error: resource2.error
827
+ };
828
+ }
829
+ async function preloadRoute(route, context2) {
830
+ if (!route.loader) return void 0;
831
+ const controller = new AbortController();
832
+ return route.loader(context2, { signal: controller.signal });
833
+ }
834
+
835
+ // src/ui/socket.ts
836
+ function validateWsUrl(raw) {
837
+ const trimmed = raw.replace(/[\x00-\x20\x7f-\x9f]+/g, "").trim();
838
+ if (!trimmed) return null;
839
+ const lower = trimmed.toLowerCase();
840
+ if (lower.startsWith("ws://") || lower.startsWith("wss://")) return trimmed;
841
+ return null;
842
+ }
843
+ function socket(url, options) {
844
+ const autoReconnect = options?.autoReconnect ?? false;
845
+ const reconnectDelay = options?.reconnectDelay ?? 1e3;
846
+ const maxReconnects = options?.maxReconnects ?? Infinity;
847
+ const heartbeat = options?.heartbeat;
848
+ const protocols = options?.protocols;
849
+ const [data, setData] = signal(null);
850
+ const [status, setStatus] = signal("closed");
851
+ let ws = null;
852
+ let reconnectCount = 0;
853
+ let reconnectTimer = null;
854
+ let heartbeatTimer = null;
855
+ let disposed = false;
856
+ let manuallyClosed = false;
857
+ function getUrl() {
858
+ return typeof url === "function" ? url() : url;
859
+ }
860
+ function connect() {
861
+ if (disposed) return;
862
+ const safeUrl = validateWsUrl(getUrl());
863
+ if (safeUrl === null) {
864
+ setStatus("closed");
865
+ return;
866
+ }
867
+ setStatus("connecting");
868
+ ws = new WebSocket(safeUrl, protocols);
869
+ ws.onopen = () => {
870
+ setStatus("open");
871
+ reconnectCount = 0;
872
+ startHeartbeat();
873
+ };
874
+ ws.onmessage = (event) => {
875
+ setData(event.data);
876
+ };
877
+ ws.onclose = () => {
878
+ setStatus("closed");
879
+ stopHeartbeat();
880
+ if (autoReconnect && !disposed && !manuallyClosed && reconnectCount < maxReconnects) {
881
+ reconnectCount++;
882
+ reconnectTimer = setTimeout(() => {
883
+ connect();
884
+ }, reconnectDelay);
885
+ }
886
+ manuallyClosed = false;
887
+ };
888
+ ws.onerror = () => {
889
+ };
890
+ }
891
+ function startHeartbeat() {
892
+ if (!heartbeat) return;
893
+ stopHeartbeat();
894
+ heartbeatTimer = setInterval(() => {
895
+ if (ws && ws.readyState === WebSocket.OPEN) {
896
+ ws.send(heartbeat.message);
897
+ }
898
+ }, heartbeat.interval);
899
+ }
900
+ function stopHeartbeat() {
901
+ if (heartbeatTimer !== null) {
902
+ clearInterval(heartbeatTimer);
903
+ heartbeatTimer = null;
904
+ }
905
+ }
906
+ function send(msg) {
907
+ if (ws && ws.readyState === WebSocket.OPEN) {
908
+ ws.send(msg);
909
+ }
910
+ }
911
+ function close() {
912
+ manuallyClosed = true;
913
+ if (reconnectTimer !== null) {
914
+ clearTimeout(reconnectTimer);
915
+ reconnectTimer = null;
916
+ }
917
+ stopHeartbeat();
918
+ if (ws) {
919
+ setStatus("closing");
920
+ ws.close();
921
+ }
922
+ }
923
+ function dispose() {
924
+ disposed = true;
925
+ close();
926
+ }
927
+ connect();
928
+ return { data, status, send, close, dispose };
929
+ }
930
+
931
+ // src/ui/stream.ts
932
+ function validateSseUrl(raw) {
933
+ const safe = sanitizeUrl(raw);
934
+ if (!safe) return null;
935
+ return safe;
936
+ }
937
+ function stream(url, options) {
938
+ const autoReconnect = options?.autoReconnect ?? false;
939
+ const [data, setData] = signal(null);
940
+ const [event, setEvent] = signal(null);
941
+ const [status, setStatus] = signal("connecting");
942
+ let source = null;
943
+ let disposed = false;
944
+ let reconnectTimer = null;
945
+ function connect() {
946
+ if (disposed) return;
947
+ const safeUrl = validateSseUrl(url);
948
+ if (safeUrl === null) {
949
+ setStatus("closed");
950
+ return;
951
+ }
952
+ setStatus("connecting");
953
+ source = new EventSource(safeUrl, {
954
+ withCredentials: options?.withCredentials ?? false
955
+ });
956
+ source.onopen = () => {
957
+ setStatus("open");
958
+ };
959
+ source.onmessage = (evt) => {
960
+ setData(evt.data);
961
+ setEvent(evt.type);
962
+ };
963
+ source.onerror = () => {
964
+ if (source && source.readyState === EventSource.CLOSED) {
965
+ setStatus("closed");
966
+ source = null;
967
+ if (autoReconnect && !disposed) {
968
+ reconnectTimer = setTimeout(() => {
969
+ reconnectTimer = null;
970
+ connect();
971
+ }, 1e3);
972
+ }
973
+ }
974
+ };
975
+ }
976
+ function close() {
977
+ if (reconnectTimer !== null) {
978
+ clearTimeout(reconnectTimer);
979
+ reconnectTimer = null;
980
+ }
981
+ if (source) {
982
+ source.close();
983
+ setStatus("closed");
984
+ source = null;
985
+ }
986
+ }
987
+ function dispose() {
988
+ disposed = true;
989
+ close();
990
+ }
991
+ connect();
992
+ return { data, event, status, close, dispose };
993
+ }
994
+
995
+ export {
996
+ calculateDelay,
997
+ withRetry,
998
+ query,
999
+ invalidateQueries,
1000
+ getQueryData,
1001
+ setQueryData,
1002
+ clearQueryCache,
1003
+ mutation,
1004
+ infiniteQuery,
1005
+ previous,
1006
+ debounce,
1007
+ throttle,
1008
+ resource,
1009
+ offlineStore,
1010
+ syncAdapter,
1011
+ executeLoader,
1012
+ loaderData,
1013
+ preloadRoute,
1014
+ socket,
1015
+ stream
1016
+ };