chore: Track collaboration (#3211)

src/excalidraw-app/collab/CollabWrapper.tsx

@@ -40,6 +40,7 @@ import { createInverseContext } from "../../createInverseContext";
 import { t } from "../../i18n";
 import { UserIdleState } from "./types";
 import { IDLE_THRESHOLD, ACTIVE_THRESHOLD } from "../../constants";
+import { trackEvent } from "../../analytics";
 
 interface CollabState {
   modalIsShown: boolean;
@@ -188,6 +189,7 @@ class CollabWrapper extends PureComponent<Props, CollabState> {
   };
 
   openPortal = async () => {
+    trackEvent("share", "room creation");
     return this.initializeSocketClient(null);
   };
 
@@ -196,6 +198,7 @@ class CollabWrapper extends PureComponent<Props, CollabState> {
     if (window.confirm(t("alerts.collabStopOverridePrompt"))) {
       window.history.pushState({}, APP_NAME, window.location.origin);
       this.destroySocketClient();
+      trackEvent("share", "room closed");
     }
   };
 

src/excalidraw-app/collab/Portal.tsx

@@ -10,6 +10,7 @@ import { getSyncableElements } from "../../packages/excalidraw/index";
 import { ExcalidrawElement } from "../../element/types";
 import { BROADCAST, SCENE } from "../app_constants";
 import { UserIdleState } from "./types";
+import { trackEvent } from "../../analytics";
 
 class Portal {
   collab: CollabWrapper;
@@ -32,6 +33,7 @@ class Portal {
     this.socket.on("init-room", () => {
       if (this.socket) {
         this.socket.emit("join-room", this.roomId);
+        trackEvent("share", "room joined");
       }
     });
     this.socket.on("new-user", async (_socketId: string) => {