ProjectStore.ts

import { makeAutoObservable } from 'mobx';

import ProjectModel from '../../models/ProjectModel';
import ProjectService from './ProjectService';
import TreeModelStoreHelper from '../../base/TreeModelStoreHelper';
import { Undefined } from '../../types/CommonTypes';

export default class ProjectStore {
  projects: ProjectModel[] = [];
  activeProject: string = '';
  editProject: Undefined<ProjectModel>;

  private projectService = new ProjectService();

  constructor() {
    makeAutoObservable(this);
  }

  set(projects: ProjectModel[]) {
    this.projects = projects;
    this.projectService.save(this.projects);
  }

  setEditableProject(project?: ProjectModel) {
    this.editProject = project;
  }

  setActiveProject(projectId: string) {
    this.activeProject = projectId;
    this.projects = this.projects.slice(); // trigger to update view
  }

  setProjectProps(
    project: ProjectModel,
    title: string,
    color: string | undefined
  ) {
    project.title = title;
    project.color = color || '';
    this.projects = this.projects.slice();
    this.projectService.save(this.projects);
  }

  get(projectKey: string): ProjectModel | undefined {
    function compare(project: ProjectModel) {
      return project.key === projectKey;
    }
    return TreeModelStoreHelper.getItemRecursive(this.projects, compare);
  }

  add(project: ProjectModel) {
    const newProjects = this.projects.slice();
    newProjects.push(project);
    this.projects = newProjects;
    this.projectService.save(this.projects);
  }

  delete(project: ProjectModel) {
    function condition(_project: ProjectModel) {
      return _project.key === project.key;
    }

    this.projects = TreeModelStoreHelper.deleteItems(this.projects, condition);
    this.projectService.save(this.projects);
  }

  restore() {
    this.projects = this.projectService.getAll();
    if (this.projects.length > 0) {
      this.activeProject = this.projects[0].key;
    }
  }
}