add retention and time to complete for tutorial (#9)

Author: mindofmar

src/background.ts

@@ -15,7 +15,6 @@ import { checkUrlForPhishing } from './services/phishing/phishingService';
 import { checkAllWalletsAndCreateAlerts } from './services/http/versionService';
 import { WgKeys } from './lib/helpers/chrome/localStorageKeys';
 import * as Sentry from '@sentry/react';
-import { posthog } from 'posthog-js';
 
 const log = logger.child({ component: 'Background' });
 
@@ -123,23 +122,10 @@ chrome.runtime.onInstalled.addListener(async (details) => {
 
   await checkAllWalletsAndCreateAlerts();
 
-  posthog.init('phc_rb7Dd9nqkBMJYCCh7MQWpXtkNqIGUFdCZbUThgipNQD', {
-    api_host: 'https://app.posthog.com',
-    persistence: 'localStorage',
-    autocapture: false,
-  });
-
   if (process.env.NODE_ENV === 'production' && details.reason === 'install') {
-    posthog.capture('install');
     openDashboard();
     chrome.runtime.setUninstallURL('https://forms.gle/KzGYKYFzUpYtTn9i8');
   }
-
-  if (details.reason === 'update') {
-    chrome.management.getSelf().then((res) => {
-      posthog.capture('update', { version: res.version });
-    });
-  }
 });
 
 // STARTUP

src/components/app-dashboard/tabs/dashboard/DashboardTab.tsx

@@ -52,11 +52,6 @@ export function DashboardTab() {
   const { isOpen, onOpen, onClose } = useDisclosure();
   const LAST_TUTORIAL_INDEX = 3;
 
-  function completeTutorial() {
-    setTutorialComplete(true);
-    chrome.storage.local.set({ [WgKeys.TutorialComplete]: true });
-  }
-
   useEffect(() => {
     getVersionFromLocalStorage();
 
@@ -70,6 +65,7 @@ export function DashboardTab() {
     });
     localStorageHelpers.get<boolean>(WgKeys.TutorialComplete).then((res) => {
       if (res !== true) {
+        posthog.capture('startTutorial');
         setTutorialComplete(false);
       } else {
         setTutorialComplete(true);
@@ -89,13 +85,22 @@ export function DashboardTab() {
 
   function goToTutorialStep(index: number) {
     setTutorialStep(index);
+    posthog.capture('updateTutorialStep', { step: index });
   }
 
   function nextTutorialStep() {
     if (tutorialStep === LAST_TUTORIAL_INDEX) {
       completeTutorial();
+      return;
     }
     setTutorialStep((step) => step + 1);
+    posthog.capture('updateTutorialStep', { step: tutorialStep + 1 });
+  }
+
+  function completeTutorial() {
+    posthog.capture('completeTutorial');
+    setTutorialComplete(true);
+    chrome.storage.local.set({ [WgKeys.TutorialComplete]: true });
   }
 
   function getTutorialText() {

src/lib/helpers/linkHelper.ts

@@ -7,7 +7,7 @@ export function openGuide() {
 }
 
 export function openDashboard(updateCurrentURL = false) {
-  posthog.capture('open dashboard')
+  posthog.capture('open dashboard');
   if (updateCurrentURL) {
     chrome.tabs.update({ url: 'chrome-extension://pdgbckgdncnhihllonhnjbdoighgpimk/dashboard.html' });
   } else {