Files
AstralRinth/apps/frontend/src/composables/user.js
Cal H. b81e727204 feat: introduce dependency injection framework (#4091)
* feat: migrate frontend notifications to dependency injection based notificaton manager

* fix: lint

* fix: issues

* fix: compile error + notif binding issue

* refactor: move org context to new DI setup

* feat: migrate app notifications to DI + frontend styling

* fix: sidebar issues

* fix: dont use delete in computed

* fix: import and prop issue

* refactor: move handleError to main notification manager class

* fix: lint & build

* fix: merge issues

* fix: lint issues

* fix: lint issues

---------

Signed-off-by: IMB11 <hendersoncal117@gmail.com>
Signed-off-by: Cal H. <hendersoncal117@gmail.com>
2025-08-13 20:48:52 +00:00

178 lines
4.4 KiB
JavaScript

export const useUser = async (force = false) => {
const user = useState("user", () => {});
if (!user.value || force || (user.value && Date.now() - user.value.lastUpdated > 300000)) {
user.value = await initUser();
}
return user;
};
export const initUser = async () => {
const auth = (await useAuth()).value;
const user = {
collections: [],
follows: [],
subscriptions: [],
lastUpdated: 0,
};
if (auth.user && auth.user.id) {
try {
const headers = {
Authorization: auth.token,
};
const [follows, collections, subscriptions] = await Promise.all([
useBaseFetch(`user/${auth.user.id}/follows`, { headers }, true),
useBaseFetch(`user/${auth.user.id}/collections`, { apiVersion: 3, headers }, true),
useBaseFetch(`billing/subscriptions`, { internal: true, headers }, true),
]);
user.collections = collections;
user.follows = follows;
user.subscriptions = subscriptions;
user.lastUpdated = Date.now();
} catch (err) {
console.error(err);
}
}
return user;
};
export const initUserCollections = async () => {
const auth = (await useAuth()).value;
const user = (await useUser()).value;
if (auth.user && auth.user.id) {
try {
user.collections = await useBaseFetch(`user/${auth.user.id}/collections`, { apiVersion: 3 });
} catch (err) {
console.error(err);
}
}
};
export const initUserFollows = async () => {
const auth = (await useAuth()).value;
const user = (await useUser()).value;
if (auth.user && auth.user.id) {
try {
user.follows = await useBaseFetch(`user/${auth.user.id}/follows`);
} catch (err) {
console.error(err);
}
}
};
export const initUserProjects = async () => {
const auth = (await useAuth()).value;
const user = (await useUser()).value;
if (auth.user && auth.user.id) {
try {
user.projects = await useBaseFetch(`user/${auth.user.id}/projects`);
} catch (err) {
console.error(err);
}
}
};
export const userCollectProject = async (collection, projectId) => {
const user = (await useUser()).value;
await initUserCollections();
const collectionId = collection.id;
const latestCollection = user.collections.find((x) => x.id === collectionId);
if (!latestCollection) {
throw new Error("This collection was not found. Has it been deleted?");
}
const add = !latestCollection.projects.includes(projectId);
const projects = add
? [...latestCollection.projects, projectId]
: [...latestCollection.projects].filter((x) => x !== projectId);
const idx = user.collections.findIndex((x) => x.id === latestCollection.id);
if (idx >= 0) {
user.collections[idx].projects = projects;
}
await useBaseFetch(`collection/${collection.id}`, {
method: "PATCH",
body: {
new_projects: projects,
},
apiVersion: 3,
});
};
export const userFollowProject = async (project) => {
const user = (await useUser()).value;
if (user.follows.find((x) => x.id === project.id)) {
user.follows = user.follows.filter((x) => x.id !== project.id);
project.followers--;
setTimeout(() => {
useBaseFetch(`project/${project.id}/follow`, {
method: "DELETE",
});
});
} else {
user.follows = user.follows.concat(project);
project.followers++;
setTimeout(() => {
useBaseFetch(`project/${project.id}/follow`, {
method: "POST",
});
});
}
};
export const resendVerifyEmail = async () => {
// const { injectNotificationManager } = await import("@modrinth/ui");
// const { addNotification } = injectNotificationManager();
startLoading();
try {
await useBaseFetch("auth/email/resend_verify", {
method: "POST",
});
const auth = await useAuth();
addNotification({
title: "Email sent",
text: `An email with a link to verify your account has been sent to ${auth.value.user.email}.`,
type: "success",
});
} catch (err) {
addNotification({
title: "An error occurred",
text: err.data.description,
type: "error",
});
}
stopLoading();
};
export const logout = async () => {
startLoading();
const auth = await useAuth();
try {
await useBaseFetch(`session/${auth.value.token}`, {
method: "DELETE",
});
} catch {
/* empty */
}
await useAuth("none");
useCookie("auth-token").value = null;
stopLoading();
};