plane/web/store/event-tracker.store.ts

import { action, makeObservable, observable } from "mobx";
import posthog from "posthog-js";
import { RootStore } from "./root";

export interface ITrackEventStore {
  trackElement: string;
  setTrackElement: (element: string) => void;
  postHogEventTracker: (
    eventName: string,
    payload: object | [] | null
    // group: { isGrouping: boolean; groupType: string; gorupId: string } | null
  ) => void;
}

export class TrackEventStore implements ITrackEventStore {
  trackElement: string = "";
  rootStore;
  constructor(_rootStore: RootStore) {
    makeObservable(this, {
      trackElement: observable,
      setTrackElement: action,
      postHogEventTracker: action,
    });
    this.rootStore = _rootStore;
  }

  setTrackElement = (element: string) => {
    this.trackElement = element;
  };

  postHogEventTracker = (
    eventName: string,
    payload: object | [] | null
    // group: { isGrouping: boolean; groupType: string; gorupId: string } | null
  ) => {
    try {
      console.log("POSTHOG_EVENT: ", eventName);
      let extras: any = {
        workspace_name: this.rootStore.workspace.currentWorkspace?.name ?? "",
        workspace_id: this.rootStore.workspace.currentWorkspace?.id ?? "",
        workspace_slug: this.rootStore.workspace.currentWorkspace?.slug ?? "",
        project_name: this.rootStore.project.currentProjectDetails?.name ?? "",
        project_id: this.rootStore.project.currentProjectDetails?.id ?? "",
        project_identifier: this.rootStore.project.currentProjectDetails?.identifier ?? "",
      };
      if (["PROJECT_CREATE", "PROJECT_UPDATE"].includes(eventName)) {
        const project_details: any = payload as object;
        extras = {
          ...extras,
          project_name: project_details?.name ?? "",
          project_id: project_details?.id ?? "",
          project_identifier: project_details?.identifier ?? "",
        };
      }

      // if (group!.isGrouping === true) {
      //     posthog?.group(group!.groupType, group!.gorupId, {
      //       name: "PostHog",
      //       subscription: "subscription",
      //       date_joined: "2020-01-23T00:00:00.000Z",
      //     });
      //   console.log("END OF GROUPING");
      //   posthog?.capture(eventName, {
      //     ...payload,
      //     element: this.trackElement ?? "",
      //   });
      // } else {
      posthog?.capture(eventName, {
        ...payload,
        extras: extras,
        element: this.trackElement ?? "",
      });
      // }
      console.log(payload);
    } catch (error) {
      console.log(error);
    }
    this.setTrackElement("");
  };
}