add telemetry event to core-server

code/lib/core-server/src/presets/common-preset.ts

@@ -25,6 +25,7 @@ import type { WhatsNewCache, WhatsNewData } from '@storybook/core-events';
 import {
   REQUEST_WHATS_NEW_DATA,
   RESULT_WHATS_NEW_DATA,
+  SEND_TELEMETRY_EVENT,
   SET_WHATS_NEW_CACHE,
   TOGGLE_WHATS_NEW_NOTIFICATIONS,
 } from '@storybook/core-events';
@@ -329,5 +330,22 @@ export const experimental_serverChannel = async (
     }
   );
 
+  channel.on(SEND_TELEMETRY_EVENT, async ({ payload, isError }) => {
+    const isTelemetryEnabled = coreOptions.disableTelemetry !== true;
+
+    if (isTelemetryEnabled) {
+      if (isError) {
+        await sendTelemetryError(payload, 'error', {
+          cliOptions: options,
+          presetOptions: { ...options, corePresets: [], overridePresets: [] },
+          skipPrompt: true,
+        });
+      } else {
+        // TODO: figure event type out. Maybe we need a new one?
+        await telemetry('dev', payload);
+      }
+    }
+  });
+
   return channel;
 };

code/lib/preview/src/runtime.ts

@@ -1,3 +1,4 @@
+import { SEND_TELEMETRY_EVENT } from '@storybook/core-events';
 import { values } from './globals/runtime';
 import { globals } from './globals/types';
 
@@ -7,3 +8,8 @@ const getKeys = Object.keys as <T extends object>(obj: T) => Array<keyof T>;
 getKeys(globals).forEach((key) => {
   (globalThis as any)[globals[key]] = values[key];
 });
+
+global.telemetry = (data) => {
+  const channel = global.__STORYBOOK_ADDONS_CHANNEL__;
+  channel.emit(SEND_TELEMETRY_EVENT, data);
+};

code/ui/manager/src/globals/exports.ts

@@ -151,6 +151,7 @@ export default {
     'RESET_STORY_ARGS',
     'RESULT_WHATS_NEW_DATA',
     'SELECT_STORY',
+    'SEND_TELEMETRY_EVENT',
     'SET_CONFIG',
     'SET_CURRENT_STORY',
     'SET_GLOBALS',

code/ui/manager/src/runtime.ts

@@ -5,7 +5,7 @@ import type { AddonStore } from '@storybook/manager-api';
 import { addons } from '@storybook/manager-api';
 import type { Addon_Types, Addon_Config } from '@storybook/types';
 import { createBrowserChannel } from '@storybook/channels';
-import { CHANNEL_CREATED } from '@storybook/core-events';
+import { CHANNEL_CREATED, SEND_TELEMETRY_EVENT } from '@storybook/core-events';
 import Provider from './provider';
 import { renderStorybookUI } from './index';
 
@@ -64,3 +64,8 @@ renderStorybookUI(rootEl, new ReactProvider());
 Object.keys(Keys).forEach((key: keyof typeof Keys) => {
   global[Keys[key]] = values[key];
 });
+
+global.telemetry = (data) => {
+  const channel = global.__STORYBOOK_ADDONS_CHANNEL__;
+  channel.emit(SEND_TELEMETRY_EVENT, data);
+};