rr7-cache-client.ts

import { FlatCache } from 'flat-cache';

export const cache = new FlatCache();

// ===========

let isInitialRequest = true;

// Utility function to generate a unique cache key
function generateKey(request: Request): string {
  return `${request.method}:${request.url}`;
}

export async function clientLoader({
  request,
  serverLoader
}: Route.ClientLoaderArgs) {
  const cacheKey = generateKey(request); // Generate a unique key for the request

  if (isInitialRequest) {
    isInitialRequest = false;
    const serverData = await serverLoader();
    cache.setKey(cacheKey, serverData); // Cache the server data
    cache.save(); // Persist the cache to disk
    return serverData;
  }

  const cachedData = cache.getKey<typeof serverData>(cacheKey); // Retrieve cached data

  if (cachedData) {
    return cachedData; // Return cached data if available
  }

  const serverData = await serverLoader();
  cache.setKey(cacheKey, serverData); // Cache the new server data
  cache.save(); // Persist the cache to disk

  return serverData;
}