api-core-lib 12.0.18 → 12.0.20

package/dist/client.cjs

@@ -710,20 +710,32 @@ function useApiActionState(actionConfig, cacheKey, execute, input, enabled) {
     getClientSnapshot,
     getServerSnapshot
   );
+  const inputRef = (0, import_react4.useRef)(input);
+  (0, import_react4.useEffect)(() => {
+    inputRef.current = input;
+  }, [input]);
   const refetch = (0, import_react4.useCallback)(() => {
-    execute(input);
-  }, [execute, JSON.stringify(input)]);
-  const refetchRef = (0, import_react4.useRef)(refetch);
+    execute(inputRef.current);
+  }, [execute]);
+  const previousInput = (0, import_react4.useRef)(JSON.stringify(input));
   (0, import_react4.useEffect)(() => {
-    refetchRef.current = refetch;
-  }, [refetch]);
+    const currentInputString = JSON.stringify(input);
+    if (previousInput.current === currentInputString) {
+      return;
+    }
+    if (enabled && state.called) {
+      console.log("[Query Changed] Input changed, refetching...");
+      refetch();
+    }
+    previousInput.current = currentInputString;
+  }, [input, enabled, state.called, refetch]);
   (0, import_react4.useEffect)(() => {
     if (enabled && actionConfig.autoFetch && !state.called && !state.loading) {
-      refetchRef.current();
+      refetch();
     } else if (enabled && state.isStale && !state.loading) {
-      refetchRef.current();
+      refetch();
     }
-  }, [enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch]);
+  }, [enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch, refetch]);
   return state;
 }
 function useModuleContext() {
@@ -774,7 +786,7 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
             body: input,
             config: options2.config
           });
-          console.log("[API Result]", result);
+          console.log("[API Result execute]", result);
           if (shouldCache) {
             globalStateManager.setState(cacheKey, (prev) => ({
               ...prev,

package/dist/client.js

@@ -671,20 +671,32 @@ function useApiActionState(actionConfig, cacheKey, execute, input, enabled) {
     getClientSnapshot,
     getServerSnapshot
   );
+  const inputRef = useRef4(input);
+  useEffect4(() => {
+    inputRef.current = input;
+  }, [input]);
   const refetch = useCallback3(() => {
-    execute(input);
-  }, [execute, JSON.stringify(input)]);
-  const refetchRef = useRef4(refetch);
+    execute(inputRef.current);
+  }, [execute]);
+  const previousInput = useRef4(JSON.stringify(input));
   useEffect4(() => {
-    refetchRef.current = refetch;
-  }, [refetch]);
+    const currentInputString = JSON.stringify(input);
+    if (previousInput.current === currentInputString) {
+      return;
+    }
+    if (enabled && state.called) {
+      console.log("[Query Changed] Input changed, refetching...");
+      refetch();
+    }
+    previousInput.current = currentInputString;
+  }, [input, enabled, state.called, refetch]);
   useEffect4(() => {
     if (enabled && actionConfig.autoFetch && !state.called && !state.loading) {
-      refetchRef.current();
+      refetch();
     } else if (enabled && state.isStale && !state.loading) {
-      refetchRef.current();
+      refetch();
     }
-  }, [enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch]);
+  }, [enabled, state.isStale, state.loading, state.called, actionConfig.autoFetch, refetch]);
   return state;
 }
 function useModuleContext() {
@@ -735,7 +747,7 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
             body: input,
             config: options2.config
           });
-          console.log("[API Result]", result);
+          console.log("[API Result execute]", result);
           if (shouldCache) {
             globalStateManager.setState(cacheKey, (prev) => ({
               ...prev,

package/package.json

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