refactor: re-integrate telemetry hee-hee

Author: atyrode

src/frontend/src/App.tsx

@@ -16,7 +16,7 @@ import SettingsDialog from './ui/SettingsDialog';
 import Collab from './lib/collab/Collab';
 
 // Utils
-// import { initializePostHog } from "./lib/posthog";
+import { initializePostHog } from "./lib/posthog";
 import { lockEmbeddables, renderCustomEmbeddable } from './CustomEmbeddableRenderer';
 import Tabs from "./ui/Tabs";
 import { INITIAL_APP_DATA, HIDDEN_UI_ELEMENTS } from "./constants";

src/frontend/src/pad/buttons/ActionButton.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Terminal, Braces, Settings, Plus, ExternalLink, Monitor } from 'lucide-react';
-import { useWorkspace, WorkspaceState } from '../../hooks/useWorkspace';
+import { useWorkspace } from '../../hooks/useWorkspace';
 import { ActionType, TargetType, CodeVariant, ActionButtonProps } from './types';
 import './ActionButton.scss';
-// import { capture } from '../../utils/posthog';
+import { capture } from '../../lib/posthog';
 import { ExcalidrawElementFactory, PlacementMode } from '../../lib/elementFactory';
 
 // Interface for button settings stored in customData
@@ -291,11 +291,11 @@ const ActionButton: React.FC<ActionButtonProps> = ({
 
 
   const executeAction = () => {
-    /* capture('action_button_clicked', {
+    capture('action_button_clicked', {
       target: selectedTarget,
       action: selectedAction,
       codeVariant: selectedTarget === 'code' ? selectedCodeVariant : null
-    }); */  //TODO
+    });
 
     if (selectedAction === 'embed') {
       // Use the excalidrawAPI prop passed to the component

src/frontend/src/ui/AuthDialog.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useEffect } from "react";
-//import { capture } from "../lib/posthog";
+import { capture } from "../lib/posthog";
 import { GoogleIcon, GithubIcon } from "../icons";
 import "./AuthDialog.scss";
 
@@ -36,7 +36,7 @@ export const AuthDialog = ({
   );
 
   useEffect(() => {
-    //capture("auth_modal_shown");
+    capture("auth_modal_shown");
 
     // Load GitHub buttons script
     const script = document.createElement('script');

src/frontend/src/ui/MainMenu.tsx

@@ -6,12 +6,12 @@ import type { MainMenu as MainMenuType } from '@atyrode/excalidraw';
 import { LogOut, SquarePlus, LayoutDashboard, User, Text, Settings, Terminal, FileText, FlaskConical } from 'lucide-react';
 import AccountDialog from './AccountDialog';
 import md5 from 'crypto-js/md5';
-// import { capture } from '../utils/posthog';
 import { useLogout } from '../hooks/useLogout';
 import { useAuthStatus } from '../hooks/useAuthStatus';
 import { ExcalidrawElementFactory, PlacementMode } from '../lib/elementFactory';
 import "./MainMenu.scss";
 import { INITIAL_APP_DATA } from '../constants';
+import { capture } from '../lib/posthog';
 // Function to generate gravatar URL
 const getGravatarUrl = (email: string, size = 32) => {
   const hash = md5(email.toLowerCase().trim()).toString();
@@ -140,7 +140,7 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
   };
 
   const handleLogout = () => {
-    // capture('logout_clicked');
+    capture('logout_clicked');
 
     logoutMutation(undefined, {
       onSuccess: (data) => {