chore: populate page prop for mixpanel (#7425)

packages/frontend/core/src/modules/telemetry/index.ts

@@ -1,8 +1,14 @@
-import type { Framework } from '@toeverything/infra';
+import { type Framework, WorkspaceScope } from '@toeverything/infra';
 
 import { AuthService } from '../cloud';
-import { TelemetryService } from './services/telemetry';
+import {
+  TelemetryService,
+  TelemetryWorkspaceContextService,
+} from './services/telemetry';
 
 export function configureTelemetryModule(framework: Framework) {
   framework.service(TelemetryService, [AuthService]);
+  framework
+    .scope(WorkspaceScope)
+    .service(TelemetryWorkspaceContextService, [WorkspaceScope]);
 }

packages/frontend/core/src/modules/telemetry/services/telemetry.ts

@@ -1,6 +1,12 @@
 import { mixpanel } from '@affine/core/utils';
 import type { QuotaQuery } from '@affine/graphql';
-import { ApplicationStarted, OnEvent, Service } from '@toeverything/infra';
+import type { WorkspaceScope } from '@toeverything/infra';
+import {
+  ApplicationStarted,
+  DocsService,
+  OnEvent,
+  Service,
+} from '@toeverything/infra';
 
 import {
   AccountChanged,
@@ -9,6 +15,8 @@ import {
 } from '../../cloud';
 import { AccountLoggedOut } from '../../cloud/services/auth';
 import { UserQuotaChanged } from '../../cloud/services/user-quota';
+import { resolveRouteLinkMeta } from '../../navigation';
+import { WorkbenchService } from '../../workbench';
 
 @OnEvent(ApplicationStarted, e => e.onApplicationStart)
 @OnEvent(AccountChanged, e => e.updateIdentity)
@@ -67,3 +75,38 @@ export class TelemetryService extends Service {
     this.prevQuota = quota;
   }
 }
+
+// get telemetry related context in Workspace scope
+export class TelemetryWorkspaceContextService extends Service {
+  constructor(private readonly provider: WorkspaceScope) {
+    super();
+  }
+
+  getPageContext() {
+    const workbench = this.provider?.getOptional(WorkbenchService)?.workbench;
+    const docs = this.provider?.getOptional(DocsService);
+
+    if (!workbench || !docs) return '';
+
+    const basename = workbench.basename$.value;
+    const path = workbench.location$.value;
+    const fullPath = basename + path.pathname + path.search + path.hash;
+    const linkMeta = resolveRouteLinkMeta(fullPath);
+    return (() => {
+      const moduleName =
+        linkMeta?.moduleName === 'doc'
+          ? docs.list.getMode(linkMeta.docId)
+          : linkMeta?.moduleName;
+      switch (moduleName) {
+        case 'page':
+          return 'page editor';
+        case 'edgeless':
+          return 'whiteboard editor';
+        case 'trash':
+          return 'trash';
+        default:
+          return 'doc library';
+      }
+    })();
+  }
+}