ref(onboarding): Split hapi onboarding docs (#102649)

Contributes to
https://linear.app/getsentry/issue/TET-864/introduce-folders-for-onboarding-platforms

Author: priscilawebdev

static/app/gettingStartedDocs/node/hapi/agentMonitoring.tsx

@@ -0,0 +1,3 @@
+import {getNodeAgentMonitoringOnboarding} from 'sentry/gettingStartedDocs/node/node/utils';
+
+export const agentMonitoring = getNodeAgentMonitoringOnboarding();

static/app/gettingStartedDocs/node/hapi/crashReport.tsx

@@ -0,0 +1,29 @@
+import {
+  StepType,
+  type OnboardingConfig,
+} from 'sentry/components/onboarding/gettingStartedDoc/types';
+import {
+  getCrashReportJavaScriptInstallSteps,
+  getCrashReportModalConfigDescription,
+  getCrashReportModalIntroduction,
+} from 'sentry/components/onboarding/gettingStartedDoc/utils/feedbackOnboarding';
+
+export const crashReport: OnboardingConfig = {
+  introduction: () => getCrashReportModalIntroduction(),
+  install: params => getCrashReportJavaScriptInstallSteps(params),
+  configure: () => [
+    {
+      type: StepType.CONFIGURE,
+      content: [
+        {
+          type: 'text',
+          text: getCrashReportModalConfigDescription({
+            link: 'https://docs.sentry.io/platforms/javascript/guides/hapi/user-feedback/configuration/#crash-report-modal',
+          }),
+        },
+      ],
+    },
+  ],
+  verify: () => [],
+  nextSteps: () => [],
+};

static/app/gettingStartedDocs/node/hapi/feedback.tsx

@@ -0,0 +1,48 @@
+import {
+  StepType,
+  type OnboardingConfig,
+} from 'sentry/components/onboarding/gettingStartedDoc/types';
+import {
+  getCrashReportApiIntroduction,
+  getCrashReportInstallDescription,
+} from 'sentry/components/onboarding/gettingStartedDoc/utils/feedbackOnboarding';
+
+export const feedback: OnboardingConfig = {
+  introduction: () => getCrashReportApiIntroduction(),
+  install: () => [
+    {
+      type: StepType.INSTALL,
+      content: [
+        {
+          type: 'text',
+          text: getCrashReportInstallDescription(),
+        },
+        {
+          type: 'code',
+          tabs: [
+            {
+              label: 'JavaScript',
+              language: 'javascript',
+              code: `import * as Sentry from "@sentry/node";
+
+const eventId = Sentry.captureMessage("User Feedback");
+// OR: const eventId = Sentry.lastEventId();
+
+const userFeedback = {
+  event_id: eventId,
+  name: "John Doe",
+  email: "john@doe.com",
+  comments: "I really like your App, thanks!",
+};
+Sentry.captureUserFeedback(userFeedback);
+`,
+            },
+          ],
+        },
+      ],
+    },
+  ],
+  configure: () => [],
+  verify: () => [],
+  nextSteps: () => [],
+};

static/app/gettingStartedDocs/node/hapi/index.tsx

@@ -0,0 +1,21 @@
+import type {Docs} from 'sentry/components/onboarding/gettingStartedDoc/types';
+
+import {agentMonitoring} from './agentMonitoring';
+import {crashReport} from './crashReport';
+import {feedback} from './feedback';
+import {logs} from './logs';
+import {mcp} from './mcp';
+import {onboarding} from './onboarding';
+import {profiling} from './profiling';
+
+const docs: Docs = {
+  onboarding,
+  feedbackOnboardingCrashApi: feedback,
+  crashReportOnboarding: crashReport,
+  logsOnboarding: logs,
+  profilingOnboarding: profiling,
+  agentMonitoringOnboarding: agentMonitoring,
+  mcpOnboarding: mcp,
+};
+
+export default docs;

static/app/gettingStartedDocs/node/hapi/logs.tsx

@@ -0,0 +1,6 @@
+import {getNodeLogsOnboarding} from 'sentry/gettingStartedDocs/node/node/utils';
+
+export const logs = getNodeLogsOnboarding({
+  docsPlatform: 'hapi',
+  packageName: '@sentry/node',
+});

static/app/gettingStartedDocs/node/hapi/mcp.tsx

@@ -0,0 +1,3 @@
+import {getNodeMcpOnboarding} from 'sentry/gettingStartedDocs/node/node/utils';
+
+export const mcp = getNodeMcpOnboarding();

static/app/gettingStartedDocs/node/hapi.spec.tsx renamed to static/app/gettingStartedDocs/node/hapi/onboarding.spec.tsx

@@ -6,7 +6,7 @@ import {textWithMarkupMatcher} from 'sentry-test/utils';
 
 import {ProductSolution} from 'sentry/components/onboarding/gettingStartedDoc/types';
 
-import docs from './hapi';
+import docs from '.';
 
 describe('hapi onboarding docs', () => {
   it('renders onboarding docs correctly', () => {

static/app/gettingStartedDocs/node/hapi.tsx renamed to static/app/gettingStartedDocs/node/hapi/onboarding.tsx

@@ -1,31 +1,17 @@
 import {ExternalLink} from 'sentry/components/core/link';
 import type {
-  Docs,
   DocsParams,
   OnboardingConfig,
 } from 'sentry/components/onboarding/gettingStartedDoc/types';
 import {StepType} from 'sentry/components/onboarding/gettingStartedDoc/types';
 import {getUploadSourceMapsStep} from 'sentry/components/onboarding/gettingStartedDoc/utils';
-import {
-  getCrashReportApiIntroduction,
-  getCrashReportInstallDescription,
-  getCrashReportJavaScriptInstallSteps,
-  getCrashReportModalConfigDescription,
-  getCrashReportModalIntroduction,
-} from 'sentry/components/onboarding/gettingStartedDoc/utils/feedbackOnboarding';
-import {t, tct} from 'sentry/locale';
 import {
   getImportInstrumentSnippet,
   getInstallCodeBlock,
-  getNodeAgentMonitoringOnboarding,
-  getNodeLogsOnboarding,
-  getNodeMcpOnboarding,
-  getNodeProfilingOnboarding,
   getSdkInitSnippet,
   getSentryImportSnippet,
-} from 'sentry/utils/gettingStartedDocs/node';
-
-type Params = DocsParams;
+} from 'sentry/gettingStartedDocs/node/node/utils';
+import {t, tct} from 'sentry/locale';
 
 const getSdkSetupSnippet = () => `
 ${getImportInstrumentSnippet()}
@@ -49,7 +35,7 @@ const init = async () => {
 init();
 `;
 
-const getVerifySnippet = (params: Params) => `
+const getVerifySnippet = (params: DocsParams) => `
 server.route({
   method: 'GET',
   path: '/debug-sentry',
@@ -67,7 +53,7 @@ server.route({
 });
 `;
 
-const onboarding: OnboardingConfig = {
+export const onboarding: OnboardingConfig = {
   introduction: () =>
     tct("In this quick guide you'll use [strong:npm] or [strong:yarn] to set up:", {
       strong: <strong />,
@@ -142,7 +128,7 @@ const onboarding: OnboardingConfig = {
       ...params,
     }),
   ],
-  verify: (params: Params) => [
+  verify: (params: DocsParams) => [
     {
       type: StepType.VERIFY,
       content: [
@@ -160,7 +146,7 @@ const onboarding: OnboardingConfig = {
       ],
     },
   ],
-  nextSteps: (params: Params) => {
+  nextSteps: (params: DocsParams) => {
     const steps = [];
 
     if (params.isLogsSelected) {
@@ -177,78 +163,3 @@ const onboarding: OnboardingConfig = {
     return steps;
   },
 };
-
-const feedbackOnboardingNode: OnboardingConfig = {
-  introduction: () => getCrashReportApiIntroduction(),
-  install: () => [
-    {
-      type: StepType.INSTALL,
-      content: [
-        {
-          type: 'text',
-          text: getCrashReportInstallDescription(),
-        },
-        {
-          type: 'code',
-          tabs: [
-            {
-              label: 'JavaScript',
-              language: 'javascript',
-              code: `import * as Sentry from "@sentry/node";
-
-const eventId = Sentry.captureMessage("User Feedback");
-// OR: const eventId = Sentry.lastEventId();
-
-const userFeedback = {
-  event_id: eventId,
-  name: "John Doe",
-  email: "john@doe.com",
-  comments: "I really like your App, thanks!",
-};
-Sentry.captureUserFeedback(userFeedback);
-`,
-            },
-          ],
-        },
-      ],
-    },
-  ],
-  configure: () => [],
-  verify: () => [],
-  nextSteps: () => [],
-};
-
-const crashReportOnboarding: OnboardingConfig = {
-  introduction: () => getCrashReportModalIntroduction(),
-  install: (params: Params) => getCrashReportJavaScriptInstallSteps(params),
-  configure: () => [
-    {
-      type: StepType.CONFIGURE,
-      content: [
-        {
-          type: 'text',
-          text: getCrashReportModalConfigDescription({
-            link: 'https://docs.sentry.io/platforms/javascript/guides/hapi/user-feedback/configuration/#crash-report-modal',
-          }),
-        },
-      ],
-    },
-  ],
-  verify: () => [],
-  nextSteps: () => [],
-};
-
-const docs: Docs = {
-  onboarding,
-  feedbackOnboardingCrashApi: feedbackOnboardingNode,
-  crashReportOnboarding,
-  logsOnboarding: getNodeLogsOnboarding({
-    docsPlatform: 'hapi',
-    packageName: '@sentry/node',
-  }),
-  profilingOnboarding: getNodeProfilingOnboarding(),
-  agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding(),
-  mcpOnboarding: getNodeMcpOnboarding(),
-};
-
-export default docs;

static/app/gettingStartedDocs/node/hapi/profiling.tsx

@@ -0,0 +1,3 @@
+import {getNodeProfilingOnboarding} from 'sentry/gettingStartedDocs/node/node/utils';
+
+export const profiling = getNodeProfilingOnboarding();