@lunora/vue 1.0.0-alpha.32 → 1.0.0-alpha.34

package/dist/index.mjs

@@ -3,11 +3,11 @@ export { hydratePreloaded } from './packem_shared/hydratePreloaded-Cnd2GmG1.mjs'
 export { LUNORA_INJECTION_KEY, createLunora, provideLunora, useLunora } from './packem_shared/LUNORA_INJECTION_KEY-DQM5MgsC.mjs';
 export { useAuth } from './packem_shared/useAuth-yXaaF-ro.mjs';
 export { default as useConnectionStatus } from './packem_shared/useConnectionStatus-DM_TOaW5.mjs';
-export { useFlag, useFlags } from './packem_shared/useFlag-Diuk30zd.mjs';
+export { useFlag, useFlags } from './packem_shared/useFlag-Cc8rtueb.mjs';
 export { useMutation } from './packem_shared/useMutation-BKIwT8Jk.mjs';
 export { useMutator } from './packem_shared/useMutator-B_Ahs_ZN.mjs';
-export { useInfiniteQuery, usePaginatedQuery } from './packem_shared/useInfiniteQuery-DZMfVEuL.mjs';
-export { usePresence } from './packem_shared/usePresence-VXq5yGzE.mjs';
+export { useInfiniteQuery, usePaginatedQuery } from './packem_shared/useInfiniteQuery-ZnvrirrF.mjs';
+export { usePresence } from './packem_shared/usePresence-Bg671Pt0.mjs';
 export { subscribeToQuery, useQuery } from './packem_shared/subscribeToQuery-hVYyvgOD.mjs';
 export { useRateLimit } from './packem_shared/useRateLimit-DlPWjcX1.mjs';
-export { useSubscription } from './packem_shared/useSubscription-DHoCEXNh.mjs';
+export { useSubscription } from './packem_shared/useSubscription-B2s-lc5e.mjs';

package/dist/packem_shared/stable-key-wv6eP48B.mjs

@@ -0,0 +1,40 @@
+const compareKeys = (a, b) => {
+  if (a < b) {
+    return -1;
+  }
+  return a > b ? 1 : 0;
+};
+const stableStringify = (value) => {
+  if (value === void 0) {
+    return "null";
+  }
+  if (typeof value === "bigint") {
+    throw new TypeError("stableStringify: cannot use a bigint in a cache key (query/subscription/shape args) — pass it as a string");
+  }
+  if (value === null || typeof value !== "object") {
+    return JSON.stringify(value);
+  }
+  if (Array.isArray(value)) {
+    return `[${value.map((item) => stableStringify(item)).join(",")}]`;
+  }
+  const proto = Object.getPrototypeOf(value);
+  if (proto !== null && proto !== Object.prototype) {
+    const name = value.constructor?.name ?? "value";
+    throw new TypeError(
+      `stableStringify: cannot use a ${name} in a cache key (query/subscription/shape args) — only plain objects, arrays, and JSON primitives are supported`
+    );
+  }
+  const record = value;
+  const keys = Object.keys(record).toSorted(compareKeys);
+  const parts = [];
+  for (const key of keys) {
+    const raw = record[key];
+    if (raw === void 0) {
+      continue;
+    }
+    parts.push(`${JSON.stringify(key)}:${stableStringify(raw)}`);
+  }
+  return `{${parts.join(",")}}`;
+};
+
+export { stableStringify as s };

package/dist/packem_shared/{useFlag-Diuk30zd.mjs → useFlag-Cc8rtueb.mjs}

@@ -1,45 +1,7 @@
 import { shallowRef, watch, toValue } from 'vue';
+import { s as stableStringify } from './stable-key-wv6eP48B.mjs';
 import { useLunora } from './LUNORA_INJECTION_KEY-DQM5MgsC.mjs';
 
-const compareKeys = (a, b) => {
-  if (a < b) {
-    return -1;
-  }
-  return a > b ? 1 : 0;
-};
-const stableStringify = (value) => {
-  if (value === void 0) {
-    return "null";
-  }
-  if (typeof value === "bigint") {
-    throw new TypeError("stableStringify: cannot use a bigint in a cache key (query/subscription/shape args) — pass it as a string");
-  }
-  if (value === null || typeof value !== "object") {
-    return JSON.stringify(value);
-  }
-  if (Array.isArray(value)) {
-    return `[${value.map((item) => stableStringify(item)).join(",")}]`;
-  }
-  const proto = Object.getPrototypeOf(value);
-  if (proto !== null && proto !== Object.prototype) {
-    const name = value.constructor?.name ?? "value";
-    throw new TypeError(
-      `stableStringify: cannot use a ${name} in a cache key (query/subscription/shape args) — only plain objects, arrays, and JSON primitives are supported`
-    );
-  }
-  const record = value;
-  const keys = Object.keys(record).toSorted(compareKeys);
-  const parts = [];
-  for (const key of keys) {
-    const raw = record[key];
-    if (raw === void 0) {
-      continue;
-    }
-    parts.push(`${JSON.stringify(key)}:${stableStringify(raw)}`);
-  }
-  return `{${parts.join(",")}}`;
-};
-
 const FLAGS_EVAL_PATH = "__lunora_flags__:eval";
 const flagKind = (value) => {
   const kind = typeof value;

package/dist/packem_shared/{useInfiniteQuery-DZMfVEuL.mjs → useInfiniteQuery-ZnvrirrF.mjs}

@@ -1,8 +1,9 @@
 import { shallowRef, watch, toValue, onScopeDispose, computed } from 'vue';
 import { initialPages, derivePaginationStatus, rebalance, applyLoadMore } from '@lunora/client/pagination';
+import { s as stableStringify } from './stable-key-wv6eP48B.mjs';
 import { useLunora } from './LUNORA_INJECTION_KEY-DQM5MgsC.mjs';
 
-const buildPageKey = (functionPath, pageArgs) => `${functionPath}::${JSON.stringify(pageArgs)}`;
+const buildPageKey = (functionPath, pageArgs) => `${functionPath}::${stableStringify(pageArgs)}`;
 const buildPageArgs = (page, baseArgs) => {
   return {
     ...baseArgs,
@@ -14,6 +15,7 @@ const usePaginatedCore = (function_, args, options) => {
   const { initialNumItems, shardKey } = options;
   const pages = shallowRef(initialPages(initialNumItems));
   const pageResults = shallowRef([]);
+  let lastLoadMoreCursor;
   const activeSubs = /* @__PURE__ */ new Map();
   const resultsByKey = /* @__PURE__ */ new Map();
   const pendingPageKeys = /* @__PURE__ */ new Set();
@@ -49,6 +51,7 @@ const usePaginatedCore = (function_, args, options) => {
         entry.unsub();
         activeSubs.delete(originalKey);
         resultsByKey.delete(entry.currentKey);
+        pendingPageKeys.delete(entry.currentKey);
       }
     }
     const coveredKeys = new Set([...activeSubs.values()].map((subEntry) => subEntry.currentKey));
@@ -93,13 +96,16 @@ const usePaginatedCore = (function_, args, options) => {
     }
     activeSubs.clear();
     resultsByKey.clear();
+    pendingPageKeys.clear();
   };
   watch(
-    () => toValue(args),
-    (current) => {
+    () => stableStringify(toValue(args)),
+    () => {
+      const current = toValue(args);
       teardownAll();
       pages.value = initialPages(initialNumItems);
       pageResults.value = [];
+      lastLoadMoreCursor = void 0;
       if (current !== "skip") {
         syncSubscriptions(pages.value, current);
         rebuildPageResults(pages.value, current);
@@ -135,10 +141,14 @@ const usePaginatedCore = (function_, args, options) => {
     if (currentStatus !== "CanLoadMore") {
       return;
     }
+    if (nextCursor === lastLoadMoreCursor) {
+      return;
+    }
     const next = applyLoadMore(pages.value, nextCursor, numberItems);
     if (!next) {
       return;
     }
+    lastLoadMoreCursor = nextCursor;
     const oldTail = pages.value.at(-1);
     const newPinnedPage = next.at(-2);
     if (oldTail && newPinnedPage) {

package/dist/packem_shared/usePresence-Bg671Pt0.mjs

@@ -0,0 +1,75 @@
+import { shallowRef, getCurrentScope, onScopeDispose } from 'vue';
+import { useLunora } from './LUNORA_INJECTION_KEY-DQM5MgsC.mjs';
+
+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 `${prefix}-${Date.now().toString(36)}`;
+};
+
+const DEFAULT_INTERVAL_MS = 1e4;
+const usePresence = (roomId, options) => {
+  const client = useLunora();
+  const { heartbeat, intervalMs = DEFAULT_INTERVAL_MS, listPresent, shardKey } = options;
+  const sessionId = options.sessionId ?? randomSessionId();
+  const present = shallowRef(void 0);
+  let latestData = options.data;
+  const sendHeartbeat = () => {
+    const args = {
+      roomId,
+      sessionId,
+      ...latestData === void 0 ? {} : { data: latestData }
+    };
+    client.mutation(heartbeat, args, { shardKey }).catch(() => void 0);
+  };
+  const setData = (next) => {
+    latestData = next;
+    sendHeartbeat();
+  };
+  if (globalThis.window !== void 0) {
+    sendHeartbeat();
+    const intervalHandle = setInterval(sendHeartbeat, intervalMs);
+    const onVisible = () => {
+      if (typeof document !== "undefined" && document.visibilityState === "visible") {
+        sendHeartbeat();
+      }
+    };
+    if (typeof document !== "undefined") {
+      document.addEventListener("visibilitychange", onVisible);
+    }
+    const releaseConnectionContext = client.acquireConnectionContext({ roomId, sessionId }, { shardKey });
+    const unsubscribe = client.subscribe(
+      listPresent,
+      { roomId },
+      (value) => {
+        present.value = value;
+      },
+      { shardKey }
+    );
+    const teardown = () => {
+      clearInterval(intervalHandle);
+      if (typeof document !== "undefined") {
+        document.removeEventListener("visibilitychange", onVisible);
+      }
+      releaseConnectionContext();
+      unsubscribe();
+    };
+    if (getCurrentScope()) {
+      onScopeDispose(teardown);
+    } else {
+      console.warn(
+        "[@lunora/vue] usePresence called with no active effect scope — its heartbeat interval and live subscription will not be cleaned up automatically. Call it inside setup()/an effect scope."
+      );
+    }
+  }
+  return { present, sessionId, setData };
+};
+
+export { usePresence };

package/dist/packem_shared/{useSubscription-DHoCEXNh.mjs → useSubscription-B2s-lc5e.mjs}

@@ -1,4 +1,5 @@
 import { createQuerySubscription } from '@lunora/client/query';
+import { LunoraError } from '@lunora/errors';
 import { ref, watch, toValue, onScopeDispose } from 'vue';
 import { useLunora } from './LUNORA_INJECTION_KEY-DQM5MgsC.mjs';
 
@@ -24,7 +25,7 @@ const useSubscription = (function_, args, options = {}) => {
             error.value = void 0;
           },
           onError: (subscriptionError) => {
-            error.value = new Error(subscriptionError.message);
+            error.value = subscriptionError.code === void 0 ? new Error(subscriptionError.message) : new LunoraError(subscriptionError.code, subscriptionError.message);
             data.value = void 0;
           },
           onReset: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunora/vue",
-  "version": "1.0.0-alpha.32",
+  "version": "1.0.0-alpha.34",
   "description": "Vue adapter for Lunora — live composables, optimistic mutations, and reactive loaders",
   "keywords": [
     "cloudflare",
@@ -54,10 +54,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@lunora/client": "1.0.0-alpha.20",
-    "@lunora/errors": "1.0.0-alpha.3",
-    "@lunora/ratelimit": "1.0.0-alpha.6",
-    "@lunora/runtime": "1.0.0-alpha.22"
+    "@lunora/client": "1.0.0-alpha.21",
+    "@lunora/errors": "1.0.0-alpha.4",
+    "@lunora/ratelimit": "1.0.0-alpha.7",
+    "@lunora/runtime": "1.0.0-alpha.24"
   },
   "peerDependencies": {
     "vue": "^3.5.0"

package/dist/packem_shared/usePresence-VXq5yGzE.mjs

@@ -1,59 +0,0 @@
-import { shallowRef, onScopeDispose } from 'vue';
-import { useLunora } from './LUNORA_INJECTION_KEY-DQM5MgsC.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 sessionId = options.sessionId ?? makeSessionId();
-  const present = shallowRef(void 0);
-  let latestData = options.data;
-  const sendHeartbeat = () => {
-    const args = {
-      roomId,
-      sessionId,
-      ...latestData === void 0 ? {} : { data: latestData }
-    };
-    client.mutation(heartbeat, args, { shardKey }).catch(() => void 0);
-  };
-  const setData = (next) => {
-    latestData = next;
-    sendHeartbeat();
-  };
-  sendHeartbeat();
-  const intervalHandle = setInterval(sendHeartbeat, intervalMs);
-  const onVisible = () => {
-    if (typeof document !== "undefined" && document.visibilityState === "visible") {
-      sendHeartbeat();
-    }
-  };
-  if (typeof document !== "undefined") {
-    document.addEventListener("visibilitychange", onVisible);
-  }
-  const releaseConnectionContext = client.acquireConnectionContext({ roomId, sessionId }, { shardKey });
-  const unsubscribe = client.subscribe(
-    listPresent,
-    { roomId },
-    (value) => {
-      present.value = value;
-    },
-    { shardKey }
-  );
-  onScopeDispose(() => {
-    clearInterval(intervalHandle);
-    if (typeof document !== "undefined") {
-      document.removeEventListener("visibilitychange", onVisible);
-    }
-    releaseConnectionContext();
-    unsubscribe();
-  });
-  return { present, sessionId, setData };
-};
-
-export { usePresence };