ocache

import { defineCachedFunction } from "ocache"; const cachedFetch = defineCachedFunction( async (url: string) => { console.log(`Fetching data for: ${url}`); const res = await fetch(url); if (!res.ok) { throw new Error(`HTTP error! Status: ${res.status}`); } return res.json(); }, { maxAge: 10, // Cache for 10 seconds name: "api-fetch", // Identifier for cache keys swr: true, // Enable stale-while-revalidate staleMaxAge: 60 // Serve stale content for up to 60 seconds while revalidating }, ); async function runExample() { console.log('--- First call ---'); const data1 = await cachedFetch("https://jsonplaceholder.typicode.com/todos/1"); console.log('Data 1:', data1.title); console.log('\n--- Second call (should be cached) ---'); const data2 = await cachedFetch("https://jsonplaceholder.typicode.com/todos/1"); console.log('Data 2:', data2.title); // Wait for cache to become stale but still valid for SWR console.log('\n--- Waiting for cache to expire... ---'); await new Promise(resolve => setTimeout(resolve, 11 * 1000)); console.log('\n--- Third call (should trigger revalidation and serve stale first) ---'); const data3 = await cachedFetch("https://jsonplaceholder.typicode.com/todos/1"); console.log('Data 3 (potentially stale, revalidating in background):', data3.title); // Invalidate specific cache entry console.log('\n--- Invalidating cache for todos/1 ---'); await cachedFetch.invalidate("https://jsonplaceholder.typicode.com/todos/1"); console.log('\n--- Fourth call (after invalidation, should re-fetch) ---'); const data4 = await cachedFetch("https://jsonplaceholder.typicode.com/todos/1"); console.log('Data 4:', data4.title); } runExample().catch(console.error);