@ciwergrp/nuxid 1.17.3 → 1.17.7

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@ciwergrp/nuxid",
   "configKey": "nuxid",
-  "version": "1.17.3",
+  "version": "1.17.7",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -599,7 +599,7 @@ function registerFetcherFeature(options, { from }) {
   if (!options.enabled) {
     return;
   }
-  addImports({ name: "useCursorHttp", as: "useCursorHttp", from });
+  addImports({ name: "default", as: "useCursorHttp", from });
   addImports({ name: "APIResponseCursor", as: "APIResponseCursor", from, type: true });
   addImports({ name: "CursorFetchOptions", as: "CursorFetchOptions", from, type: true });
 }

package/dist/runtime/fetcher/cursor.d.ts

@@ -44,3 +44,4 @@ export declare function useCursorHttp<T extends Record<string, any> = any, TResp
     refresh: () => Promise<void>;
     init: () => Promise<void>;
 }>;
+export default useCursorHttp;

package/dist/runtime/fetcher/cursor.js

@@ -1,13 +1,13 @@
-import { isRef, onUnmounted, readonly, ref, shallowRef, watch } from "vue";
+import { isRef, onBeforeMount, onUnmounted, readonly, ref, shallowRef, watch } from "vue";
 export async function useCursorHttp(url, options) {
   function findReactiveSources(obj) {
     const sources = [];
     if (!obj || typeof obj !== "object") {
       return sources;
     }
-    for (const key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        const value = obj[key];
+    for (const key2 in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key2)) {
+        const value = obj[key2];
         if (isRef(value)) {
           sources.push(value);
         } else if (typeof value === "object") {
@@ -22,15 +22,15 @@ export async function useCursorHttp(url, options) {
       return obj;
     }
     const unwrapped = Array.isArray(obj) ? [] : {};
-    for (const key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        const value = obj[key];
+    for (const key2 in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key2)) {
+        const value = obj[key2];
         if (isRef(value)) {
-          unwrapped[key] = value.value;
+          unwrapped[key2] = value.value;
         } else if (typeof value === "object") {
-          unwrapped[key] = unwrapReactiveObject(value);
+          unwrapped[key2] = unwrapReactiveObject(value);
         } else {
-          unwrapped[key] = value;
+          unwrapped[key2] = value;
         }
       }
     }
@@ -56,9 +56,11 @@ export async function useCursorHttp(url, options) {
     pollInterval,
     fetcher,
     fetchOptions,
+    query,
     meta,
     itemKey = "id",
-    cursorParam = "cursor"
+    cursorParam = "cursor",
+    key
   } = options ?? {};
   const initialUrl = url;
   const data = ref();
@@ -70,6 +72,23 @@ export async function useCursorHttp(url, options) {
   const currentParams = shallowRef(
     unwrapReactiveObject(fetchOptions) ?? {}
   );
+  const normalizeStateKey = (value, fallback) => {
+    if (typeof value !== "string") {
+      return fallback;
+    }
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : fallback;
+  };
+  const stateKey = normalizeStateKey(key, (() => {
+    try {
+      const queryValue = query ?? currentParams.value?.query ?? {};
+      return `${String(url)}:${JSON.stringify(queryValue)}`;
+    } catch {
+      return String(url);
+    }
+  })());
+  const { useState } = await import("#app");
+  const initialResponseState = useState(stateKey, () => null);
   let pollTimer = null;
   let fetchPromise = null;
   const fetcherFn = fetcher ?? globalThis.$fetch;
@@ -97,6 +116,18 @@ export async function useCursorHttp(url, options) {
     }
     return String(value);
   };
+  const cloneResponse = (response) => ({
+    ...response,
+    data: [...response.data]
+  });
+  const applyResponse = (response, cacheInitial = false) => {
+    data.value = cloneResponse(response);
+    nextCursor.value = normalizeCursorValue(response.meta?.[cursorKey]);
+    hasNextPage.value = response.meta?.[hasMoreKey] ?? false;
+    if (cacheInitial) {
+      initialResponseState.value = cloneResponse(response);
+    }
+  };
   const fetchData = async (fetchUrl, params) => {
     if (loading.value) {
       return fetchPromise ?? Promise.resolve();
@@ -130,6 +161,35 @@ export async function useCursorHttp(url, options) {
       }
     }
   };
+  const fetchInitialData = async (params, useCache = true) => {
+    if (loading.value) {
+      return fetchPromise ?? Promise.resolve();
+    }
+    if (useCache && initialResponseState.value) {
+      applyResponse(initialResponseState.value);
+      return Promise.resolve();
+    }
+    loading.value = true;
+    error.value = null;
+    const promise = (async () => {
+      try {
+        const response = await fetcherFn(initialUrl, params ?? currentParams.value);
+        applyResponse(response, true);
+      } catch (e) {
+        error.value = normalizeFetchError(e);
+      } finally {
+        loading.value = false;
+      }
+    })();
+    fetchPromise = promise;
+    try {
+      await promise;
+    } finally {
+      if (fetchPromise === promise) {
+        fetchPromise = null;
+      }
+    }
+  };
   const pollData = async () => {
     try {
       const response = await fetcherFn(initialUrl, currentParams.value);
@@ -144,9 +204,7 @@ export async function useCursorHttp(url, options) {
           data.value.data.unshift(...newItems);
         }
       } else {
-        data.value = response;
-        nextCursor.value = normalizeCursorValue(response.meta?.[cursorKey]);
-        hasNextPage.value = response.meta?.[hasMoreKey] ?? false;
+        applyResponse(response, true);
       }
     } catch (e) {
       console.error("Polling error:", e);
@@ -172,13 +230,13 @@ export async function useCursorHttp(url, options) {
     nextCursor.value = null;
     hasNextPage.value = true;
     isLoadMoreTriggered.value = false;
-    await fetchData(initialUrl, currentParams.value);
+    await fetchInitialData(currentParams.value, false);
   };
   const init = async () => {
     if (data.value) {
       return;
     }
-    await fetchData(initialUrl, currentParams.value);
+    await fetchInitialData(currentParams.value);
   };
   const reactiveSources = findReactiveSources(fetchOptions);
   if (reactiveSources.length > 0) {
@@ -200,10 +258,12 @@ export async function useCursorHttp(url, options) {
     }
   });
   if (immediate) {
-    if (lazy) {
-      void fetchData(initialUrl, currentParams.value);
+    if (import.meta.client && lazy) {
+      onBeforeMount(() => {
+        void fetchInitialData();
+      });
     } else {
-      await fetchData(initialUrl, currentParams.value);
+      await fetchInitialData();
     }
   }
   return {
@@ -217,3 +277,4 @@ export async function useCursorHttp(url, options) {
     init
   };
 }
+export default useCursorHttp;

package/dist/runtime/fetcher/index.d.ts

@@ -1 +1,2 @@
+export { default, useCursorHttp } from './cursor.js';
 export * from './cursor.js';

package/dist/runtime/fetcher/index.js

@@ -1 +1,2 @@
+export { default, useCursorHttp } from "./cursor.js";
 export * from "./cursor.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ciwergrp/nuxid",
-  "version": "1.17.3",
+  "version": "1.17.7",
   "description": "All-in-one essential modules for Nuxt",
   "repository": {
     "type": "git",