feat(onboarding): Add Hono SDK (Deno) (#117416)

Continuation of #115476

Merge after this is released:
getsentry/sentry-javascript#21450

Author: s1gr1d

static/app/gettingStartedDocs/node-hono/feedback.tsx

@@ -50,6 +50,12 @@ export const feedback: OnboardingConfig = {
               language: 'javascript',
               code: getFeedbackSnippet('@sentry/hono/bun'),
             },
+            {
+              label: 'Deno',
+              value: 'deno',
+              language: 'javascript',
+              code: getFeedbackSnippet('@sentry/hono/deno'),
+            },
           ],
         },
       ],

static/app/gettingStartedDocs/node-hono/onboarding.spec.tsx

@@ -301,6 +301,83 @@ describe('hono onboarding docs', () => {
     });
   });
 
+  describe('Deno runtime', () => {
+    let denoDocs: typeof docs;
+    beforeAll(() => {
+      denoDocs = {
+        ...docs,
+        platformOptions: {
+          ...docs.platformOptions,
+          runtime: {
+            ...docs.platformOptions!.runtime,
+            defaultValue: Runtime.DENO,
+          },
+        },
+      };
+    });
+
+    it('renders onboarding docs correctly', () => {
+      renderWithOnboardingLayout(denoDocs);
+
+      expect(screen.getByRole('heading', {name: 'Install'})).toBeInTheDocument();
+      expect(screen.getByRole('heading', {name: 'Configure SDK'})).toBeInTheDocument();
+      expect(
+        screen.getByRole('heading', {name: /Upload Source Maps/i})
+      ).toBeInTheDocument();
+      expect(screen.getByRole('heading', {name: 'Verify'})).toBeInTheDocument();
+
+      expect(
+        screen.getAllByText(textWithMarkupMatcher(/@sentry\/deno/)).length
+      ).toBeGreaterThanOrEqual(1);
+      expect(
+        screen.getByText(
+          textWithMarkupMatcher(/import { sentry } from "@sentry\/hono\/deno"/)
+        )
+      ).toBeInTheDocument();
+      expect(
+        screen.getByText(textWithMarkupMatcher(/Deno\.serve\(app\.fetch\)/))
+      ).toBeInTheDocument();
+      expect(
+        screen.getByText(textWithMarkupMatcher(/sentry\(app, \{/))
+      ).toBeInTheDocument();
+    });
+
+    it('displays tracesSampleRate when performance is selected', () => {
+      renderWithOnboardingLayout(denoDocs, {
+        selectedProducts: [
+          ProductSolution.ERROR_MONITORING,
+          ProductSolution.PERFORMANCE_MONITORING,
+        ],
+      });
+
+      expect(
+        screen.getByText(textWithMarkupMatcher(/tracesSampleRate: 1\.0/))
+      ).toBeInTheDocument();
+    });
+
+    it('enables logs by setting enableLogs to true', () => {
+      renderWithOnboardingLayout(denoDocs, {
+        selectedProducts: [ProductSolution.ERROR_MONITORING, ProductSolution.LOGS],
+      });
+
+      expect(
+        screen.getByText(textWithMarkupMatcher(/enableLogs: true/))
+      ).toBeInTheDocument();
+    });
+
+    it('shows profiling info alert when profiling is selected', () => {
+      renderWithOnboardingLayout(denoDocs, {
+        selectedProducts: [ProductSolution.ERROR_MONITORING, ProductSolution.PROFILING],
+      });
+
+      expect(
+        screen.getByText(
+          textWithMarkupMatcher(/Profiling is only available on the Node.js runtime/)
+        )
+      ).toBeInTheDocument();
+    });
+  });
+
   describe('shared behavior', () => {
     it('displays logs integration next step when logs are selected', () => {
       renderWithOnboardingLayout(docs, {

static/app/gettingStartedDocs/node-hono/onboarding.tsx

@@ -28,6 +28,11 @@ const RUNTIME_CONFIG: Record<
     peerDep: '@sentry/bun',
     label: 'the Bun runtime',
   },
+  [Runtime.DENO]: {
+    importPath: '@sentry/hono/deno',
+    peerDep: '@sentry/deno',
+    label: 'the Deno runtime',
+  },
 };
 
 function getNodeInstrumentSnippet(params: Params): string {
@@ -129,6 +134,60 @@ app.get("/", (c) => {
 export default app;`;
 }
 
+function getDenoAppSnippet(params: Params): string {
+  return `import { Hono } from "hono";
+import { sentry } from "${RUNTIME_CONFIG[Runtime.DENO].importPath}";
+
+const app = new Hono();
+
+app.use(
+  sentry(app, {
+    dsn: "${params.dsn.public}",${
+      params.isPerformanceSelected
+        ? `
+    tracesSampleRate: 1.0,`
+        : ''
+    }${
+      params.isLogsSelected
+        ? `
+    enableLogs: true,`
+        : ''
+    }
+    // To disable sending user data and HTTP bodies, uncomment the line below. For more info visit:
+    // https://docs.sentry.io/platforms/javascript/guides/hono/configuration/options/#dataCollection
+    // dataCollection: { userInfo: false, httpBodies: [] },
+  }),
+);
+
+// Your routes here
+
+Deno.serve(app.fetch);`;
+}
+
+function getDenoInstallStep() {
+  return {
+    type: StepType.INSTALL as const,
+    content: [
+      {
+        type: 'text' as const,
+        text: tct(
+          'Install the [sentryHono] package and the [peerDep] peer dependency for [label]:',
+          {
+            sentryHono: <code>@sentry/hono</code>,
+            peerDep: <code>{RUNTIME_CONFIG[Runtime.DENO].peerDep}</code>,
+            label: RUNTIME_CONFIG[Runtime.DENO].label,
+          }
+        ),
+      },
+      {
+        type: 'code' as const,
+        language: 'bash',
+        code: `deno add npm:@sentry/hono npm:${RUNTIME_CONFIG[Runtime.DENO].peerDep}`,
+      },
+    ],
+  };
+}
+
 function getWranglerSnippet(): string {
   return `{
   "compatibility_flags": ["nodejs_compat"]
@@ -383,6 +442,38 @@ const runtimeOnboarding: Record<Runtime, OnboardingConfig<PlatformOptions>> = {
     ],
     verify: (params: Params) => [getVerifyStep(params)],
   },
+  [Runtime.DENO]: {
+    install: () => [getDenoInstallStep()],
+    configure: (params: Params) => [
+      {
+        type: StepType.CONFIGURE,
+        content: [
+          getProfilingAlert(params),
+          {
+            type: 'text',
+            text: tct(
+              'Add the [code:sentry()] middleware as early as possible in your Hono app. On Deno, you pass your Sentry options directly to the middleware:',
+              {code: <code />}
+            ),
+          },
+          {
+            type: 'code',
+            tabs: [
+              {
+                label: 'TypeScript',
+                language: 'typescript',
+                filename: 'index.ts',
+                value: 'typescript',
+                code: getDenoAppSnippet(params),
+              },
+            ],
+          },
+        ],
+      },
+      getSourceMapsStep(params),
+    ],
+    verify: (params: Params) => [getVerifyStep(params)],
+  },
 };
 
 export const onboarding: OnboardingConfig<PlatformOptions> = {

static/app/gettingStartedDocs/node-hono/utils.tsx

@@ -8,6 +8,7 @@ export enum Runtime {
   NODE = 'node',
   CLOUDFLARE = 'cloudflare',
   BUN = 'bun',
+  DENO = 'deno',
 }
 
 export const platformOptions = {
@@ -26,6 +27,10 @@ export const platformOptions = {
         label: t('Bun'),
         value: Runtime.BUN,
       },
+      {
+        label: t('Deno'),
+        value: Runtime.DENO,
+      },
     ],
     defaultValue: Runtime.CLOUDFLARE,
   },