@lunora/react 1.0.0-alpha.21 → 1.0.0-alpha.23

package/dist/index.mjs

@@ -6,15 +6,15 @@ export { CheckoutButton, CustomerPortalButton, useCheckout } from './packem_shar
 export { lunoraQueryOptions } from './packem_shared/lunoraQueryOptions-C3uwOTMW.mjs';
 export { default as useAuth } from './packem_shared/useAuth-BSutjJaa.mjs';
 export { default as useConnectionStatus } from './packem_shared/useConnectionStatus-PJ7vyCHy.mjs';
-export { useFlag, useFlags } from './packem_shared/useFlag-hhoN_xYA.mjs';
-export { default as useInfiniteQuery } from './packem_shared/useInfiniteQuery-Dy42_srs.mjs';
+export { useFlag, useFlags } from './packem_shared/useFlag-C2Pkghli.mjs';
+export { default as useInfiniteQuery } from './packem_shared/useInfiniteQuery-BeaehE9f.mjs';
 export { useMutation } from './packem_shared/useMutation-BeqeIjTr.mjs';
 export { useMutator } from './packem_shared/useMutator-IIrLtDiM.mjs';
-export { usePaginatedQuery } from './packem_shared/usePaginatedQuery-Tx-B3mAP.mjs';
-export { hydratePreloaded, default as usePreloadedQuery } from './packem_shared/hydratePreloaded-Dsf9YuII.mjs';
-export { usePresence } from './packem_shared/usePresence-DC8VIyLB.mjs';
-export { default as useQuery } from './packem_shared/useQuery-_fTR6DCQ.mjs';
+export { usePaginatedQuery } from './packem_shared/usePaginatedQuery-_6ETVUmf.mjs';
+export { hydratePreloaded, default as usePreloadedQuery } from './packem_shared/hydratePreloaded-uMDH_xA9.mjs';
+export { usePresence } from './packem_shared/usePresence-Rnx1Fznc.mjs';
+export { default as useQuery } from './packem_shared/useQuery-D3_ZxMYs.mjs';
 export { useRateLimit } from './packem_shared/useRateLimit-DTEffQEi.mjs';
-export { useStream } from './packem_shared/useStream-DFuryaIC.mjs';
+export { useStream } from './packem_shared/useStream-CGC26afa.mjs';
 export { default as useSubscription } from './packem_shared/useSubscription-D38Jdyr8.mjs';
 export { getErrorCode, getRetryAfterMs, isConflictError, isForbiddenError, isRateLimitedError, isUnauthorizedError } from '@lunora/client';

package/dist/packem_shared/{cache-BFlsXmup.mjs → cache-D1O_xfAe.mjs}

@@ -46,7 +46,12 @@ class LunoraSubscriptionRegistry {
       }
     }
     entry.refCount += 1;
+    let detached = false;
     return () => {
+      if (detached) {
+        return;
+      }
+      detached = true;
       const current = this.entries.get(key);
       if (!current) {
         return;

package/dist/packem_shared/{hydratePreloaded-Dsf9YuII.mjs → hydratePreloaded-uMDH_xA9.mjs}

@@ -2,7 +2,7 @@
 import { c } from 'react/compiler-runtime';
 import { useQueryClient, useQuery } from '@tanstack/react-query';
 import { useEffect } from 'react';
-import { g as getSubscriptionRegistry } from './cache-BFlsXmup.mjs';
+import { g as getSubscriptionRegistry } from './cache-D1O_xfAe.mjs';
 import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
 import { s as serializeQueryKey, l as lunoraQueryKey } from './query-key-BmCbgidV.mjs';
 
@@ -45,7 +45,7 @@ const usePreloadedQuery = function(preloaded) {
     const registry = getSubscriptionRegistry(client);
     return registry.attach(queryClient, queryKey, functionRef, args, shardKey);
   }, t1);
-  return data ?? value;
+  return data === void 0 ? value : data;
 };
 const hydratePreloaded = function(preloaded) {
   return usePreloadedQuery(preloaded);

package/dist/packem_shared/{use-paginated-core-CWSzk1J1.mjs → use-paginated-core-DafedU4l.mjs}

@@ -2,7 +2,7 @@
 import { initialPages, rebalance, derivePaginationStatus, applyLoadMore } from '@lunora/client/pagination';
 import { useQueryClient } from '@tanstack/react-query';
 import { useRef, useReducer, useState, useEffect, useCallback } from 'react';
-import { g as getSubscriptionRegistry } from './cache-BFlsXmup.mjs';
+import { g as getSubscriptionRegistry } from './cache-D1O_xfAe.mjs';
 import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
 import { s as serializeQueryKey, l as lunoraQueryKey } from './query-key-BmCbgidV.mjs';
 
@@ -21,10 +21,9 @@ const usePaginatedCore = function(function_, args, options) {
   } = options;
   const skipped = args === "skip";
   const baseArgs = skipped ? {} : args;
-  const baseArgsKey = JSON.stringify(baseArgs);
   const [, forceRender] = useReducer((tick) => tick + 1, 0);
   const [pages, setPages] = useState(() => initialPages(initialNumItems));
-  const resetKey = `${function_.__lunoraRef}::${baseArgsKey}::${String(initialNumItems)}::${shardKey ?? ""}`;
+  const resetKey = `${serializeQueryKey(lunoraQueryKey(function_, baseArgs, shardKey))}::${String(initialNumItems)}`;
   const resetKeyRef = useRef(resetKey);
   if (resetKeyRef.current !== resetKey) {
     resetKeyRef.current = resetKey;

package/dist/packem_shared/useFlag-C2Pkghli.mjs

@@ -0,0 +1,128 @@
+'use client';
+import { useState, useRef, useEffect } from 'react';
+import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
+import { s as stableStringify } from './stable-key-CGp4e2Ux.mjs';
+
+const FLAGS_EVAL_PATH = "__lunora_flags__:eval";
+const flagKind = (value) => {
+  const kind = typeof value;
+  if (kind === "boolean" || kind === "number" || kind === "string") {
+    return kind;
+  }
+  return "object";
+};
+const flagsReference = {
+  __lunoraRef: FLAGS_EVAL_PATH
+};
+const useFlag = (key, defaultValue, context) => {
+  const client = useLunora();
+  const [value, setValue] = useState(defaultValue);
+  const type = flagKind(defaultValue);
+  const serializedContext = context === void 0 ? "" : stableStringify(context);
+  const resetKey = `${key}::${type}::${serializedContext}`;
+  const resetKeyRef = useRef(resetKey);
+  if (resetKeyRef.current !== resetKey) {
+    resetKeyRef.current = resetKey;
+    setValue(defaultValue);
+  }
+  const latest = useRef({
+    context,
+    defaultValue
+  });
+  useEffect(() => {
+    latest.current = {
+      context,
+      defaultValue
+    };
+  });
+  useEffect(() => {
+    let cancelled = false;
+    const {
+      context: currentContext,
+      defaultValue: currentDefault
+    } = latest.current;
+    setValue(currentDefault);
+    let unsubscribe;
+    try {
+      unsubscribe = client.subscribe(flagsReference, {
+        context: currentContext,
+        default: currentDefault,
+        key,
+        type
+      }, (next) => {
+        if (!cancelled) {
+          setValue(next);
+        }
+      });
+    } catch {
+      return () => {
+        cancelled = true;
+      };
+    }
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, [client, key, type, serializedContext]);
+  return value;
+};
+const useFlags = (flags, context) => {
+  const client = useLunora();
+  const [values, setValues] = useState(flags);
+  const spec = stableStringify(flags);
+  const serializedContext = context === void 0 ? "" : stableStringify(context);
+  const resetKey = `${spec}::${serializedContext}`;
+  const resetKeyRef = useRef(resetKey);
+  if (resetKeyRef.current !== resetKey) {
+    resetKeyRef.current = resetKey;
+    setValues(flags);
+  }
+  const latest = useRef({
+    context,
+    flags
+  });
+  useEffect(() => {
+    latest.current = {
+      context,
+      flags
+    };
+  });
+  useEffect(() => {
+    let cancelled = false;
+    const {
+      context: currentContext,
+      flags: currentFlags
+    } = latest.current;
+    setValues(currentFlags);
+    const unsubscribes = [];
+    for (const [key, defaultValue] of Object.entries(currentFlags)) {
+      try {
+        unsubscribes.push(client.subscribe(flagsReference, {
+          context: currentContext,
+          default: defaultValue,
+          key,
+          type: flagKind(defaultValue)
+        }, (next) => {
+          if (!cancelled) {
+            setValues((previous) => {
+              return {
+                ...previous,
+                [key]: next
+              };
+            });
+          }
+        }));
+      } catch {
+      }
+    }
+    return () => {
+      cancelled = true;
+      for (const unsubscribe of unsubscribes) {
+        unsubscribe();
+      }
+    };
+  }, [client, spec, serializedContext]);
+  return values;
+};
+
+export { useFlag, useFlags };

package/dist/packem_shared/{useInfiniteQuery-Dy42_srs.mjs → useInfiniteQuery-BeaehE9f.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import { c } from 'react/compiler-runtime';
 import { useRef, useEffect } from 'react';
-import { u as usePaginatedCore } from './use-paginated-core-CWSzk1J1.mjs';
+import { u as usePaginatedCore } from './use-paginated-core-DafedU4l.mjs';
 
 const useInfiniteQuery = (function_, args, options) => {
   const $ = c(15);

package/dist/packem_shared/{usePaginatedQuery-Tx-B3mAP.mjs → usePaginatedQuery-_6ETVUmf.mjs}

@@ -1,6 +1,6 @@
 'use client';
 import { c } from 'react/compiler-runtime';
-import { u as usePaginatedCore } from './use-paginated-core-CWSzk1J1.mjs';
+import { u as usePaginatedCore } from './use-paginated-core-DafedU4l.mjs';
 
 const usePaginatedQuery = (function_, args, options) => {
   const $ = c(7);

package/dist/packem_shared/{usePresence-DC8VIyLB.mjs → usePresence-Rnx1Fznc.mjs}

@@ -2,12 +2,19 @@
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
 
-const makeSessionId = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
+const randomSessionId = (prefix = "sess") => {
+  if (typeof crypto !== "undefined") {
+    if (typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+    if (typeof crypto.getRandomValues === "function") {
+      const bytes = crypto.getRandomValues(new Uint8Array(16));
+      return `${prefix}-${Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("")}`;
+    }
   }
-  return `sess-${Math.random().toString(36).slice(2)}-${String(Date.now())}`;
+  return `${prefix}-${Date.now().toString(36)}`;
 };
+
 const DEFAULT_INTERVAL_MS = 1e4;
 const usePresence = (roomId, options) => {
   const client = useLunora();
@@ -17,7 +24,7 @@ const usePresence = (roomId, options) => {
     listPresent,
     shardKey
   } = options;
-  const generatedSessionId = useMemo(() => options.sessionId ?? makeSessionId(), [options.sessionId]);
+  const generatedSessionId = useMemo(() => options.sessionId ?? randomSessionId(), [options.sessionId]);
   const [present, setPresent] = useState(void 0);
   const dataRef = useRef(options.data);
   const inputsRef = useRef({

package/dist/packem_shared/{useQuery-_fTR6DCQ.mjs → useQuery-D3_ZxMYs.mjs}

@@ -2,7 +2,7 @@
 import { c } from 'react/compiler-runtime';
 import { useQueryClient, useQuery as useQuery$1 } from '@tanstack/react-query';
 import { useEffect } from 'react';
-import { g as getSubscriptionRegistry } from './cache-BFlsXmup.mjs';
+import { g as getSubscriptionRegistry } from './cache-D1O_xfAe.mjs';
 import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
 import { s as serializeQueryKey, l as lunoraQueryKey } from './query-key-BmCbgidV.mjs';
 
@@ -46,7 +46,7 @@ const useQuery = (function_, args, t0) => {
     const registry = getSubscriptionRegistry(client);
     return registry.attach(queryClient, queryKey, function_, argsRecord, shardKey);
   }, t2);
-  return data;
+  return skipped ? void 0 : data;
 };
 function _temp() {
 }

package/dist/packem_shared/{useStream-DFuryaIC.mjs → useStream-CGC26afa.mjs}

@@ -55,6 +55,9 @@ const useStream = (function_, args, options = {}) => {
   const cancelRef = useRef(void 0);
   useEffect(() => {
     if (skipped) {
+      dispatch({
+        type: "reset"
+      });
       return () => {
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunora/react",
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.23",
   "description": "React hooks for Lunora: useQuery, useMutation, useSubscription, and useAuth",
   "keywords": [
     "cloudflare",
@@ -49,9 +49,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@lunora/client": "1.0.0-alpha.19",
-    "@lunora/errors": "1.0.0-alpha.2",
-    "@lunora/ratelimit": "1.0.0-alpha.5"
+    "@lunora/client": "1.0.0-alpha.21",
+    "@lunora/errors": "1.0.0-alpha.4",
+    "@lunora/ratelimit": "1.0.0-alpha.7"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.101.0",

package/dist/packem_shared/useFlag-hhoN_xYA.mjs

@@ -1,224 +0,0 @@
-'use client';
-import { c } from 'react/compiler-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
-import { s as stableStringify } from './stable-key-CGp4e2Ux.mjs';
-
-const FLAGS_EVAL_PATH = "__lunora_flags__:eval";
-const flagKind = (value) => {
-  const kind = typeof value;
-  if (kind === "boolean" || kind === "number" || kind === "string") {
-    return kind;
-  }
-  return "object";
-};
-const flagsReference = {
-  __lunoraRef: FLAGS_EVAL_PATH
-};
-const useFlag = (key, defaultValue, context) => {
-  const $ = c(19);
-  const client = useLunora();
-  const [value, setValue] = useState(defaultValue);
-  let t0;
-  if ($[0] !== defaultValue) {
-    t0 = flagKind(defaultValue);
-    $[0] = defaultValue;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const type = t0;
-  let t1;
-  if ($[2] !== context) {
-    t1 = context === void 0 ? "" : stableStringify(context);
-    $[2] = context;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const serializedContext = t1;
-  let t2;
-  if ($[4] !== context || $[5] !== defaultValue) {
-    t2 = {
-      context,
-      defaultValue
-    };
-    $[4] = context;
-    $[5] = defaultValue;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const latest = useRef(t2);
-  let t3;
-  if ($[7] !== context || $[8] !== defaultValue) {
-    t3 = () => {
-      latest.current = {
-        context,
-        defaultValue
-      };
-    };
-    $[7] = context;
-    $[8] = defaultValue;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  useEffect(t3);
-  let t4;
-  if ($[10] !== client || $[11] !== key || $[12] !== type) {
-    t4 = () => {
-      let cancelled = false;
-      const {
-        context: currentContext,
-        defaultValue: currentDefault
-      } = latest.current;
-      setValue(currentDefault);
-      let unsubscribe;
-      try {
-        unsubscribe = client.subscribe(flagsReference, {
-          context: currentContext,
-          default: currentDefault,
-          key,
-          type
-        }, (next) => {
-          if (!cancelled) {
-            setValue(next);
-          }
-        });
-      } catch {
-        return () => {
-          cancelled = true;
-        };
-      }
-      return () => {
-        cancelled = true;
-        unsubscribe();
-      };
-    };
-    $[10] = client;
-    $[11] = key;
-    $[12] = type;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  let t5;
-  if ($[14] !== client || $[15] !== key || $[16] !== serializedContext || $[17] !== type) {
-    t5 = [client, key, type, serializedContext];
-    $[14] = client;
-    $[15] = key;
-    $[16] = serializedContext;
-    $[17] = type;
-    $[18] = t5;
-  } else {
-    t5 = $[18];
-  }
-  useEffect(t4, t5);
-  return value;
-};
-const useFlags = (flags, context) => {
-  const $ = c(16);
-  const client = useLunora();
-  const [values, setValues] = useState(flags);
-  let t0;
-  if ($[0] !== flags) {
-    t0 = stableStringify(flags);
-    $[0] = flags;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const spec = t0;
-  let t1;
-  if ($[2] !== context) {
-    t1 = context === void 0 ? "" : stableStringify(context);
-    $[2] = context;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const serializedContext = t1;
-  let t2;
-  if ($[4] !== context || $[5] !== flags) {
-    t2 = {
-      context,
-      flags
-    };
-    $[4] = context;
-    $[5] = flags;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const latest = useRef(t2);
-  let t3;
-  if ($[7] !== context || $[8] !== flags) {
-    t3 = () => {
-      latest.current = {
-        context,
-        flags
-      };
-    };
-    $[7] = context;
-    $[8] = flags;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  useEffect(t3);
-  let t4;
-  if ($[10] !== client) {
-    t4 = () => {
-      let cancelled = false;
-      const {
-        context: currentContext,
-        flags: currentFlags
-      } = latest.current;
-      setValues(currentFlags);
-      const unsubscribes = [];
-      for (const [key, defaultValue] of Object.entries(currentFlags)) {
-        try {
-          unsubscribes.push(client.subscribe(flagsReference, {
-            context: currentContext,
-            default: defaultValue,
-            key,
-            type: flagKind(defaultValue)
-          }, (next) => {
-            if (!cancelled) {
-              setValues((previous) => ({
-                ...previous,
-                [key]: next
-              }));
-            }
-          }));
-        } catch {
-        }
-      }
-      return () => {
-        cancelled = true;
-        for (const unsubscribe of unsubscribes) {
-          unsubscribe();
-        }
-      };
-    };
-    $[10] = client;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== client || $[13] !== serializedContext || $[14] !== spec) {
-    t5 = [client, spec, serializedContext];
-    $[12] = client;
-    $[13] = serializedContext;
-    $[14] = spec;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  useEffect(t4, t5);
-  return values;
-};
-
-export { useFlag, useFlags };