@lunora/react 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/useAuth-CNUKtOOp.mjs

@@ -0,0 +1,129 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { useSyncExternalStore } from 'react';
+import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+
+const stores = /* @__PURE__ */ new WeakMap();
+const createStore = (client) => {
+  const listeners = /* @__PURE__ */ new Set();
+  let user = null;
+  const notify = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  let generation = 0;
+  const setUser = (next) => {
+    if (user !== next) {
+      user = next;
+      notify();
+    }
+  };
+  const refresh = () => {
+    generation += 1;
+    const current = generation;
+    if (client.getAuthToken() === null) {
+      setUser(null);
+      return;
+    }
+    client.getCurrentUser().then((next) => {
+      if (current === generation) {
+        setUser(next);
+      }
+      return void 0;
+    }).catch(() => {
+      if (current === generation) {
+        setUser(null);
+      }
+    });
+  };
+  let unsubscribeToken;
+  return {
+    getSnapshot: () => user,
+    subscribe: (onChange) => {
+      const firstSubscriber = listeners.size === 0;
+      listeners.add(onChange);
+      if (firstSubscriber) {
+        unsubscribeToken = client.onAuthTokenChange(refresh);
+        refresh();
+      }
+      return () => {
+        listeners.delete(onChange);
+        if (listeners.size === 0) {
+          unsubscribeToken?.();
+          unsubscribeToken = void 0;
+        }
+      };
+    }
+  };
+};
+const getStore = (client) => {
+  let store = stores.get(client);
+  if (!store) {
+    store = createStore(client);
+    stores.set(client, store);
+  }
+  return store;
+};
+const useAuth = () => {
+  const $ = c(12);
+  const client = useLunora();
+  let t0;
+  if ($[0] !== client) {
+    t0 = getStore(client);
+    $[0] = client;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const store = t0;
+  let t1;
+  let t2;
+  let t3;
+  if ($[2] !== client) {
+    t1 = (onChange) => client.onAuthTokenChange(onChange);
+    t2 = () => client.getAuthToken();
+    t3 = () => client.getAuthToken();
+    $[2] = client;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+    t3 = $[5];
+  }
+  const token = useSyncExternalStore(t1, t2, t3);
+  const user = useSyncExternalStore(store.subscribe, store.getSnapshot, _temp);
+  let t4;
+  if ($[6] !== client) {
+    t4 = (next) => {
+      client.setAuthToken(next);
+    };
+    $[6] = client;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const setToken = t4;
+  let t5;
+  if ($[8] !== setToken || $[9] !== token || $[10] !== user) {
+    t5 = {
+      setToken,
+      token,
+      user
+    };
+    $[8] = setToken;
+    $[9] = token;
+    $[10] = user;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
+};
+function _temp() {
+  return null;
+}
+
+export { useAuth as default };

package/dist/packem_shared/useAuthState-BiGhtSCs.mjs

@@ -0,0 +1,36 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { useSyncExternalStore } from 'react';
+import useAuth from './useAuth-CNUKtOOp.mjs';
+
+const subscribe = () => () => void 0;
+const useAuthState = () => {
+  const $ = c(3);
+  const {
+    token
+  } = useAuth();
+  const hydrated = useSyncExternalStore(subscribe, _temp, _temp2);
+  const t0 = hydrated && token !== null;
+  const t1 = !hydrated;
+  let t2;
+  if ($[0] !== t0 || $[1] !== t1) {
+    t2 = {
+      isAuthenticated: t0,
+      isLoading: t1
+    };
+    $[0] = t0;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+function _temp() {
+  return true;
+}
+function _temp2() {
+  return false;
+}
+
+export { useAuthState };

package/dist/packem_shared/useConnectionStatus-DRSY9ldm.mjs

@@ -0,0 +1,30 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { useSyncExternalStore } from 'react';
+import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+
+const useConnectionStatus = () => {
+  const $ = c(4);
+  const client = useLunora();
+  let t0;
+  let t1;
+  let t2;
+  if ($[0] !== client) {
+    t0 = (onChange) => client.onConnectionStatus(() => {
+      onChange();
+    });
+    t1 = () => client.connectionStatus();
+    t2 = () => client.connectionStatus();
+    $[0] = client;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+    t2 = $[3];
+  }
+  return useSyncExternalStore(t0, t1, t2);
+};
+
+export { useConnectionStatus as default };

package/dist/packem_shared/useInfiniteQuery-MH0x4l8h.mjs

@@ -0,0 +1,97 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { useRef, useEffect } from 'react';
+import { u as usePaginatedCore } from './use-paginated-core-CoOfcc-p.mjs';
+
+const useInfiniteQuery = (function_, args, options) => {
+  const $ = c(15);
+  const {
+    initialNumItems
+  } = options;
+  const {
+    loadMore,
+    pageResults,
+    status
+  } = usePaginatedCore(function_, args === "skip" ? "skip" : args, options);
+  const skipped = args === "skip";
+  let resolvedPages;
+  if ($[0] !== pageResults) {
+    resolvedPages = [];
+    for (const result of pageResults) {
+      if (result) {
+        resolvedPages.push(result.page);
+      }
+    }
+    $[0] = pageResults;
+    $[1] = resolvedPages;
+  } else {
+    resolvedPages = $[1];
+  }
+  let t0;
+  if ($[2] !== initialNumItems || $[3] !== loadMore) {
+    t0 = {
+      defaultNumItems: initialNumItems,
+      loadMore
+    };
+    $[2] = initialNumItems;
+    $[3] = loadMore;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const nextRef = useRef(t0);
+  let t1;
+  if ($[5] !== initialNumItems || $[6] !== loadMore) {
+    t1 = () => {
+      nextRef.current = {
+        defaultNumItems: initialNumItems,
+        loadMore
+      };
+    };
+    $[5] = initialNumItems;
+    $[6] = loadMore;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (numberItems) => {
+      const {
+        defaultNumItems,
+        loadMore: load
+      } = nextRef.current;
+      load(numberItems ?? defaultNumItems);
+    };
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const fetchNextPage = t2;
+  const t3 = status === "CanLoadMore";
+  const t4 = !skipped && status === "LoadingMore";
+  const t5 = !skipped && status === "LoadingFirstPage";
+  let t6;
+  if ($[9] !== resolvedPages || $[10] !== status || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+    t6 = {
+      fetchNextPage,
+      hasNextPage: t3,
+      isFetchingNextPage: t4,
+      isLoading: t5,
+      pages: resolvedPages,
+      status
+    };
+    $[9] = resolvedPages;
+    $[10] = status;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+};
+
+export { useInfiniteQuery as default };

package/dist/packem_shared/useMutation-CrvMXRsk.mjs

@@ -0,0 +1,67 @@
+'use client';
+import { useMutation as useMutation$1 } from '@tanstack/react-query';
+import { useRef, useState, useCallback } from 'react';
+import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+
+const useMutation = (function_) => {
+  const client = useLunora();
+  const pendingCountRef = useRef(0);
+  const [pending, setPending] = useState(false);
+  const mutation = useMutation$1({
+    mutationFn: ({
+      args,
+      options
+    }) => client.mutation(function_, args, options),
+    // `onMutate` fires when a call starts, `onSettled` when it resolves or
+    // rejects — so overlapping calls compose and `pending` only clears once
+    // the last one settles.
+    onMutate: () => {
+      pendingCountRef.current += 1;
+      setPending(true);
+    },
+    onSettled: () => {
+      pendingCountRef.current -= 1;
+      setPending(pendingCountRef.current > 0);
+    }
+  });
+  const {
+    data,
+    error,
+    isError,
+    mutateAsync,
+    reset
+  } = mutation;
+  const mutate = useCallback((args_0, options_0) => mutateAsync({
+    args: args_0,
+    options: options_0
+  }), [mutateAsync]);
+  const withOptimisticUpdate = useCallback((update) => {
+    const boundMutate = (args_1, options_1) => mutateAsync({
+      args: args_1,
+      options: {
+        optimisticUpdate: update,
+        ...options_1
+      }
+    });
+    return {
+      data,
+      error,
+      isError,
+      mutate: boundMutate,
+      pending,
+      reset,
+      withOptimisticUpdate
+    };
+  }, [mutateAsync, data, error, isError, pending, reset]);
+  return {
+    data,
+    error,
+    isError,
+    mutate,
+    pending,
+    reset,
+    withOptimisticUpdate
+  };
+};
+
+export { useMutation };

package/dist/packem_shared/usePaginatedQuery-D3PTDRGS.mjs

@@ -0,0 +1,46 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { u as usePaginatedCore } from './use-paginated-core-CoOfcc-p.mjs';
+
+const usePaginatedQuery = (function_, args, options) => {
+  const $ = c(7);
+  const {
+    loadMore,
+    pageResults,
+    status
+  } = usePaginatedCore(function_, args === "skip" ? "skip" : args, options);
+  let results;
+  if ($[0] !== pageResults) {
+    results = [];
+    for (const result of pageResults) {
+      if (result) {
+        results.push(...result.page);
+      }
+    }
+    $[0] = pageResults;
+    $[1] = results;
+  } else {
+    results = $[1];
+  }
+  const skipped = args === "skip";
+  const t0 = !skipped && (status === "LoadingFirstPage" || status === "LoadingMore");
+  let t1;
+  if ($[2] !== loadMore || $[3] !== results || $[4] !== status || $[5] !== t0) {
+    t1 = {
+      isLoading: t0,
+      loadMore,
+      results,
+      status
+    };
+    $[2] = loadMore;
+    $[3] = results;
+    $[4] = status;
+    $[5] = t0;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+};
+
+export { usePaginatedQuery };

package/dist/packem_shared/usePresence-D7jLuxj0.mjs

@@ -0,0 +1,108 @@
+'use client';
+import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+
+const makeSessionId = () => {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `sess-${Math.random().toString(36).slice(2)}-${String(Date.now())}`;
+};
+const DEFAULT_INTERVAL_MS = 1e4;
+const usePresence = (roomId, options) => {
+  const client = useLunora();
+  const {
+    heartbeat,
+    intervalMs = DEFAULT_INTERVAL_MS,
+    listPresent,
+    shardKey
+  } = options;
+  const generatedSessionId = useMemo(() => options.sessionId ?? makeSessionId(), [options.sessionId]);
+  const [present, setPresent] = useState(void 0);
+  const dataRef = useRef(options.data);
+  const inputsRef = useRef({
+    client,
+    heartbeat,
+    roomId,
+    sessionId: generatedSessionId,
+    shardKey
+  });
+  useEffect(() => {
+    inputsRef.current = {
+      client,
+      heartbeat,
+      roomId,
+      sessionId: generatedSessionId,
+      shardKey
+    };
+  });
+  const sendHeartbeat = useCallback(() => {
+    const {
+      client: c,
+      heartbeat: hb,
+      roomId: room,
+      sessionId: sid,
+      shardKey: sk
+    } = inputsRef.current;
+    const args = {
+      roomId: room,
+      sessionId: sid,
+      ...dataRef.current === void 0 ? {} : {
+        data: dataRef.current
+      }
+    };
+    c.mutation(hb, args, {
+      shardKey: sk
+    }).catch(() => void 0);
+  }, []);
+  const setData = useCallback((next) => {
+    dataRef.current = next;
+    sendHeartbeat();
+  }, [sendHeartbeat]);
+  useEffect(() => {
+    sendHeartbeat();
+    const handle = setInterval(sendHeartbeat, intervalMs);
+    const onVisible = () => {
+      if (document.visibilityState === "visible") {
+        sendHeartbeat();
+      }
+    };
+    document.addEventListener("visibilitychange", onVisible);
+    return () => {
+      clearInterval(handle);
+      document.removeEventListener("visibilitychange", onVisible);
+    };
+  }, [sendHeartbeat, intervalMs]);
+  useEffect(() => {
+    const release = client.acquireConnectionContext({
+      roomId,
+      sessionId: generatedSessionId
+    }, {
+      shardKey
+    });
+    return release;
+  }, [client, roomId, generatedSessionId, shardKey]);
+  useEffect(() => {
+    let cancelled = false;
+    const unsubscribe = client.subscribe(listPresent, {
+      roomId
+    }, (value) => {
+      if (!cancelled) {
+        setPresent(value);
+      }
+    }, {
+      shardKey
+    });
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, [client, listPresent.__lunoraRef, roomId, shardKey]);
+  return {
+    present,
+    sessionId: generatedSessionId,
+    setData
+  };
+};
+
+export { usePresence };

package/dist/packem_shared/useQuery-C5S0W-7K.mjs

@@ -0,0 +1,41 @@
+'use client';
+import { useQueryClient, useQuery as useQuery$1 } from '@tanstack/react-query';
+import { useMemo, useEffect } from 'react';
+import { g as getSubscriptionRegistry } from './cache-CItk3fgN.mjs';
+import { useLunora } from './LunoraProvider-D38Xp16l.mjs';
+import { l as lunoraQueryKey, a as stableStringify, s as serializeQueryKey } from './query-key-C5rufkEE.mjs';
+
+const useQuery = (function_, args, options = {}) => {
+  const client = useLunora();
+  const queryClient = useQueryClient();
+  const {
+    shardKey
+  } = options;
+  const skipped = args === "skip";
+  const argsRecord = skipped ? {} : args;
+  const queryKey = useMemo(() => lunoraQueryKey(function_, argsRecord, shardKey), [function_.__lunoraRef, stableStringify(argsRecord), shardKey]);
+  const {
+    data
+  } = useQuery$1({
+    enabled: !skipped,
+    queryFn: () => client.query(function_, argsRecord, {
+      shardKey
+    }),
+    queryKey,
+    // Lunora is push-driven: once the initial fetch resolves, the WS owns
+    // freshness. Staleness only matters when the subscription is missing,
+    // and the registry handles that with a polling fallback.
+    staleTime: Number.POSITIVE_INFINITY
+  });
+  useEffect(() => {
+    if (skipped) {
+      return () => {
+      };
+    }
+    const registry = getSubscriptionRegistry(client);
+    return registry.attach(queryClient, queryKey, function_, argsRecord, shardKey);
+  }, [client, queryClient, serializeQueryKey(queryKey), skipped]);
+  return data;
+};
+
+export { useQuery as default };

package/dist/packem_shared/useRateLimit-DTEffQEi.mjs

@@ -0,0 +1,64 @@
+'use client';
+import { evaluate } from '@lunora/ratelimit';
+import { useRef, useReducer, useCallback, useEffect } from 'react';
+
+const useRateLimit = (config, options = {}) => {
+  const now = options.now ?? Date.now;
+  const tickMs = options.tickMs ?? 1e3;
+  const valueRef = useRef(void 0);
+  const [, forceRender] = useReducer((count) => count + 1, 0);
+  const consume = useCallback((count_0 = 1) => {
+    const {
+      status,
+      value
+    } = evaluate(config, valueRef.current, {
+      consume: true,
+      count: count_0,
+      now: now(),
+      reserve: false
+    });
+    if (value !== void 0) {
+      valueRef.current = value;
+    }
+    forceRender();
+    return status;
+  }, [config, now]);
+  const check = useCallback((count_1 = 1) => evaluate(config, valueRef.current, {
+    consume: false,
+    count: count_1,
+    now: now(),
+    reserve: false
+  }).status.ok, [config, now]);
+  const reset = useCallback(() => {
+    valueRef.current = void 0;
+    forceRender();
+  }, []);
+  const {
+    status: status_0
+  } = evaluate(config, valueRef.current, {
+    consume: false,
+    count: 1,
+    now: now(),
+    reserve: false
+  });
+  useEffect(() => {
+    if (status_0.ok) {
+      return () => {
+      };
+    }
+    const handle = setInterval(forceRender, tickMs);
+    return () => {
+      clearInterval(handle);
+    };
+  }, [status_0.ok, tickMs]);
+  return {
+    check,
+    consume,
+    disabled: !status_0.ok,
+    ok: status_0.ok,
+    reset,
+    retryAfter: status_0.retryAfter
+  };
+};
+
+export { useRateLimit };