mealie/frontend/composables/use-households.ts

import { computed, ref, Ref, useAsync } from "@nuxtjs/composition-api";
import { useUserApi } from "~/composables/api";
import { HouseholdCreate, HouseholdInDB } from "~/lib/api/types/household";

const householdSelfRef = ref<HouseholdInDB | null>(null);
const loading = ref(false);

export const useHouseholdSelf = function () {
  const api = useUserApi();

  async function refreshHouseholdSelf() {
    loading.value = true;
    const { data } = await api.households.getCurrentUserHousehold();
    householdSelfRef.value = data;
    loading.value = false;
  }

  const actions = {
    get() {
      if (!(householdSelfRef.value || loading.value)) {
        refreshHouseholdSelf();
      }

      return householdSelfRef;
    },
    async updatePreferences() {
      if (!householdSelfRef.value) {
        await refreshHouseholdSelf();
      }
      if (!householdSelfRef.value?.preferences) {
        return;
      }

      const { data } = await api.households.setPreferences(householdSelfRef.value.preferences);

      if (data) {
        householdSelfRef.value.preferences = data;
      }
    },
  };

  const household = actions.get();

  return { actions, household };
};

export const useHouseholds = function () {
  const api = useUserApi();
  const loading = ref(false);

  function getAllHouseholds() {
    loading.value = true;
    const asyncKey = String(Date.now());
    const households = useAsync(async () => {
      const { data } = await api.households.getAll(1, -1, {orderBy: "name, group.name", orderDirection: "asc"});

      if (data) {
        return data.items;
      } else {
        return null;
      }
    }, asyncKey);

    loading.value = false;
    return households;
  }

  async function refreshAllHouseholds() {
    loading.value = true;
    const { data } = await api.households.getAll(1, -1, {orderBy: "name, group.name", orderDirection: "asc"});;

    if (data) {
      households.value = data.items;
    } else {
        households.value = null;
    }

    loading.value = false;
  }

  async function deleteHousehold(id: string | number) {
    loading.value = true;
    const { data } = await api.households.deleteOne(id);
    loading.value = false;
    refreshAllHouseholds();
    return data;
  }

  async function createHousehold(payload: HouseholdCreate) {
    loading.value = true;
    const { data } = await api.households.createOne(payload);

    if (data && households.value) {
        households.value.push(data);
    }
  }

  const households = getAllHouseholds();
  function useHouseholdsInGroup(groupIdRef: Ref<string>) {
    return computed(
      () => {
        return (households.value && groupIdRef.value)
        ? households.value.filter((h) => h.groupId === groupIdRef.value)
        : [];
      },
    );
  }

  return {
    households,
    useHouseholdsInGroup,
    getAllHouseholds,
    refreshAllHouseholds,
    deleteHousehold,
    createHousehold,
  };
};