feat(feature-flags): Add Bun and Deno support to feature flag onboarding

Both @sentry/bun and @sentry/deno export featureFlagsIntegration, but
neither was wired up in the feature flag onboarding sidebar.

Bun just needs the package name override. Deno uses a different import
path (npm:@sentry/deno) so featureFlag() now accepts an optional
sentryImport param — when set it swaps the install step from
npm/yarn/pnpm tabs to a single import statement, matching the pattern
from deno/agentMonitoring.tsx.

Also adds bun and deno to featureFlagOnboardingPlatforms and
featureFlagDrawerPlatforms, same pattern as agentMonitoringPlatforms.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: scttcper

static/app/data/platformCategories.tsx

@@ -843,14 +843,22 @@ export const feedbackOnboardingPlatforms: readonly PlatformKey[] = [
 const platformKeys = platforms.map(p => p.id);
 
 // Feature flag platforms with gettingStartedDocs. Note backend js platforms start with 'node-'.
-export const featureFlagOnboardingPlatforms: readonly PlatformKey[] = platformKeys.filter(
-  id => id.startsWith('javascript') || id.startsWith('node') || id.startsWith('python')
-);
+export const featureFlagOnboardingPlatforms: readonly PlatformKey[] = [
+  ...platformKeys.filter(
+    id => id.startsWith('javascript') || id.startsWith('node') || id.startsWith('python')
+  ),
+  'bun',
+  'deno',
+];
 
 // Feature flag platforms to show the issue details distribution drawer for.
-export const featureFlagDrawerPlatforms: readonly PlatformKey[] = platformKeys.filter(
-  id => id.startsWith('javascript') || id.startsWith('node') || id.startsWith('python')
-);
+export const featureFlagDrawerPlatforms: readonly PlatformKey[] = [
+  ...platformKeys.filter(
+    id => id.startsWith('javascript') || id.startsWith('node') || id.startsWith('python')
+  ),
+  'bun',
+  'deno',
+];
 
 export const agentMonitoringPlatforms: ReadonlySet<PlatformKey> = new Set([
   ...platformKeys.filter(id => id.startsWith('javascript')),

static/app/gettingStartedDocs/bun/index.tsx

@@ -4,6 +4,7 @@ import {
   feedbackOnboardingJsLoader,
   replayOnboardingJsLoader,
 } from 'sentry/gettingStartedDocs/javascript/jsLoader';
+import {featureFlag} from 'sentry/gettingStartedDocs/node/featureFlag';
 import {getNodeLogsOnboarding} from 'sentry/gettingStartedDocs/node/utils';
 
 import {crashReport} from './crashReport';
@@ -14,6 +15,9 @@ export const docs: Docs = {
   replayOnboardingJsLoader,
   crashReportOnboarding: crashReport,
   feedbackOnboardingJsLoader,
+  featureFlagOnboarding: featureFlag({
+    packageName: '@sentry/bun',
+  }),
   logsOnboarding: getNodeLogsOnboarding({
     docsPlatform: 'bun',
     packageName: '@sentry/bun',

static/app/gettingStartedDocs/deno/index.tsx

@@ -3,6 +3,7 @@ import {
   feedbackOnboardingJsLoader,
   replayOnboardingJsLoader,
 } from 'sentry/gettingStartedDocs/javascript/jsLoader';
+import {featureFlag} from 'sentry/gettingStartedDocs/node/featureFlag';
 
 import {agentMonitoring} from './agentMonitoring';
 import {onboarding} from './onboarding';
@@ -11,5 +12,9 @@ export const docs: Docs = {
   onboarding,
   replayOnboardingJsLoader,
   feedbackOnboardingJsLoader,
+  featureFlagOnboarding: featureFlag({
+    packageName: '@sentry/deno',
+    sentryImport: 'import * as Sentry from "npm:@sentry/deno";',
+  }),
   agentMonitoringOnboarding: agentMonitoring,
 };

static/app/gettingStartedDocs/node/featureFlag.tsx

@@ -11,9 +11,13 @@ type FeatureFlagConfiguration = {
 // Node.js only supports the generic featureFlagsIntegration. Vendor-specific
 // integrations (LaunchDarkly, OpenFeature, etc.) are browser-only in @sentry/browser.
 // All providers therefore use the same generic setup.
-function getGenericConfig(packageName: `@sentry/${string}`): FeatureFlagConfiguration {
+function getGenericConfig(
+  packageName: `@sentry/${string}`,
+  sentryImport?: string
+): FeatureFlagConfiguration {
+  const importStatement = sentryImport ?? `import * as Sentry from "${packageName}";`;
   return {
-    makeConfigureCode: (dsn: string) => `import * as Sentry from "${packageName}";
+    makeConfigureCode: (dsn: string) => `${importStatement}
 
 Sentry.init({
   dsn: "${dsn}",
@@ -31,9 +35,10 @@ Sentry.captureException(new Error("Something went wrong!"));`,
 }
 
 function getFeatureFlagConfigurationMap(
-  packageName: `@sentry/${string}`
+  packageName: `@sentry/${string}`,
+  sentryImport?: string
 ): Record<FeatureFlagProviderEnum, FeatureFlagConfiguration> {
-  const config = getGenericConfig(packageName);
+  const config = getGenericConfig(packageName, sentryImport);
   return {
     [FeatureFlagProviderEnum.GENERIC]: config,
     [FeatureFlagProviderEnum.LAUNCHDARKLY]: config,
@@ -45,12 +50,14 @@ function getFeatureFlagConfigurationMap(
 
 export const featureFlag = ({
   packageName = '@sentry/node',
+  sentryImport,
 }: {
   packageName?: `@sentry/${string}`;
+  sentryImport?: string;
 } = {}): OnboardingConfig => ({
   install: () => [],
   configure: ({featureFlagOptions = {integration: ''}, dsn}) => {
-    const configMap = getFeatureFlagConfigurationMap(packageName);
+    const configMap = getFeatureFlagConfigurationMap(packageName, sentryImport);
     const {makeConfigureCode, makeVerifyCode} =
       configMap[featureFlagOptions.integration as keyof typeof configMap];
 
@@ -60,27 +67,37 @@ export const featureFlag = ({
         content: [
           {
             type: 'text',
-            text: t('Install the Sentry SDK.'),
+            text: sentryImport
+              ? t('Import the Sentry SDK.')
+              : t('Install the Sentry SDK.'),
           },
           {
             type: 'code',
-            tabs: [
-              {
-                label: 'npm',
-                language: 'bash',
-                code: `npm install --save ${packageName}`,
-              },
-              {
-                label: 'yarn',
-                language: 'bash',
-                code: `yarn add ${packageName}`,
-              },
-              {
-                label: 'pnpm',
-                language: 'bash',
-                code: `pnpm add ${packageName}`,
-              },
-            ],
+            tabs: sentryImport
+              ? [
+                  {
+                    label: 'JavaScript',
+                    language: 'javascript',
+                    code: sentryImport,
+                  },
+                ]
+              : [
+                  {
+                    label: 'npm',
+                    language: 'bash',
+                    code: `npm install --save ${packageName}`,
+                  },
+                  {
+                    label: 'yarn',
+                    language: 'bash',
+                    code: `yarn add ${packageName}`,
+                  },
+                  {
+                    label: 'pnpm',
+                    language: 'bash',
+                    code: `pnpm add ${packageName}`,
+                  },
+                ],
           },
         ],
       },