api-core-lib 12.0.20 → 12.0.21

package/dist/client.cjs

@@ -717,25 +717,20 @@ function useApiActionState(actionConfig, cacheKey, execute, input, enabled) {
   const refetch = (0, import_react4.useCallback)(() => {
     execute(inputRef.current);
   }, [execute]);
-  const previousInput = (0, import_react4.useRef)(JSON.stringify(input));
+  const prevCacheKeyRef = (0, import_react4.useRef)(cacheKey);
   (0, import_react4.useEffect)(() => {
-    const currentInputString = JSON.stringify(input);
-    if (previousInput.current === currentInputString) {
-      return;
-    }
-    if (enabled && state.called) {
-      console.log("[Query Changed] Input changed, refetching...");
+    if (prevCacheKeyRef.current !== cacheKey && enabled && state.called) {
+      console.log(`[Cache Key Changed] from ${prevCacheKeyRef.current} to ${cacheKey}. Refetching...`);
       refetch();
-    }
-    previousInput.current = currentInputString;
-  }, [input, enabled, state.called, refetch]);
-  (0, import_react4.useEffect)(() => {
-    if (enabled && actionConfig.autoFetch && !state.called && !state.loading) {
+    } else if (enabled && actionConfig.autoFetch && !state.called && !state.loading) {
+      console.log(`[Auto Fetch] for ${cacheKey}. Fetching...`);
       refetch();
     } else if (enabled && state.isStale && !state.loading) {
+      console.log(`[Stale State] for ${cacheKey}. Refetching...`);
       refetch();
     }
-  }, [enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch, refetch]);
+    prevCacheKeyRef.current = cacheKey;
+  }, [cacheKey, enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch, refetch]);
   return state;
 }
 function useModuleContext() {

package/dist/client.js

@@ -678,25 +678,20 @@ function useApiActionState(actionConfig, cacheKey, execute, input, enabled) {
   const refetch = useCallback3(() => {
     execute(inputRef.current);
   }, [execute]);
-  const previousInput = useRef4(JSON.stringify(input));
+  const prevCacheKeyRef = useRef4(cacheKey);
   useEffect4(() => {
-    const currentInputString = JSON.stringify(input);
-    if (previousInput.current === currentInputString) {
-      return;
-    }
-    if (enabled && state.called) {
-      console.log("[Query Changed] Input changed, refetching...");
+    if (prevCacheKeyRef.current !== cacheKey && enabled && state.called) {
+      console.log(`[Cache Key Changed] from ${prevCacheKeyRef.current} to ${cacheKey}. Refetching...`);
       refetch();
-    }
-    previousInput.current = currentInputString;
-  }, [input, enabled, state.called, refetch]);
-  useEffect4(() => {
-    if (enabled && actionConfig.autoFetch && !state.called && !state.loading) {
+    } else if (enabled && actionConfig.autoFetch && !state.called && !state.loading) {
+      console.log(`[Auto Fetch] for ${cacheKey}. Fetching...`);
       refetch();
     } else if (enabled && state.isStale && !state.loading) {
+      console.log(`[Stale State] for ${cacheKey}. Refetching...`);
       refetch();
     }
-  }, [enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch, refetch]);
+    prevCacheKeyRef.current = cacheKey;
+  }, [cacheKey, enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch, refetch]);
   return state;
 }
 function useModuleContext() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "api-core-lib",
-  "version": "12.0.20",
+  "version": "12.0.21",
   "description": "A flexible and powerful API client library for modern web applications.",
   "type": "module",