cb15db2d27
rewrite get_all routes to use a pagination pattern to allow for better implementations of search, filter, and sorting on the frontend or by any client without fetching all the data. Additionally we added a CI check for running the Nuxt built to confirm that no TS errors were present. Finally, I had to remove the header support for the Shopping lists as the browser caching based off last_updated header was not allowing it to read recent updates due to how we're handling the updated_at property in the database with nested fields. This will have to be looked at in the future to reimplement. I'm unsure how many other routes have a similar issue. Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
116 lines
2.7 KiB
TypeScript
116 lines
2.7 KiB
TypeScript
import { useAsync, ref, Ref } from "@nuxtjs/composition-api";
|
|
import { useAsyncKey } from "./use-utils";
|
|
import { useUserApi } from "~/composables/api";
|
|
import { ReadCookBook, UpdateCookBook } from "~/types/api-types/cookbook";
|
|
|
|
let cookbookStore: Ref<ReadCookBook[] | null> | null = null;
|
|
|
|
export const useCookbook = function () {
|
|
function getOne(id: string | number) {
|
|
const api = useUserApi();
|
|
|
|
const units = useAsync(async () => {
|
|
const { data } = await api.cookbooks.getOne(id);
|
|
|
|
return data;
|
|
}, useAsyncKey());
|
|
|
|
return units;
|
|
}
|
|
|
|
return { getOne };
|
|
};
|
|
|
|
export const useCookbooks = function () {
|
|
const api = useUserApi();
|
|
const loading = ref(false);
|
|
|
|
const actions = {
|
|
getAll() {
|
|
loading.value = true;
|
|
const units = useAsync(async () => {
|
|
const { data } = await api.cookbooks.getAll();
|
|
|
|
if (data) {
|
|
return data.items;
|
|
} else {
|
|
return null;
|
|
}
|
|
}, useAsyncKey());
|
|
|
|
loading.value = false;
|
|
return units;
|
|
},
|
|
async refreshAll() {
|
|
loading.value = true;
|
|
const { data } = await api.cookbooks.getAll();
|
|
|
|
if (data && data.items && cookbookStore) {
|
|
cookbookStore.value = data.items;
|
|
}
|
|
|
|
loading.value = false;
|
|
},
|
|
async createOne() {
|
|
loading.value = true;
|
|
const { data } = await api.cookbooks.createOne({
|
|
name: "Cookbook " + String((cookbookStore?.value?.length ?? 0) + 1),
|
|
});
|
|
if (data && cookbookStore?.value) {
|
|
cookbookStore.value.push(data);
|
|
} else {
|
|
this.refreshAll();
|
|
}
|
|
|
|
loading.value = false;
|
|
},
|
|
async updateOne(updateData: UpdateCookBook) {
|
|
if (!updateData.id) {
|
|
return;
|
|
}
|
|
|
|
loading.value = true;
|
|
const { data } = await api.cookbooks.updateOne(updateData.id, updateData);
|
|
if (data && cookbookStore?.value) {
|
|
this.refreshAll();
|
|
}
|
|
loading.value = false;
|
|
},
|
|
|
|
async updateOrder() {
|
|
if (!cookbookStore?.value) {
|
|
return;
|
|
}
|
|
|
|
loading.value = true;
|
|
|
|
cookbookStore.value.forEach((element, index) => {
|
|
element.position = index + 1;
|
|
});
|
|
|
|
const { data } = await api.cookbooks.updateAll(cookbookStore.value);
|
|
|
|
if (data && cookbookStore?.value) {
|
|
this.refreshAll();
|
|
}
|
|
|
|
loading.value = true;
|
|
},
|
|
async deleteOne(id: string | number) {
|
|
loading.value = true;
|
|
const { data } = await api.cookbooks.deleteOne(id);
|
|
if (data && cookbookStore?.value) {
|
|
this.refreshAll();
|
|
}
|
|
},
|
|
flushStore() {
|
|
cookbookStore = null;
|
|
},
|
|
};
|
|
|
|
if (!cookbookStore) {
|
|
cookbookStore = actions.getAll();
|
|
}
|
|
|
|
return { cookbooks: cookbookStore, actions };
|
|
};
|