ref(onboarding): Split gcp functions onboarding docs (#102650)

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

Author: priscilawebdev

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

@@ -0,0 +1,5 @@
+import {getNodeAgentMonitoringOnboarding} from 'sentry/gettingStartedDocs/node/node/utils';
+
+export const agentMonitoring = getNodeAgentMonitoringOnboarding({
+  packageName: '@sentry/google-cloud-serverless',
+});

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

static/app/gettingStartedDocs/node/gcpfunctions/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/gcpfunctions/logs.tsx

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

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

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

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

@@ -6,7 +6,7 @@ import {textWithMarkupMatcher} from 'sentry-test/utils';
 
 import {ProductSolution} from 'sentry/components/onboarding/gettingStartedDoc/types';
 
-import docs from './gcpfunctions';
+import docs from '.';
 
 describe('gcpfunctions onboarding docs', () => {
   it('renders onboarding docs correctly', () => {
@@ -22,9 +22,7 @@ describe('gcpfunctions onboarding docs', () => {
 
     // Includes import statement
     const allMatches = screen.getAllByText(
-      textWithMarkupMatcher(
-        /const Sentry = require\("@sentry\/google-cloud-serverless"\);/
-      )
+      textWithMarkupMatcher(/import \* as Sentry from "@sentry\/google-cloud-serverless"/)
     );
     allMatches.forEach(match => {
       expect(match).toBeInTheDocument();

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

@@ -1,28 +1,16 @@
 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 {
   getInstallCodeBlock,
-  getNodeAgentMonitoringOnboarding,
-  getNodeLogsOnboarding,
-  getNodeMcpOnboarding,
-  getNodeProfilingOnboarding,
   getSdkInitSnippet,
-} from 'sentry/utils/gettingStartedDocs/node';
-
-type Params = DocsParams;
+} from 'sentry/gettingStartedDocs/node/node/utils';
+import {t, tct} from 'sentry/locale';
 
-const getSdkSetupSnippet = (params: Params) => `
+const getSdkSetupSnippet = (params: DocsParams) => `
 // IMPORTANT: Make sure to import and initialize Sentry at the top of your file.
 ${getSdkInitSnippet(params, 'gpc')}
 // Place any other require/import statements here
@@ -46,7 +34,7 @@ exports.helloEvents = Sentry.wrapCloudEventFunction(
   }
 );`;
 
-const getVerifySnippet = (params: Params) => `
+const getVerifySnippet = (params: DocsParams) => `
 exports.helloHttp = Sentry.wrapHttpFunction((req, res) => {${
   params.isLogsSelected
     ? `
@@ -59,7 +47,7 @@ exports.helloHttp = Sentry.wrapHttpFunction((req, res) => {${
   throw new Error("oh, hello there!");
 });`;
 
-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 />,
@@ -105,7 +93,7 @@ const onboarding: OnboardingConfig = {
       ...params,
     }),
   ],
-  verify: (params: Params) => [
+  verify: (params: DocsParams) => [
     {
       type: StepType.VERIFY,
       content: [
@@ -123,7 +111,7 @@ const onboarding: OnboardingConfig = {
       ],
     },
   ],
-  nextSteps: (params: Params) => {
+  nextSteps: (params: DocsParams) => {
     const steps = [];
 
     if (params.isLogsSelected) {
@@ -140,41 +128,3 @@ const onboarding: OnboardingConfig = {
     return steps;
   },
 };
-
-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/gcp-functions/user-feedback/configuration/#crash-report-modal',
-          }),
-        },
-      ],
-    },
-  ],
-  verify: () => [],
-  nextSteps: () => [],
-};
-
-const docs: Docs = {
-  onboarding,
-  crashReportOnboarding,
-  profilingOnboarding: getNodeProfilingOnboarding({
-    packageName: '@sentry/google-cloud-serverless',
-  }),
-  logsOnboarding: getNodeLogsOnboarding({
-    docsPlatform: 'gcp-functions',
-    packageName: '@sentry/google-cloud-serverless',
-  }),
-  agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding({
-    packageName: '@sentry/google-cloud-serverless',
-  }),
-  mcpOnboarding: getNodeMcpOnboarding(),
-};
-
-export default docs;

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

@@ -0,0 +1,5 @@
+import {getNodeProfilingOnboarding} from 'sentry/gettingStartedDocs/node/node/utils';
+
+export const profiling = getNodeProfilingOnboarding({
+  packageName: '@sentry/google-cloud-serverless',
+});