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");