setup stores and vitest
This commit is contained in:
Michael Dausmann
@@ -1,5 +1,6 @@
|
||||
import { ACCOUNT_ACCESS } from '~~/prisma/account-access-enum';
|
||||
import { defineStore } from 'pinia';
|
||||
import { ref, computed } from 'vue';
|
||||
import { FullDBUser, MembershipWithUser } from '~~/lib/services/service.types';
|
||||
|
||||
/*
|
||||
@@ -22,167 +23,183 @@ so that other routers can use them to filter results to the active user and acco
|
||||
| | |
|
||||
account account acccount*
|
||||
*/
|
||||
interface State {
|
||||
dbUser: FullDBUser | null;
|
||||
activeAccountId: number | null;
|
||||
activeAccountMembers: MembershipWithUser[];
|
||||
}
|
||||
export const useAccountStore = defineStore('account', () => {
|
||||
const dbUser = ref<FullDBUser | null>(null);
|
||||
const activeAccountId = ref<number | null>(null);
|
||||
const activeAccountMembers = ref<MembershipWithUser[]>([]);
|
||||
const activeMembership = computed(() =>
|
||||
dbUser?.value?.memberships.find(m => m.account_id === activeAccountId.value)
|
||||
);
|
||||
|
||||
export const useAccountStore = defineStore('account', {
|
||||
state: (): State => {
|
||||
return {
|
||||
dbUser: null,
|
||||
activeAccountId: null,
|
||||
activeAccountMembers: []
|
||||
};
|
||||
},
|
||||
getters: {
|
||||
activeMembership: state =>
|
||||
state.dbUser?.memberships.find(
|
||||
m => m.account_id === state.activeAccountId
|
||||
)
|
||||
},
|
||||
actions: {
|
||||
async init() {
|
||||
const { $client } = useNuxtApp();
|
||||
if (!this.dbUser) {
|
||||
const { dbUser } = await $client.auth.getDBUser.query();
|
||||
if (dbUser) {
|
||||
this.dbUser = dbUser;
|
||||
}
|
||||
}
|
||||
if (!this.activeAccountId) {
|
||||
const { activeAccountId } =
|
||||
await $client.account.getActiveAccountId.query();
|
||||
if (activeAccountId) {
|
||||
this.activeAccountId = activeAccountId;
|
||||
}
|
||||
}
|
||||
},
|
||||
signout() {
|
||||
this.dbUser = null;
|
||||
this.activeAccountId = null;
|
||||
this.activeAccountMembers = [];
|
||||
},
|
||||
async getActiveAccountMembers() {
|
||||
if (
|
||||
this.activeMembership &&
|
||||
(this.activeMembership.access === ACCOUNT_ACCESS.ADMIN ||
|
||||
this.activeMembership.access === ACCOUNT_ACCESS.OWNER)
|
||||
) {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: memberships } =
|
||||
await $client.account.getAccountMembers.useQuery();
|
||||
if (memberships.value?.memberships) {
|
||||
this.activeAccountMembers = memberships.value?.memberships;
|
||||
}
|
||||
}
|
||||
},
|
||||
async changeActiveAccount(account_id: number) {
|
||||
const { $client } = useNuxtApp();
|
||||
await $client.account.changeActiveAccount.mutate({ account_id }); // sets active account on context for other routers and sets the preference in a cookie
|
||||
|
||||
this.activeAccountId = account_id; // because this is used as a trigger to some other components, NEEDS TO BE AFTER THE MUTATE CALL
|
||||
await this.getActiveAccountMembers(); // these relate to the active account and need to ber re-fetched
|
||||
},
|
||||
async changeAccountName(new_name: string) {
|
||||
if (!this.activeMembership) {
|
||||
return;
|
||||
}
|
||||
const { $client } = useNuxtApp();
|
||||
const { account } = await $client.account.changeAccountName.mutate({
|
||||
new_name
|
||||
});
|
||||
if (account) {
|
||||
this.activeMembership.account.name = account.name;
|
||||
}
|
||||
},
|
||||
async acceptPendingMembership(membership_id: number) {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } =
|
||||
await $client.account.acceptPendingMembership.useQuery({
|
||||
membership_id
|
||||
});
|
||||
|
||||
if (membership.value && membership.value.membership?.pending === false) {
|
||||
for (const m of this.activeAccountMembers) {
|
||||
if (m.id === membership_id) {
|
||||
m.pending = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async rejectPendingMembership(membership_id: number) {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } =
|
||||
await $client.account.rejectPendingMembership.useQuery({
|
||||
membership_id
|
||||
});
|
||||
|
||||
if (membership.value) {
|
||||
this.activeAccountMembers = this.activeAccountMembers.filter(
|
||||
m => m.id !== membership_id
|
||||
);
|
||||
}
|
||||
},
|
||||
async deleteMembership(membership_id: number) {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } =
|
||||
await $client.account.deleteMembership.useQuery({ membership_id });
|
||||
|
||||
if (membership.value) {
|
||||
this.activeAccountMembers = this.activeAccountMembers.filter(
|
||||
m => m.id !== membership_id
|
||||
);
|
||||
}
|
||||
},
|
||||
async rotateJoinPassword() {
|
||||
const { $client } = useNuxtApp();
|
||||
const { account } = await $client.account.rotateJoinPassword.mutate();
|
||||
if (account && this.activeMembership) {
|
||||
this.activeMembership.account = account;
|
||||
}
|
||||
},
|
||||
async joinUserToAccountPending(account_id: number) {
|
||||
if (!this.dbUser) {
|
||||
return;
|
||||
}
|
||||
const { $client } = useNuxtApp();
|
||||
const { membership } =
|
||||
await $client.account.joinUserToAccountPending.mutate({
|
||||
account_id,
|
||||
user_id: this.dbUser.id
|
||||
});
|
||||
if (membership && this.activeMembership) {
|
||||
this.dbUser?.memberships.push(membership);
|
||||
}
|
||||
},
|
||||
async changeUserAccessWithinAccount(
|
||||
user_id: number,
|
||||
access: ACCOUNT_ACCESS
|
||||
) {
|
||||
const { $client } = useNuxtApp();
|
||||
const { membership } =
|
||||
await $client.account.changeUserAccessWithinAccount.mutate({
|
||||
user_id,
|
||||
access
|
||||
});
|
||||
if (membership) {
|
||||
for (const m of this.activeAccountMembers) {
|
||||
if (m.id === membership.id) {
|
||||
m.access = membership.access;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async claimOwnershipOfAccount() {
|
||||
const { $client } = useNuxtApp();
|
||||
const { memberships } =
|
||||
await $client.account.claimOwnershipOfAccount.mutate();
|
||||
if (memberships) {
|
||||
this.activeAccountMembers = memberships;
|
||||
this.activeMembership!.access = ACCOUNT_ACCESS.OWNER;
|
||||
const init = async () => {
|
||||
const { $client } = useNuxtApp();
|
||||
if (!dbUser.value) {
|
||||
const { dbUser: _dbUser } = await $client.auth.getDBUser.query();
|
||||
if (_dbUser) {
|
||||
dbUser.value = _dbUser;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!activeAccountId.value) {
|
||||
const { activeAccountId: _activeAccountId } =
|
||||
await $client.account.getActiveAccountId.query();
|
||||
if (_activeAccountId) {
|
||||
activeAccountId.value = _activeAccountId;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const signout = () => {
|
||||
dbUser.value = null;
|
||||
activeAccountId.value = null;
|
||||
activeAccountMembers.value = [];
|
||||
};
|
||||
|
||||
const getActiveAccountMembers = async () => {
|
||||
if (
|
||||
activeMembership.value &&
|
||||
(activeMembership.value.access === ACCOUNT_ACCESS.ADMIN ||
|
||||
activeMembership.value.access === ACCOUNT_ACCESS.OWNER)
|
||||
) {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: memberships } =
|
||||
await $client.account.getAccountMembers.useQuery();
|
||||
if (memberships.value?.memberships) {
|
||||
activeAccountMembers.value = memberships.value?.memberships;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const changeActiveAccount = async (account_id: number) => {
|
||||
const { $client } = useNuxtApp();
|
||||
await $client.account.changeActiveAccount.mutate({ account_id }); // sets active account on context for other routers and sets the preference in a cookie
|
||||
|
||||
activeAccountId.value = account_id; // because this is used as a trigger to some other components, NEEDS TO BE AFTER THE MUTATE CALL
|
||||
await getActiveAccountMembers(); // these relate to the active account and need to ber re-fetched
|
||||
};
|
||||
|
||||
const changeAccountName = async (new_name: string) => {
|
||||
if (!activeMembership.value) {
|
||||
return;
|
||||
}
|
||||
const { $client } = useNuxtApp();
|
||||
const { account } = await $client.account.changeAccountName.mutate({
|
||||
new_name
|
||||
});
|
||||
if (account) {
|
||||
activeMembership.value.account.name = account.name;
|
||||
}
|
||||
};
|
||||
|
||||
const acceptPendingMembership = async (membership_id: number) => {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } =
|
||||
await $client.account.acceptPendingMembership.useQuery({
|
||||
membership_id
|
||||
});
|
||||
|
||||
if (membership.value && membership.value.membership?.pending === false) {
|
||||
for (const m of activeAccountMembers.value) {
|
||||
if (m.id === membership_id) {
|
||||
m.pending = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const rejectPendingMembership = async (membership_id: number) => {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } =
|
||||
await $client.account.rejectPendingMembership.useQuery({
|
||||
membership_id
|
||||
});
|
||||
|
||||
if (membership.value) {
|
||||
activeAccountMembers.value = activeAccountMembers.value.filter(
|
||||
m => m.id !== membership_id
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
const deleteMembership = async (membership_id: number) => {
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } =
|
||||
await $client.account.deleteMembership.useQuery({ membership_id });
|
||||
|
||||
if (membership.value) {
|
||||
activeAccountMembers.value = activeAccountMembers.value.filter(
|
||||
m => m.id !== membership_id
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
const rotateJoinPassword = async () => {
|
||||
const { $client } = useNuxtApp();
|
||||
const { account } = await $client.account.rotateJoinPassword.mutate();
|
||||
if (account && activeMembership.value) {
|
||||
activeMembership.value.account = account;
|
||||
}
|
||||
};
|
||||
|
||||
const joinUserToAccountPending = async (account_id: number) => {
|
||||
if (!dbUser.value) {
|
||||
return;
|
||||
}
|
||||
const { $client } = useNuxtApp();
|
||||
const { membership } =
|
||||
await $client.account.joinUserToAccountPending.mutate({
|
||||
account_id,
|
||||
user_id: dbUser.value.id
|
||||
});
|
||||
if (membership && activeMembership.value) {
|
||||
dbUser?.value?.memberships.push(membership);
|
||||
}
|
||||
};
|
||||
|
||||
const changeUserAccessWithinAccount = async (
|
||||
user_id: number,
|
||||
access: ACCOUNT_ACCESS
|
||||
) => {
|
||||
const { $client } = useNuxtApp();
|
||||
const { membership } =
|
||||
await $client.account.changeUserAccessWithinAccount.mutate({
|
||||
user_id,
|
||||
access
|
||||
});
|
||||
if (membership) {
|
||||
for (const m of activeAccountMembers.value) {
|
||||
if (m.id === membership.id) {
|
||||
m.access = membership.access;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const claimOwnershipOfAccount = async () => {
|
||||
const { $client } = useNuxtApp();
|
||||
const { memberships } =
|
||||
await $client.account.claimOwnershipOfAccount.mutate();
|
||||
if (memberships) {
|
||||
activeAccountMembers.value = memberships;
|
||||
activeMembership.value!.access = ACCOUNT_ACCESS.OWNER;
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
dbUser,
|
||||
activeAccountId,
|
||||
activeAccountMembers,
|
||||
activeMembership,
|
||||
init,
|
||||
signout,
|
||||
getActiveAccountMembers,
|
||||
changeActiveAccount,
|
||||
changeAccountName,
|
||||
acceptPendingMembership,
|
||||
rejectPendingMembership,
|
||||
deleteMembership,
|
||||
rotateJoinPassword,
|
||||
joinUserToAccountPending,
|
||||
changeUserAccessWithinAccount,
|
||||
claimOwnershipOfAccount
|
||||
};
|
||||
});
|
||||
|
||||
@@ -2,12 +2,6 @@ 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);
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import { defineStore } from 'pinia';
|
||||
import { ref } from 'vue';
|
||||
|
||||
/*
|
||||
This store manages User and Account state including the ActiveAccount
|
||||
@@ -17,35 +18,33 @@ export enum NotificationType {
|
||||
Error
|
||||
}
|
||||
|
||||
interface State {
|
||||
notifications: Notification[];
|
||||
notificationsArchive: Notification[];
|
||||
}
|
||||
export const useNotifyStore = defineStore('notify', () => {
|
||||
const notifications = ref<Notification[]>([]);
|
||||
const notificationsArchive = ref<Notification[]>([]);
|
||||
|
||||
export const useNotifyStore = defineStore('notify', {
|
||||
state: (): State => {
|
||||
return {
|
||||
notifications: [],
|
||||
notificationsArchive: []
|
||||
const notify = (messageOrError: unknown, type: NotificationType) => {
|
||||
let message: string = '';
|
||||
if (messageOrError instanceof Error) message = messageOrError.message;
|
||||
if (typeof messageOrError === 'string') message = messageOrError;
|
||||
const notification: Notification = {
|
||||
message,
|
||||
type,
|
||||
notifyTime: Date.now()
|
||||
};
|
||||
},
|
||||
actions: {
|
||||
notify(messageOrError: unknown, type: NotificationType) {
|
||||
let message: string = '';
|
||||
if (messageOrError instanceof Error) message = messageOrError.message;
|
||||
if (typeof messageOrError === 'string') message = messageOrError;
|
||||
const notification: Notification = {
|
||||
message,
|
||||
type,
|
||||
notifyTime: Date.now()
|
||||
};
|
||||
this.notifications.push(notification);
|
||||
setTimeout(this.removeNotification.bind(this), 5000, notification);
|
||||
},
|
||||
removeNotification(notification: Notification) {
|
||||
this.notifications = this.notifications.filter(
|
||||
n => n.notifyTime != notification.notifyTime
|
||||
);
|
||||
}
|
||||
}
|
||||
notifications.value.push(notification);
|
||||
setTimeout(removeNotification.bind(this), 5000, notification);
|
||||
};
|
||||
|
||||
const removeNotification = (notification: Notification) => {
|
||||
notifications.value = notifications.value.filter(
|
||||
n => n.notifyTime != notification.notifyTime
|
||||
);
|
||||
};
|
||||
|
||||
return {
|
||||
notifications,
|
||||
notificationsArchive,
|
||||
notify,
|
||||
removeNotification
|
||||
};
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user