@blocklet/labels 2.4.27 → 2.4.29

package/dist/index.es.js

@@ -603,6 +603,69 @@ const useLabels = ({ loading, data, createLabel: createLabelAPI }) => {
   };
 };
 const LabelsContainer = createContainer(useLabels);
+const createCacheKey = (args) => {
+  return args.map((x) => typeof x === "string" ? x : JSON.stringify(x)).join("-");
+};
+const CACHE_PREFIX = "request-cache-";
+const getStorageKey = (key) => `${CACHE_PREFIX}${key}`;
+const serialize = (data) => {
+  try {
+    return JSON.stringify(data);
+  } catch (error) {
+    console.warn("Failed to serialize cache data:", error);
+    return "";
+  }
+};
+const deserialize = (data) => {
+  try {
+    return JSON.parse(data);
+  } catch (error) {
+    console.warn("Failed to deserialize cache data:", error);
+    return null;
+  }
+};
+const setCache = (key, cachedData, options = {}) => {
+  const storageKey = getStorageKey(key);
+  const expiresAt = options.cacheTime ? Date.now() + options.cacheTime : Number.MAX_SAFE_INTEGER;
+  const recordData = {
+    ...cachedData,
+    expiresAt
+  };
+  localStorage.setItem(storageKey, serialize(recordData));
+};
+const getCache = (key) => {
+  const storageKey = getStorageKey(key);
+  const cachedData = localStorage.getItem(storageKey);
+  if (!cachedData) {
+    return null;
+  }
+  const recordData = deserialize(cachedData);
+  if (!recordData) {
+    return null;
+  }
+  if (Date.now() > recordData.expiresAt) {
+    localStorage.removeItem(storageKey);
+    return null;
+  }
+  return recordData;
+};
+const cleanupExpiredCache = () => {
+  const keysToRemove = [];
+  for (let i = 0; i < localStorage.length; i++) {
+    const key = localStorage.key(i);
+    if (key && key.startsWith(CACHE_PREFIX)) {
+      const cachedData = localStorage.getItem(key);
+      if (cachedData) {
+        const recordData = deserialize(cachedData);
+        if (recordData?.expiresAt && Date.now() > recordData.expiresAt) {
+          keysToRemove.push(key);
+        }
+      }
+    }
+  }
+  keysToRemove.forEach((key) => localStorage.removeItem(key));
+};
+cleanupExpiredCache();
 const LabelsContext = createContext({});
 const useLabelsContext = () => useContext(LabelsContext);
 const useLabelsUpdateOnDestroy = () => {
@@ -616,7 +679,11 @@ const useLabelsUpdateOnDestroy = () => {
 function LabelsProvider({ fetchLabels, createLabel, children }) {
   const { locale } = useLocaleContext();
   const [updateCounter, setUpdateCounter] = useState(1);
+  const cacheKey = createCacheKey(["labels"]);
   const { loading, data } = useRequest(fetchLabels, {
+    cacheKey,
+    getCache: () => getCache(cacheKey),
+    setCache: (d) => setCache(cacheKey, d),
     refreshDeps: [updateCounter]
   });
   const labels = useMemo(() => transformLabels(data?.labels || []), [data]);

package/dist/index.umd.js

@@ -590,6 +590,69 @@
     };
   };
   const LabelsContainer = unstatedNext.createContainer(useLabels);
+  const createCacheKey = (args) => {
+    return args.map((x) => typeof x === "string" ? x : JSON.stringify(x)).join("-");
+  };
+  const CACHE_PREFIX = "request-cache-";
+  const getStorageKey = (key) => `${CACHE_PREFIX}${key}`;
+  const serialize = (data) => {
+    try {
+      return JSON.stringify(data);
+    } catch (error) {
+      console.warn("Failed to serialize cache data:", error);
+      return "";
+    }
+  };
+  const deserialize = (data) => {
+    try {
+      return JSON.parse(data);
+    } catch (error) {
+      console.warn("Failed to deserialize cache data:", error);
+      return null;
+    }
+  };
+  const setCache = (key, cachedData, options = {}) => {
+    const storageKey = getStorageKey(key);
+    const expiresAt = options.cacheTime ? Date.now() + options.cacheTime : Number.MAX_SAFE_INTEGER;
+    const recordData = {
+      ...cachedData,
+      expiresAt
+    };
+    localStorage.setItem(storageKey, serialize(recordData));
+  };
+  const getCache = (key) => {
+    const storageKey = getStorageKey(key);
+    const cachedData = localStorage.getItem(storageKey);
+    if (!cachedData) {
+      return null;
+    }
+    const recordData = deserialize(cachedData);
+    if (!recordData) {
+      return null;
+    }
+    if (Date.now() > recordData.expiresAt) {
+      localStorage.removeItem(storageKey);
+      return null;
+    }
+    return recordData;
+  };
+  const cleanupExpiredCache = () => {
+    const keysToRemove = [];
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (key && key.startsWith(CACHE_PREFIX)) {
+        const cachedData = localStorage.getItem(key);
+        if (cachedData) {
+          const recordData = deserialize(cachedData);
+          if (recordData?.expiresAt && Date.now() > recordData.expiresAt) {
+            keysToRemove.push(key);
+          }
+        }
+      }
+    }
+    keysToRemove.forEach((key) => localStorage.removeItem(key));
+  };
+  cleanupExpiredCache();
   const LabelsContext = react.createContext({});
   const useLabelsContext = () => react.useContext(LabelsContext);
   const useLabelsUpdateOnDestroy = () => {
@@ -603,7 +666,11 @@
   function LabelsProvider({ fetchLabels, createLabel, children }) {
     const { locale } = context.useLocaleContext();
     const [updateCounter, setUpdateCounter] = react.useState(1);
+    const cacheKey = createCacheKey(["labels"]);
     const { loading, data } = ahooks.useRequest(fetchLabels, {
+      cacheKey,
+      getCache: () => getCache(cacheKey),
+      setCache: (d) => setCache(cacheKey, d),
       refreshDeps: [updateCounter]
     });
     const labels = react.useMemo(() => transformLabels(data?.labels || []), [data]);

package/dist/request-cache.d.ts

@@ -0,0 +1,16 @@
+type CachedKey = string;
+export interface CachedData<TData = any, TParams = any> {
+    data: TData;
+    params: TParams;
+    time: number;
+}
+interface RecordData extends CachedData {
+    expiresAt: number;
+}
+export declare const createCacheKey: (args: unknown[]) => string;
+declare const setCache: (key: CachedKey, cachedData: CachedData, options?: {
+    cacheTime?: number;
+}) => void;
+declare const getCache: (key: CachedKey) => RecordData | null;
+declare const clearCache: (key?: string | string[]) => void;
+export { getCache, setCache, clearCache };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/labels",
-  "version": "2.4.27",
+  "version": "2.4.29",
   "files": [
     "dist"
   ],
@@ -29,7 +29,7 @@
     "react-color": "^2.19.3",
     "react-select": "^5.8.1",
     "unstated-next": "^1.1.0",
-    "@blocklet/translation-input": "^2.4.27"
+    "@blocklet/translation-input": "^2.4.29"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^3.0.1",