react-api-call-optimizer 0.1.0 → 0.1.1

package/dist/api-optimizer.es.js

@@ -1,50 +1,63 @@
-import { useState as w, useRef as p, useCallback as E, useEffect as x } from "react";
-const c = {}, n = {};
-function L(t, g, D = {}) {
+import { useState as d, useRef as y, useCallback as O } from "react";
+const n = {}, a = {};
+let u = {
+  cacheTime: 3e5,
+  // 5 min
+  retries: 0,
+  throttleTime: 0,
+  debug: !1
+};
+const k = (c) => Array.isArray(c) ? JSON.stringify(c) : c;
+function R(c, p, T = {}) {
   const {
-    retries: s = 0,
-    cacheTime: v = 3e5,
-    // 5 min cache
-    throttleTime: l = 0,
-    refreshInterval: o = 0
-    // auto refetch
-  } = D, [I, u] = w(null), [T, r] = w(!0), [b, i] = w(null), f = p(0), C = p(0), m = p(null), a = E(async () => {
-    r(!0), i(null);
-    const h = Date.now();
-    if (!(l && h - C.current < l)) {
-      if (C.current = h, c[t] && h - c[t].timestamp < v) {
-        u(c[t].data), r(!1);
+    retries: l = u.retries,
+    cacheTime: A = u.cacheTime,
+    throttleTime: f = u.throttleTime,
+    debug: r = u.debug
+  } = T, e = k(c), [$, h] = d(
+    () => n[e] ? n[e].data : null
+  ), [b, o] = d(!1), [z, m] = d(null), i = y(0), w = y(0), s = y(null), C = O(() => {
+    r && console.log(`[API Optimizer] Cache cleared for key: ${e}`), delete n[e];
+  }, [e, r]), I = O(async () => {
+    o(!0), m(null);
+    const g = Date.now();
+    if (f && g - w.current < f) {
+      r && console.log(`[API Optimizer] Throttled request for key: ${e}`);
+      return;
+    }
+    if (w.current = g, n[e] && g - n[e].timestamp < A)
+      return r && console.log(`[API Optimizer] Cache hit for key: ${e}`), h(n[e].data), o(!1), n[e].data;
+    if (a[e]) {
+      r && console.log(
+        `[API Optimizer] Awaiting inflight request for key: ${e}`
+      );
+      try {
+        const t = await a[e];
+        return h(t), o(!1), t;
+      } catch (t) {
+        m(t), o(!1);
         return;
       }
-      if (n[t]) {
+    }
+    s.current && s.current.abort(), s.current = new AbortController();
+    const P = s.current.signal;
+    return a[e] = (async () => {
+      for (; i.current <= l; )
         try {
-          const e = await n[t];
-          u(e), r(!1);
-        } catch (e) {
-          i(e), r(!1);
-        }
-        return;
-      }
-      n[t] = (async () => {
-        for (; f.current <= s; )
-          try {
-            const A = new AbortController().signal, d = await g({ signal: A });
-            return c[t] = { timestamp: Date.now(), data: d }, u(d), r(!1), delete n[t], d;
-          } catch (e) {
-            if (f.current += 1, f.current > s) {
-              i(e), r(!1), delete n[t];
-              return;
-            }
+          const t = await p({ signal: P });
+          return n[e] = { timestamp: Date.now(), data: t }, h(t), o(!1), delete a[e], r && console.log(`[API Optimizer] Fetched and cached key: ${e}`), i.current = 0, t;
+        } catch (t) {
+          if (i.current += 1, r && console.log(
+            `[API Optimizer] Retry ${i.current}/${l} for key: ${e}`
+          ), i.current > l) {
+            m(t), o(!1), delete a[e];
+            return;
           }
-      })(), await n[t];
-    }
-  }, [t, g, s, v, l]);
-  return x(() => (a(), o > 0 && (m.current = setInterval(() => {
-    a();
-  }, o)), () => {
-    m.current && clearInterval(m.current);
-  }), [a, o]), { data: I, loading: T, error: b, refetch: a };
+        }
+    })(), await a[e];
+  }, [e, p, A, f, l, r]);
+  return { data: $, loading: b, error: z, refetch: I, clearCache: C };
 }
 export {
-  L as useApiOptimizer
+  R as useApiOptimizer
 };

package/dist/api-optimizer.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.ApiOptimizer={},n.React))})(this,(function(n,e){"use strict";const u={},r={};function S(t,g,b={}){const{retries:a=0,cacheTime:T=3e5,throttleTime:l=0,refreshInterval:c=0}=b,[A,f]=e.useState(null),[C,s]=e.useState(!0),[D,d]=e.useState(null),p=e.useRef(0),v=e.useRef(0),m=e.useRef(null),o=e.useCallback(async()=>{s(!0),d(null);const h=Date.now();if(!(l&&h-v.current<l)){if(v.current=h,u[t]&&h-u[t].timestamp<T){f(u[t].data),s(!1);return}if(r[t]){try{const i=await r[t];f(i),s(!1)}catch(i){d(i),s(!1)}return}r[t]=(async()=>{for(;p.current<=a;)try{const I=new AbortController().signal,w=await g({signal:I});return u[t]={timestamp:Date.now(),data:w},f(w),s(!1),delete r[t],w}catch(i){if(p.current+=1,p.current>a){d(i),s(!1),delete r[t];return}}})(),await r[t]}},[t,g,a,T,l]);return e.useEffect(()=>(o(),c>0&&(m.current=setInterval(()=>{o()},c)),()=>{m.current&&clearInterval(m.current)}),[o,c]),{data:A,loading:C,error:D,refetch:o}}n.useApiOptimizer=S,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.ApiOptimizer={},o.React))})(this,(function(o,t){"use strict";const n={},s={};let u={cacheTime:3e5,retries:0,throttleTime:0,debug:!1};const T=l=>Array.isArray(l)?JSON.stringify(l):l;function b(l,y,w={}){const{retries:f=u.retries,cacheTime:A=u.cacheTime,throttleTime:h=u.throttleTime,debug:i=u.debug}=w,e=T(l),[z,m]=t.useState(()=>n[e]?n[e].data:null),[C,c]=t.useState(!1),[$,p]=t.useState(null),a=t.useRef(0),O=t.useRef(0),d=t.useRef(null),P=t.useCallback(()=>{i&&console.log(`[API Optimizer] Cache cleared for key: ${e}`),delete n[e]},[e,i]),k=t.useCallback(async()=>{c(!0),p(null);const g=Date.now();if(h&&g-O.current<h){i&&console.log(`[API Optimizer] Throttled request for key: ${e}`);return}if(O.current=g,n[e]&&g-n[e].timestamp<A)return i&&console.log(`[API Optimizer] Cache hit for key: ${e}`),m(n[e].data),c(!1),n[e].data;if(s[e]){i&&console.log(`[API Optimizer] Awaiting inflight request for key: ${e}`);try{const r=await s[e];return m(r),c(!1),r}catch(r){p(r),c(!1);return}}d.current&&d.current.abort(),d.current=new AbortController;const I=d.current.signal;return s[e]=(async()=>{for(;a.current<=f;)try{const r=await y({signal:I});return n[e]={timestamp:Date.now(),data:r},m(r),c(!1),delete s[e],i&&console.log(`[API Optimizer] Fetched and cached key: ${e}`),a.current=0,r}catch(r){if(a.current+=1,i&&console.log(`[API Optimizer] Retry ${a.current}/${f} for key: ${e}`),a.current>f){p(r),c(!1),delete s[e];return}}})(),await s[e]},[e,y,A,h,f,i]);return{data:z,loading:C,error:$,refetch:k,clearCache:P}}o.useApiOptimizer=b,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-api-call-optimizer",                  
-  "version": "0.1.0",                   
+  "version": "0.1.1",                   
   "description": "A React hook to optimize API calls",
   "main": "dist/api-optimizer.umd.js", 
   "module": "dist/api-optimizer.es.js",