Track action usage

app/actions/index.ts

@@ -9,6 +9,7 @@ import {
   MenuItemButton,
   MenuItemWithChildren,
 } from "~/types";
+import Analytics from "~/utils/Analytics";
 
 function resolve<T>(value: any, context: ActionContext): T {
   return typeof value === "function" ? value(context) : value;
@@ -17,6 +18,21 @@ function resolve<T>(value: any, context: ActionContext): T {
 export function createAction(definition: Optional<Action, "id">): Action {
   return {
     ...definition,
+    perform: (context) => {
+      // We muse use the specific analytics name here as the action name is
+      // translated and potentially contains user strings.
+      if (definition.analyticsName) {
+        Analytics.track("perform_action", definition.analyticsName, {
+          context: context.isButton
+            ? "button"
+            : context.isCommandBar
+            ? "commandbar"
+            : "contextmenu",
+        });
+      }
+
+      return definition.perform?.(context);
+    },
     id: uuidv4(),
   };
 }
@@ -93,12 +109,13 @@ export function actionToKBar(
     {
       id: action.id,
       name: resolvedName,
+      analyticsName: action.analyticsName,
       section: resolvedSection,
       placeholder: resolvedPlaceholder,
       keywords: action.keywords ?? "",
       shortcut: action.shortcut || [],
       icon: resolvedIcon,
-      perform: action.perform ? () => action?.perform?.(context) : undefined,
+      perform: () => action.perform?.(context),
     },
     // @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call.
   ].concat(children.map((child) => ({ ...child, parent: action.id })));