import set from "lodash/set"; import { action, computed, observable, makeObservable, runInAction } from "mobx"; import { WorkspaceService } from "@/services/workspace.service"; import { IWorkspace } from "@plane/types"; import { RootStore } from "../root.store"; // types // services // sub-stores import { ApiTokenStore, IApiTokenStore } from "./api-token.store"; import { IWebhookStore, WebhookStore } from "./webhook.store"; export interface IWorkspaceRootStore { // observables workspaces: Record; // computed currentWorkspace: IWorkspace | null; workspacesCreatedByCurrentUser: IWorkspace[] | null; // computed actions getWorkspaceBySlug: (workspaceSlug: string) => IWorkspace | null; getWorkspaceById: (workspaceId: string) => IWorkspace | null; // fetch actions fetchWorkspaces: () => Promise; // crud actions createWorkspace: (data: Partial) => Promise; updateWorkspace: (workspaceSlug: string, data: Partial) => Promise; deleteWorkspace: (workspaceSlug: string) => Promise; // sub-stores webhook: IWebhookStore; apiToken: IApiTokenStore; } export class WorkspaceRootStore implements IWorkspaceRootStore { // observables workspaces: Record = {}; // services workspaceService; // root store router; user; // sub-stores webhook: IWebhookStore; apiToken: IApiTokenStore; constructor(_rootStore: RootStore) { makeObservable(this, { // observables workspaces: observable, // computed currentWorkspace: computed, workspacesCreatedByCurrentUser: computed, // computed actions getWorkspaceBySlug: action, getWorkspaceById: action, // actions fetchWorkspaces: action, createWorkspace: action, updateWorkspace: action, deleteWorkspace: action, }); // services this.workspaceService = new WorkspaceService(); // root store this.router = _rootStore.app.router; this.user = _rootStore.user; // sub-stores this.webhook = new WebhookStore(_rootStore); this.apiToken = new ApiTokenStore(_rootStore); } /** * computed value of current workspace based on workspace slug saved in the query store */ get currentWorkspace() { const workspaceSlug = this.router.workspaceSlug; if (!workspaceSlug) return null; const workspaceDetails = Object.values(this.workspaces ?? {})?.find((w) => w.slug === workspaceSlug); return workspaceDetails || null; } /** * computed value of all the workspaces created by the current logged in user */ get workspacesCreatedByCurrentUser() { if (!this.workspaces) return null; const user = this.user.currentUser; if (!user) return null; const userWorkspaces = Object.values(this.workspaces ?? {})?.filter((w) => w.created_by === user?.id); return userWorkspaces || null; } /** * get workspace info from the array of workspaces in the store using workspace slug * @param workspaceSlug */ getWorkspaceBySlug = (workspaceSlug: string) => Object.values(this.workspaces ?? {})?.find((w) => w.slug == workspaceSlug) || null; /** * get workspace info from the array of workspaces in the store using workspace id * @param workspaceId */ getWorkspaceById = (workspaceId: string) => this.workspaces?.[workspaceId] || null; // TODO: use undefined instead of null /** * fetch user workspaces from API */ fetchWorkspaces = async () => { const workspaceResponse = await this.workspaceService.userWorkspaces(); runInAction(() => { workspaceResponse.forEach((workspace) => { set(this.workspaces, [workspace.id], workspace); }); }); return workspaceResponse; }; /** * create workspace using the workspace data * @param data */ createWorkspace = async (data: Partial) => await this.workspaceService.createWorkspace(data).then((response) => { runInAction(() => { this.workspaces = set(this.workspaces, response.id, response); }); return response; }); /** * update workspace using the workspace slug and new workspace data * @param workspaceSlug * @param data */ updateWorkspace = async (workspaceSlug: string, data: Partial) => await this.workspaceService.updateWorkspace(workspaceSlug, data).then((response) => { runInAction(() => { set(this.workspaces, response.id, response); }); return response; }); /** * delete workspace using the workspace slug * @param workspaceSlug */ deleteWorkspace = async (workspaceSlug: string) => await this.workspaceService.deleteWorkspace(workspaceSlug).then(() => { const updatedWorkspacesList = this.workspaces; const workspaceId = this.getWorkspaceBySlug(workspaceSlug)?.id; delete updatedWorkspacesList[`${workspaceId}`]; runInAction(() => { this.workspaces = updatedWorkspacesList; }); }); }