@lunora/react 1.0.0-alpha.3 → 1.0.0-alpha.31

package/dist/packem_shared/useHttpStream-oc4s1pMy.mjs

@@ -0,0 +1,127 @@
+'use client';
+import { useReducer, useRef, useEffect } from 'react';
+import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
+import { s as stableStringify } from './stable-key-DePnevIy.mjs';
+
+const reducer = function(state, action) {
+  switch (action.type) {
+    case "chunk": {
+      return {
+        chunks: [...state.chunks, action.chunk],
+        error: void 0,
+        status: "streaming"
+      };
+    }
+    case "complete": {
+      return {
+        ...state,
+        status: "complete"
+      };
+    }
+    case "error": {
+      return {
+        ...state,
+        error: action.error,
+        status: "error"
+      };
+    }
+    case "reset": {
+      return {
+        chunks: [],
+        error: void 0,
+        status: "idle"
+      };
+    }
+    case "start": {
+      return {
+        ...state,
+        status: "streaming"
+      };
+    }
+    default: {
+      return state;
+    }
+  }
+};
+const useHttpStream = (route, args, options = {}) => {
+  const client = useLunora();
+  const [state, dispatch] = useReducer(reducer, {
+    chunks: [],
+    error: void 0,
+    status: "idle"
+  });
+  const skipped = args === "skip";
+  const serialized = skipped ? "skip" : stableStringify(args);
+  const cancelRef = useRef(void 0);
+  useEffect(() => {
+    if (skipped) {
+      dispatch({
+        type: "reset"
+      });
+      return () => {
+      };
+    }
+    dispatch({
+      type: "reset"
+    });
+    dispatch({
+      type: "start"
+    });
+    let stillMounted = true;
+    let cancelled = false;
+    const iterable = client.httpStream(route, args, {
+      maxBuffer: options.maxBuffer
+    });
+    const cancel = () => {
+      if (cancelled) {
+        return;
+      }
+      cancelled = true;
+      iterable.cancel();
+    };
+    cancelRef.current = cancel;
+    (async () => {
+      try {
+        for await (const chunk of iterable) {
+          if (!stillMounted) {
+            return;
+          }
+          dispatch({
+            chunk,
+            type: "chunk"
+          });
+        }
+        if (stillMounted) {
+          dispatch({
+            type: "complete"
+          });
+        }
+      } catch (error) {
+        if (!stillMounted) {
+          return;
+        }
+        const normalized = error instanceof Error ? error : new Error(String(error));
+        dispatch({
+          error: normalized,
+          type: "error"
+        });
+      }
+    })().catch(() => {
+    });
+    return () => {
+      stillMounted = false;
+      cancel();
+      cancelRef.current = void 0;
+    };
+  }, [client, route.method, route.path, serialized, skipped, options.maxBuffer]);
+  return {
+    cancel: () => {
+      cancelRef.current?.();
+    },
+    chunks: state.chunks,
+    error: state.error,
+    status: state.status
+  };
+};
+
+export { useHttpStream };

package/dist/packem_shared/{useInfiniteQuery-MH0x4l8h.mjs → useInfiniteQuery-CJNw1XaZ.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-CoOfcc-p.mjs';
+import { u as usePaginatedCore } from './use-paginated-core-xxvd1YA0.mjs';
 
 const useInfiniteQuery = (function_, args, options) => {
   const $ = c(15);

package/dist/packem_shared/{useMutation-CrvMXRsk.mjs → useMutation-BeqeIjTr.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import { useMutation as useMutation$1 } from '@tanstack/react-query';
 import { useRef, useState, useCallback } from 'react';
-import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
 
 const useMutation = (function_) => {
   const client = useLunora();

package/dist/packem_shared/useMutator-IIrLtDiM.mjs

@@ -0,0 +1,47 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { createMutatorRunner } from '@lunora/client';
+import { useState } from 'react';
+
+const useMutator = function useMutator2(handle) {
+  const $ = c(8);
+  const [pending, setPending] = useState(false);
+  const [error, setError] = useState(void 0);
+  let t0;
+  if ($[0] !== handle) {
+    t0 = createMutatorRunner(handle, {
+      setError,
+      setPending
+    });
+    $[0] = handle;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    mutate,
+    reset
+  } = t0;
+  const t1 = error !== void 0;
+  let t2;
+  if ($[2] !== error || $[3] !== mutate || $[4] !== pending || $[5] !== reset || $[6] !== t1) {
+    t2 = {
+      error,
+      isError: t1,
+      mutate,
+      pending,
+      reset
+    };
+    $[2] = error;
+    $[3] = mutate;
+    $[4] = pending;
+    $[5] = reset;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+};
+
+export { useMutator };

package/dist/packem_shared/{usePaginatedQuery-D3PTDRGS.mjs → usePaginatedQuery-DWzydaVR.mjs}

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

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

@@ -1,13 +1,20 @@
 'use client';
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
-import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+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-CE8_QUgh.mjs

@@ -0,0 +1,77 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { useQueryClient, useQuery as useQuery$1 } from '@tanstack/react-query';
+import { useState, useEffect } from 'react';
+import { g as getSubscriptionRegistry } from './cache-JeuDAXfE.mjs';
+import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
+import { s as serializeQueryKey, l as lunoraQueryKey } from './query-key-LGnArBTB.mjs';
+
+const useQuery = (function_, args, t0) => {
+  const $ = c(9);
+  const options = t0 === void 0 ? {} : t0;
+  const client = useLunora();
+  const queryClient = useQueryClient();
+  const {
+    shardKey
+  } = options;
+  const skipped = args === "skip";
+  const argsRecord = skipped ? {} : args;
+  const queryKey = lunoraQueryKey(function_, argsRecord, shardKey);
+  const [hydrated, setHydrated] = useState(client.isReady);
+  let t1;
+  let t2;
+  if ($[0] !== client || $[1] !== hydrated) {
+    t1 = () => {
+      if (!hydrated) {
+        client.whenReady().then(() => {
+          setHydrated(true);
+        });
+      }
+    };
+    t2 = [client, hydrated];
+    $[0] = client;
+    $[1] = hydrated;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const cachedData = skipped ? void 0 : client.peekHydratedQuery(function_.__lunoraRef, argsRecord, shardKey);
+  const {
+    data
+  } = useQuery$1({
+    enabled: !skipped && hydrated,
+    initialData: cachedData,
+    queryFn: () => client.query(function_, argsRecord, {
+      shardKey
+    }),
+    queryKey,
+    staleTime: Number.POSITIVE_INFINITY
+  });
+  const t3 = serializeQueryKey(queryKey);
+  let t4;
+  if ($[4] !== client || $[5] !== queryClient || $[6] !== skipped || $[7] !== t3) {
+    t4 = [client, queryClient, t3, skipped];
+    $[4] = client;
+    $[5] = queryClient;
+    $[6] = skipped;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  useEffect(() => {
+    if (skipped) {
+      return _temp;
+    }
+    const registry = getSubscriptionRegistry(client);
+    return registry.attach(queryClient, queryKey, function_, argsRecord, shardKey);
+  }, t4);
+  return skipped ? void 0 : data;
+};
+function _temp() {
+}
+
+export { useQuery as default };

package/dist/packem_shared/{useStream-BRY9nemd.mjs → useStream-GYNgc9J5.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import { useReducer, useRef, useEffect } from 'react';
-import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
-import { a as stableStringify } from './query-key-C5rufkEE.mjs';
+import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
+import { s as stableWireKey } from './wire-key-Bg8BJ8YM.mjs';
 
 const reducer = function(state, action) {
   switch (action.type) {
@@ -51,10 +51,13 @@ const useStream = (function_, args, options = {}) => {
     status: "idle"
   });
   const skipped = args === "skip";
-  const serialized = skipped ? "skip" : stableStringify(args);
+  const serialized = skipped ? "skip" : stableWireKey(args);
   const cancelRef = useRef(void 0);
   useEffect(() => {
     if (skipped) {
+      dispatch({
+        type: "reset"
+      });
       return () => {
       };
     }

package/dist/packem_shared/{useSubscription-CHMCjyQg.mjs → useSubscription-DcDlvVuI.mjs}

@@ -2,8 +2,8 @@
 import { c } from 'react/compiler-runtime';
 import { createQuerySubscription } from '@lunora/client/query';
 import { useState, useRef, useEffect } from 'react';
-import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
-import { a as stableStringify } from './query-key-C5rufkEE.mjs';
+import { useLunora } from './LunoraProvider-BsuiW4Lk.mjs';
+import { s as stableWireKey } from './wire-key-Bg8BJ8YM.mjs';
 
 const useSubscription = (function_, args, t0) => {
   const $ = c(22);
@@ -31,7 +31,7 @@ const useSubscription = (function_, args, t0) => {
   const skipped = args === "skip";
   let t3;
   if ($[3] !== args || $[4] !== skipped) {
-    t3 = skipped ? "skip" : stableStringify(args);
+    t3 = skipped ? "skip" : stableWireKey(args);
     $[3] = args;
     $[4] = skipped;
     $[5] = t3;