drop/composables/collection.ts

import type { Collection, CollectionEntry, Game } from "~/prisma/client";
import type { SerializeObject } from "nitropack";

type FullCollection = Collection & {
  entries: Array<CollectionEntry & { game: SerializeObject<Game> }>;
};

export const useCollections = async () => {
  // @ts-expect-error undefined is used to tell if value has been fetched or not
  const state = useState<FullCollection[]>("collections", () => undefined);
  if (state.value === undefined) {
    state.value = await $dropFetch<FullCollection[]>("/api/v1/collection");
  }

  return state;
};

export async function refreshCollection(id: string) {
  const state = useState<FullCollection[]>("collections");
  const collection = await $dropFetch<FullCollection>(
    `/api/v1/collection/${id}`,
  );
  const index = state.value.findIndex((e) => e.id == id);
  if (index == -1) {
    state.value.push(collection);
    return;
  }
  state.value[index] = collection;
}

export const useLibrary = async () => {
  // @ts-expect-error undefined is used to tell if value has been fetched or not
  const state = useState<FullCollection>("library", () => undefined);
  if (state.value === undefined) {
    await refreshLibrary();
  }

  return state;
};

export async function refreshLibrary() {
  const state = useState<FullCollection>("library");
  state.value = await $dropFetch<FullCollection>("/api/v1/collection/default");
}