chore(core): track copy block to link action

toeverything · Sep 4, 2024 · 389b0e4 · 389b0e4
1 parent 19ba2c8
commit 389b0e4
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 5 deletions.
diff --git a/...frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/database-block.ts b/...frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/database-block.ts
@@ -3,6 +3,7 @@ import {
   generateUrl,
   type UseSharingUrl,
 } from '@affine/core/hooks/affine/use-share-url';
+import { track } from '@affine/core/mixpanel';
 import { getAffineCloudBaseUrl } from '@affine/core/modules/cloud/services/fetch';
 import { EditorService } from '@affine/core/modules/editor';
 import { I18n } from '@affine/i18n';
@@ -71,6 +72,8 @@ function createCopyLinkToBlockMenuItem(
       const str = generateUrl(options);
       if (!str) return;
 
+      track.doc.editor.toolbar.copyBlockToLink({ type: model.flavour });
+
       navigator.clipboard
         .writeText(str)
         .then(() => {

diff --git a/...rontend/core/src/components/blocksuite/block-suite-editor/specs/custom/widgets/toolbar.ts b/...rontend/core/src/components/blocksuite/block-suite-editor/specs/custom/widgets/toolbar.ts
@@ -3,10 +3,15 @@ import {
   generateUrl,
   type UseSharingUrl,
 } from '@affine/core/hooks/affine/use-share-url';
+import { track } from '@affine/core/mixpanel';
 import { getAffineCloudBaseUrl } from '@affine/core/modules/cloud/services/fetch';
 import { EditorService } from '@affine/core/modules/editor';
 import { I18n } from '@affine/i18n';
 import type { MenuItemGroup } from '@blocksuite/affine-components/toolbar';
+import type {
+  GfxBlockElementModel,
+  GfxPrimitiveElementModel,
+} from '@blocksuite/block-std/gfx';
 import type { MenuContext } from '@blocksuite/blocks';
 import { LinkIcon } from '@blocksuite/icons/lit';
 import type { FrameworkProvider } from '@toeverything/infra';
@@ -74,27 +79,42 @@ function createCopyLinkToBlockMenuItem(
     ...item,
     action: (ctx: MenuContext) => {
       const baseUrl = getAffineCloudBaseUrl();
-      if (!baseUrl) return;
+      if (!baseUrl) {
+        ctx.close();
+        return;
+      }
 
       const { editor } = framework.get(EditorService);
       const mode = editor.mode$.value;
       const pageId = editor.doc.id;
       const workspaceId = editor.doc.workspace.id;
       const options: UseSharingUrl = { workspaceId, pageId, shareMode: mode };
+      let type = '';
 
       if (mode === 'page') {
         // maybe multiple blocks
         const blockIds = ctx.selectedBlockModels.map(model => model.id);
         options.blockIds = blockIds;
+        type = ctx.selectedBlockModels[0].flavour;
       } else if (mode === 'edgeless' && ctx.firstElement) {
         // single block/element
         const id = ctx.firstElement.id;
-        const key = ctx.isElement() ? 'element' : 'block';
-        options[`${key}Ids`] = [id];
+        if (ctx.isElement()) {
+          options.elementIds = [id];
+          type = (ctx.firstElement as GfxPrimitiveElementModel).type;
+        } else {
+          options.blockIds = [id];
+          type = (ctx.firstElement as GfxBlockElementModel).flavour;
+        }
       }
 
       const str = generateUrl(options);
-      if (!str) return;
+      if (!str) {
+        ctx.close();
+        return;
+      }
+
+      track.doc.editor.toolbar.copyBlockToLink({ type });
 
       navigator.clipboard
         .writeText(str)
@@ -104,6 +124,8 @@ function createCopyLinkToBlockMenuItem(
           });
         })
         .catch(console.error);
+
+      ctx.close();
     },
   };
 }
diff --git a/packages/frontend/core/src/mixpanel/events.ts b/packages/frontend/core/src/mixpanel/events.ts
@@ -44,7 +44,8 @@ type DocEvents =
   | 'restoreDoc'
   | 'switchPageMode'
   | 'openDocOptionsMenu'
-  | 'openDocInfo';
+  | 'openDocInfo'
+  | 'copyBlockToLink';
 type EditorEvents = 'bold' | 'italic' | 'underline' | 'strikeThrough';
 // END SECTION
 
@@ -263,6 +264,7 @@ const PageEvents = {
       slashMenu: ['linkDoc', 'createDoc'],
       atMenu: ['linkDoc'],
       formatToolbar: ['bold'],
+      toolbar: ['copyBlockToLink'],
     },
     inlineDocInfo: {
       $: ['toggle'],
@@ -380,6 +382,9 @@ export type EventArgs = {
     type: 'default' | 'doc' | 'whiteboard' | 'block' | 'element';
   };
   export: { type: string };
+  copyBlockToLink: {
+    type: string;
+  };
 };
 
 // for type checking