diff --git a/static/app/gettingStartedDocs/node/connect/agentMonitoring.tsx b/static/app/gettingStartedDocs/node/connect/agentMonitoring.tsx new file mode 100644 index 00000000000000..3bc03780f2d87d --- /dev/null +++ b/static/app/gettingStartedDocs/node/connect/agentMonitoring.tsx @@ -0,0 +1,3 @@ +import {getNodeAgentMonitoringOnboarding} from 'sentry/gettingStartedDocs/node/node/utils'; + +export const agentMonitoring = getNodeAgentMonitoringOnboarding(); diff --git a/static/app/gettingStartedDocs/node/connect/crashReport.tsx b/static/app/gettingStartedDocs/node/connect/crashReport.tsx new file mode 100644 index 00000000000000..fd846465bf9d8d --- /dev/null +++ b/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: () => [], +}; diff --git a/static/app/gettingStartedDocs/node/connect/index.tsx b/static/app/gettingStartedDocs/node/connect/index.tsx new file mode 100644 index 00000000000000..14035d2330db54 --- /dev/null +++ b/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; diff --git a/static/app/gettingStartedDocs/node/connect/logs.tsx b/static/app/gettingStartedDocs/node/connect/logs.tsx new file mode 100644 index 00000000000000..5d3bb42c0a8670 --- /dev/null +++ b/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', +}); diff --git a/static/app/gettingStartedDocs/node/connect/mcp.tsx b/static/app/gettingStartedDocs/node/connect/mcp.tsx new file mode 100644 index 00000000000000..35c91a1ef19e50 --- /dev/null +++ b/static/app/gettingStartedDocs/node/connect/mcp.tsx @@ -0,0 +1,3 @@ +import {getNodeMcpOnboarding} from 'sentry/gettingStartedDocs/node/node/utils'; + +export const mcp = getNodeMcpOnboarding(); diff --git a/static/app/gettingStartedDocs/node/connect.spec.tsx b/static/app/gettingStartedDocs/node/connect/onboarding.spec.tsx similarity index 99% rename from static/app/gettingStartedDocs/node/connect.spec.tsx rename to static/app/gettingStartedDocs/node/connect/onboarding.spec.tsx index b928c8a5b7ebe4..5991706e1e9a56 100644 --- a/static/app/gettingStartedDocs/node/connect.spec.tsx +++ b/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', () => { diff --git a/static/app/gettingStartedDocs/node/connect.tsx b/static/app/gettingStartedDocs/node/connect/onboarding.tsx similarity index 73% rename from static/app/gettingStartedDocs/node/connect.tsx rename to static/app/gettingStartedDocs/node/connect/onboarding.tsx index 8c82be70e6a157..731a77c7ef103a 100644 --- a/static/app/gettingStartedDocs/node/connect.tsx +++ b/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: , @@ -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; diff --git a/static/app/gettingStartedDocs/node/connect/profiling.tsx b/static/app/gettingStartedDocs/node/connect/profiling.tsx new file mode 100644 index 00000000000000..c2bb51f07e8f3a --- /dev/null +++ b/static/app/gettingStartedDocs/node/connect/profiling.tsx @@ -0,0 +1,3 @@ +import {getNodeProfilingOnboarding} from 'sentry/gettingStartedDocs/node/node/utils'; + +export const profiling = getNodeProfilingOnboarding();