ref(onboarding): Split connect onboarding docs (#102652)

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

Author: priscilawebdev

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

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

static/app/gettingStartedDocs/node/connect/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/connect/user-feedback/configuration/#crash-report-modal',
+          }),
+        },
+      ],
+    },
+  ],
+  verify: () => [],
+  nextSteps: () => [],
+};

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

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

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

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

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

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

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

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

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

@@ -1,29 +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 {
-  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()}
@@ -41,7 +29,7 @@ Sentry.setupConnectErrorHandler(app);
 app.listen(3000);
 `;
 
-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 />,
@@ -116,7 +104,7 @@ const onboarding: OnboardingConfig = {
       ...params,
     }),
   ],
-  verify: (params: Params) => [
+  verify: (params: DocsParams) => [
     {
       type: StepType.VERIFY,
       content: [
@@ -134,7 +122,7 @@ const onboarding: OnboardingConfig = {
       ],
     },
   ],
-  nextSteps: (params: Params) => {
+  nextSteps: (params: DocsParams) => {
     const steps = [];
 
     if (params.isLogsSelected) {
@@ -152,7 +140,7 @@ const onboarding: OnboardingConfig = {
   },
 };
 
-const getVerifySnippet = (params: Params) => `
+const getVerifySnippet = (params: DocsParams) => `
 app.use(async function () {${
   params.isLogsSelected
     ? `
@@ -165,37 +153,3 @@ app.use(async function () {${
   throw new Error("My first Sentry error!");
 });
 `;
-
-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/connect/user-feedback/configuration/#crash-report-modal',
-          }),
-        },
-      ],
-    },
-  ],
-  verify: () => [],
-  nextSteps: () => [],
-};
-
-const docs: Docs = {
-  onboarding,
-  crashReportOnboarding,
-  profilingOnboarding: getNodeProfilingOnboarding(),
-  logsOnboarding: getNodeLogsOnboarding({
-    docsPlatform: 'connect',
-    packageName: '@sentry/node',
-  }),
-  agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding(),
-  mcpOnboarding: getNodeMcpOnboarding(),
-};
-
-export default docs;

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

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