baked-recipe-admin/dist/runtime/composables/useCache.js

Baked is an opinionated framework for .NET in backend and Nuxt in frontend. This is a recipe package that brings together all the components one needs for an Admin UI.

export default function(name,
  expirationInMinutes = 60
) {
  function buildKey(path, query) {
    let result = path;
    if(query) {
      const search = new URLSearchParams(query);
      search.sort();
      result += `?${search}`;
    }

    return result;
  }

  async function getOrCreate(key, create) {
    key = `${name}[${key}]`;

    const cached = localStorage.getItem(key);
    if(cached) {
      const entry = JSON.parse(cached);
      if(Date.now() - entry.createdAt < expirationInMinutes * 60 * 1000) {
        return entry.data;
      }
    }

    const result = await create();
    localStorage.setItem(key, JSON.stringify({
      createdAt: Date.now(),
      data: result
    }));

    return result;
  }

  function clear() {
    const keysToClear = [];
    for(let i = 0; i<localStorage.length; i++) {
      const key = localStorage.key(i);
      if(key.startsWith(name)) {
        keysToClear.push(key);
      }
    }

    for(const key of keysToClear) {
      localStorage.removeItem(key);
    }
  }

  return {
    buildKey,
    getOrCreate,
    clear
  };
}