import { get, set, del } from "idb-keyval"
import type { PersistedClient, Persister } from "@tanstack/react-query-persist-client"

const INDEXED_DATABASE_KEY = "asa-news-react-query-cache"

export function createIndexedDatabasePersister(): Persister {
  return {
    persistClient: async (client: PersistedClient) => {
      await set(INDEXED_DATABASE_KEY, client)
    },
    restoreClient: async () => {
      return await get<PersistedClient>(INDEXED_DATABASE_KEY)
    },
    removeClient: async () => {
      await del(INDEXED_DATABASE_KEY)
    },
  }
}