useIndexedDB.js

import { openDB, deleteDB } from 'idb';

export const init = async ({ name, storeName, version }) => {
  await openDB(name, version, {
    upgrade(db, oldVersion, newVersion, transaction) {
      const store = db.createObjectStore(storeName, {
        autoIncrement: true,
      });
    },
  });
};

export const destroy = async name => {
  await deleteDB(name);
};

const useIndexedDB = ({ name, storeName, version = 1 }) => {
  init({ name, storeName, version });

  const insert = async (key, value) => {
    const db = await openDB(name, version);
    await db.put(storeName, value, key);
  };

  const get = async key => {
    const db = await openDB(name, version);

    return await db
      .transaction(storeName, 'readwrite')
      .objectStore(storeName)
      .get(key);
  };

  const getAll = async () => {
    const db = await openDB(name, version);
    return await db.transaction(storeName).objectStore(storeName).getAll();
  };

  const getFromIndex = async (indexName, key) => {
    const db = await openDB(name, version);
    return await db.getFromIndex(storeName, indexName, key);
  };

  const remove = async key => {
    const db = await openDB(name, version);
    await db.delete(storeName, key);
  };

  const isStale = async (cache, seconds) => {
    const currentDate = new Date();
    const createdDate = new Date(cache.createdAt);
    createdDate.setSeconds(createdDate.getSeconds() + seconds);

    return createdDate < currentDate;
  };

  return { insert, get, getAll, getFromIndex, isStale, remove };
};

export default useIndexedDB;