feat(core): add track events for cmdk

toeverything · Aug 1, 2024 · a10f0f2 · a10f0f2
1 parent 6b7eb92
commit a10f0f2
Show file tree

Hide file tree

Showing 13 changed files with 327 additions and 13 deletions.
diff --git a/packages/frontend/core/src/commands/affine-creation.tsx b/packages/frontend/core/src/commands/affine-creation.tsx
@@ -4,16 +4,19 @@ import type { createStore } from 'jotai';
 
 import { openCreateWorkspaceModalAtom } from '../atoms';
 import type { usePageHelper } from '../components/blocksuite/block-suite-page-list/utils';
+import { mixpanel } from '../mixpanel';
 import { registerAffineCommand } from './registry';
 
 export function registerAffineCreationCommands({
   store,
   pageHelper,
   t,
+  moduleName,
 }: {
   t: ReturnType<typeof useI18n>;
   store: ReturnType<typeof createStore>;
   pageHelper: ReturnType<typeof usePageHelper>;
+  moduleName: string;
 }) {
   const unsubs: Array<() => void> = [];
   unsubs.push(
@@ -29,6 +32,12 @@ export function registerAffineCreationCommands({
           }
         : undefined,
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'new page',
+        });
         pageHelper.createPage();
       },
     })
@@ -41,6 +50,12 @@ export function registerAffineCreationCommands({
       icon: <PlusIcon />,
       label: t['com.affine.cmdk.affine.new-edgeless-page'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'new edgeless',
+        });
         pageHelper.createEdgeless();
       },
     })
@@ -53,6 +68,12 @@ export function registerAffineCreationCommands({
       icon: <PlusIcon />,
       label: t['com.affine.cmdk.affine.new-workspace'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'new workspace',
+        });
         store.set(openCreateWorkspaceModalAtom, 'new');
       },
     })
@@ -67,6 +88,12 @@ export function registerAffineCreationCommands({
         return environment.isDesktop;
       },
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'import workspace',
+        });
         store.set(openCreateWorkspaceModalAtom, 'add');
       },
     })

diff --git a/packages/frontend/core/src/commands/affine-help.tsx b/packages/frontend/core/src/commands/affine-help.tsx
@@ -3,15 +3,18 @@ import { ContactWithUsIcon, NewIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { openSettingModalAtom } from '../atoms';
+import { mixpanel } from '../mixpanel';
 import { popupWindow } from '../utils';
 import { registerAffineCommand } from './registry';
 
 export function registerAffineHelpCommands({
   t,
   store,
+  moduleName,
 }: {
   t: ReturnType<typeof useI18n>;
   store: ReturnType<typeof createStore>;
+  moduleName: string;
 }) {
   const unsubs: Array<() => void> = [];
   unsubs.push(
@@ -21,6 +24,12 @@ export function registerAffineHelpCommands({
       icon: <NewIcon />,
       label: t['com.affine.cmdk.affine.whats-new'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'Whats new',
+        });
         popupWindow(runtimeConfig.changelogUrl);
       },
     })
@@ -32,6 +41,12 @@ export function registerAffineHelpCommands({
       icon: <ContactWithUsIcon />,
       label: t['com.affine.cmdk.affine.contact-us'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'contact us',
+        });
         store.set(openSettingModalAtom, {
           open: true,
           activeTab: 'about',

diff --git a/packages/frontend/core/src/commands/affine-layout.tsx b/packages/frontend/core/src/commands/affine-layout.tsx
@@ -3,14 +3,17 @@ import { SidebarIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { appSidebarOpenAtom } from '../components/app-sidebar';
+import { mixpanel } from '../mixpanel';
 import { registerAffineCommand } from './registry';
 
 export function registerAffineLayoutCommands({
   t,
   store,
+  moduleName,
 }: {
   t: ReturnType<typeof useI18n>;
   store: ReturnType<typeof createStore>;
+  moduleName: string;
 }) {
   const unsubs: Array<() => void> = [];
   unsubs.push(
@@ -27,6 +30,14 @@ export function registerAffineLayoutCommands({
         binding: '$mod+/',
       },
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: store.get(appSidebarOpenAtom)
+            ? 'collapse left sidebar'
+            : 'expand left sidebar',
+        });
         store.set(appSidebarOpenAtom, v => !v);
       },
     })

diff --git a/packages/frontend/core/src/commands/affine-navigation.tsx b/packages/frontend/core/src/commands/affine-navigation.tsx
@@ -14,11 +14,13 @@ export function registerAffineNavigationCommands({
   store,
   docCollection,
   navigationHelper,
+  moduleName,
 }: {
   t: ReturnType<typeof useI18n>;
   store: ReturnType<typeof createStore>;
   navigationHelper: ReturnType<typeof useNavigateHelper>;
   docCollection: DocCollection;
+  moduleName: string;
 }) {
   const unsubs: Array<() => void> = [];
   unsubs.push(
@@ -28,6 +30,12 @@ export function registerAffineNavigationCommands({
       icon: <ArrowRightBigIcon />,
       label: t['com.affine.cmdk.affine.navigation.goto-all-pages'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to all docs',
+        });
         navigationHelper.jumpToSubPath(docCollection.id, WorkspaceSubPath.ALL);
       },
     })
@@ -40,6 +48,12 @@ export function registerAffineNavigationCommands({
       icon: <ArrowRightBigIcon />,
       label: 'Go to Collection List',
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to collection list',
+        });
         navigationHelper.jumpToCollections(docCollection.id);
       },
     })
@@ -52,6 +66,12 @@ export function registerAffineNavigationCommands({
       icon: <ArrowRightBigIcon />,
       label: 'Go to Tag List',
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to tag list',
+        });
         navigationHelper.jumpToTags(docCollection.id);
       },
     })
@@ -64,6 +84,12 @@ export function registerAffineNavigationCommands({
       icon: <ArrowRightBigIcon />,
       label: t['com.affine.cmdk.affine.navigation.goto-workspace'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to workspace',
+        });
         store.set(openWorkspaceListModalAtom, true);
       },
     })
@@ -81,6 +107,12 @@ export function registerAffineNavigationCommands({
           // page:
           segment: 'cmdk',
         });
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to settings',
+        });
         store.set(openSettingModalAtom, s => ({
           activeTab: 'appearance',
           open: !s.open,
@@ -100,6 +132,12 @@ export function registerAffineNavigationCommands({
           // page:
           segment: 'cmdk',
         });
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to account settings',
+        });
         store.set(openSettingModalAtom, s => ({
           activeTab: 'account',
           open: !s.open,
@@ -115,6 +153,12 @@ export function registerAffineNavigationCommands({
       icon: <ArrowRightBigIcon />,
       label: t['com.affine.cmdk.affine.navigation.goto-trash'](),
       run() {
+        mixpanel.track('QuickSearchOptionClick', {
+          page: moduleName,
+          segment: moduleName,
+          module: moduleName,
+          control: 'go to trash',
+        });
         navigationHelper.jumpToSubPath(
           docCollection.id,
           WorkspaceSubPath.TRASH