62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import { Note } from '.prisma/client';
|
|
import { defineStore, storeToRefs } from 'pinia';
|
|
import { Ref } from 'vue';
|
|
|
|
/*
|
|
Note) the Notes Store needs to be a 'Setup Store' (https://pinia.vuejs.org/core-concepts/#setup-stores)
|
|
because this enables the use of the watch on the Account Store
|
|
If the UI does not need to dynamically respond to a change in the active Account e.g. if state is always retrieved with an explicit fetch after onMounted.
|
|
then an Options store can be used.
|
|
*/
|
|
export const useNotesStore = defineStore('notes', () => {
|
|
const accountStore = useAccountStore();
|
|
const { activeAccountId } = storeToRefs(accountStore);
|
|
|
|
let _notes: Ref<Note[]> = ref([]);
|
|
|
|
async function fetchNotesForCurrentUser() {
|
|
const { $client } = useNuxtApp();
|
|
const { notes } = await $client.notes.getForActiveAccount.query();
|
|
if (notes) {
|
|
_notes.value = notes;
|
|
}
|
|
}
|
|
|
|
async function createNote(note_text: string) {
|
|
const { $client } = useNuxtApp();
|
|
const { note } = await $client.notes.createNote.mutate({ note_text });
|
|
if (note) {
|
|
_notes.value.push(note);
|
|
}
|
|
}
|
|
|
|
async function deleteNote(note_id: number) {
|
|
const { $client } = useNuxtApp();
|
|
const { note } = await $client.notes.deleteNote.mutate({ note_id });
|
|
if (note) {
|
|
_notes.value = _notes.value.filter(n => n.id !== note.id);
|
|
}
|
|
}
|
|
|
|
async function generateAINoteFromPrompt(user_prompt: string) {
|
|
const { $client } = useNuxtApp();
|
|
const { noteText } = await $client.notes.generateAINoteFromPrompt.query({
|
|
user_prompt
|
|
});
|
|
return noteText ? noteText : '';
|
|
}
|
|
|
|
// if the active account changes, fetch notes again (i.e dynamic.. probabl overkill)
|
|
watch(activeAccountId, async (val, oldVal) => {
|
|
await fetchNotesForCurrentUser();
|
|
});
|
|
|
|
return {
|
|
notes: _notes,
|
|
fetchNotesForCurrentUser,
|
|
createNote,
|
|
deleteNote,
|
|
generateAINoteFromPrompt
|
|
};
|
|
});
|