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 21:48:52 +01:00
parent 9ea43a12fd
commit b81e727204
136 changed files with 2024 additions and 1719 deletions
--- a/apps/frontend/src/providers/organization-context.ts
+++ b/apps/frontend/src/providers/organization-context.ts
@@ -0,0 +1,108 @@
+import { createContext } from "@modrinth/ui";
+import { type Organization, type OrganizationMember, type ProjectV3 } from "@modrinth/utils";
+
+export class OrganizationContext {
+  public readonly organization: Ref<Organization | null>;
+  public readonly projects: Ref<ProjectV3[] | null>;
+  private readonly auth: Ref<any>;
+  private readonly tags: Ref<any>;
+  private readonly refreshFunction: () => Promise<void>;
+
+  public constructor(
+    organization: Ref<Organization | null>,
+    projects: Ref<ProjectV3[] | null>,
+    auth: Ref<any>,
+    tags: Ref<any>,
+    refreshFunction: () => Promise<void>,
+  ) {
+    this.organization = organization;
+    this.projects = projects;
+    this.auth = auth;
+    this.tags = tags;
+    this.refreshFunction = refreshFunction;
+  }
+
+  public refresh = async () => {
+    if (this.organization.value === null) {
+      throw new Error("Organization is not set.");
+    }
+
+    await this.refreshFunction();
+  };
+
+  public currentMember = computed<Partial<OrganizationMember> | null>(() => {
+    if (this.auth.value.user && this.organization.value) {
+      const member = this.organization.value.members.find(
+        (x) => x.user.id === this.auth.value.user.id,
+      );
+
+      if (member) {
+        return member;
+      }
+
+      if (this.tags.value.staffRoles.includes(this.auth.value.user.role)) {
+        return {
+          user: this.auth.value.user,
+          role: this.auth.value.user.role,
+          permissions: this.auth.value.user.role === "admin" ? 1023 : 12,
+          accepted: true,
+          payouts_split: 0,
+          avatar_url: this.auth.value.user.avatar_url,
+          name: this.auth.value.user.username,
+        } as Partial<OrganizationMember>;
+      }
+    }
+
+    return null;
+  });
+
+  public hasPermission = computed(() => {
+    const EDIT_DETAILS = 1 << 2;
+    return (
+      this.currentMember.value &&
+      (this.currentMember.value.permissions & EDIT_DETAILS) === EDIT_DETAILS
+    );
+  });
+
+  public patchIcon = async (icon: { name: string }) => {
+    if (this.organization.value === null) {
+      throw new Error("Organization is not set.");
+    }
+
+    const ext = icon.name.split(".").pop();
+    await useBaseFetch(`organization/${this.organization.value.id}/icon`, {
+      method: "PATCH",
+      body: icon,
+      query: { ext },
+      apiVersion: 3,
+    });
+  };
+
+  public deleteIcon = async () => {
+    if (this.organization.value === null) {
+      throw new Error("Organization is not set.");
+    }
+
+    await useBaseFetch(`organization/${this.organization.value.id}/icon`, {
+      method: "DELETE",
+      apiVersion: 3,
+    });
+  };
+
+  public patchOrganization = async (newData: { slug: any }) => {
+    if (this.organization.value === null) {
+      throw new Error("Organization is not set.");
+    }
+
+    await useBaseFetch(`organization/${this.organization.value.id}`, {
+      method: "PATCH",
+      body: newData,
+      apiVersion: 3,
+    });
+
+    await this.refreshFunction();
+  };
+}
+
+export const [injectOrganizationContext, provideOrganizationContext] =
+  createContext<OrganizationContext>("[id].vue", "organizationContext");