feat(onboarding): Add logs empty state onboarding for node sdks (#98079)

resolves
https://linear.app/getsentry/issue/LOGS-298/add-logs-onboarding-for-node-sdks
resolves
https://linear.app/getsentry/issue/LOGS-297/add-logs-onboarding-for-meta-framework-js-sdks

Author: AbhiPrasad

static/app/components/onboarding/productSelection.tsx

@@ -193,11 +193,7 @@ export const platformProductAvailability = {
     ProductSolution.PROFILING,
     ProductSolution.LOGS,
   ],
-  'node-awslambda': [
-    ProductSolution.PERFORMANCE_MONITORING,
-    ProductSolution.PROFILING,
-    ProductSolution.LOGS,
-  ],
+  'node-awslambda': [ProductSolution.PERFORMANCE_MONITORING, ProductSolution.PROFILING],
   'node-connect': [
     ProductSolution.PERFORMANCE_MONITORING,
     ProductSolution.PROFILING,

static/app/data/platformCategories.tsx

@@ -308,11 +308,19 @@ export const withoutPerformanceSupport: Set<PlatformKey> = new Set([
 export const withLoggingOnboarding: Set<PlatformKey> = new Set([
   'javascript',
   'javascript-angular',
+  'javascript-astro',
   'javascript-ember',
   'javascript-gatsby',
+  'javascript-nextjs',
+  'javascript-nuxt',
   'javascript-react',
+  'javascript-react-router',
+  'javascript-remix',
   'javascript-solid',
+  'javascript-solidstart',
   'javascript-svelte',
+  'javascript-sveltekit',
+  'javascript-tanstackstart-react',
   'javascript-vue',
   'python',
   'python-aiohttp',
@@ -336,6 +344,17 @@ export const withLoggingOnboarding: Set<PlatformKey> = new Set([
   'python-tornado',
   'python-tryton',
   'python-wsgi',
+  'node',
+  'node-azurefunctions',
+  'node-connect',
+  'node-cloudflare-pages',
+  'node-cloudflare-workers',
+  'node-express',
+  'node-fastify',
+  'node-gcpfunctions',
+  'node-hapi',
+  'node-koa',
+  'node-nestjs',
 ]);
 
 // List of platforms that do not have logging support. We make use of this list in the product to not provide any Logging

static/app/gettingStartedDocs/javascript/astro.tsx

@@ -24,7 +24,10 @@ import {
 } from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
 import {featureFlagOnboarding} from 'sentry/gettingStartedDocs/javascript/javascript';
 import {t, tct} from 'sentry/locale';
-import {getJavascriptFullStackOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptFullStackOnboarding,
+  getJavascriptLogsFullStackOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 
 type Params = DocsParams;
 
@@ -540,6 +543,10 @@ const docs: Docs = {
   replayOnboarding,
   crashReportOnboarding,
   featureFlagOnboarding,
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'astro',
+    sdkPackage: '@sentry/astro',
+  }),
   profilingOnboarding,
 };
 

static/app/gettingStartedDocs/javascript/nextjs.tsx

@@ -28,7 +28,10 @@ import {
 import {featureFlagOnboarding} from 'sentry/gettingStartedDocs/javascript/javascript';
 import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
-import {getJavascriptFullStackOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptFullStackOnboarding,
+  getJavascriptLogsFullStackOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 import {getNodeAgentMonitoringOnboarding} from 'sentry/utils/gettingStartedDocs/node';
 
 type Params = DocsParams;
@@ -585,6 +588,10 @@ const docs: Docs = {
   crashReportOnboarding,
   featureFlagOnboarding,
   profilingOnboarding,
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'nextjs',
+    sdkPackage: '@sentry/nextjs',
+  }),
   agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding({
     basePackage: 'nextjs',
   }),

static/app/gettingStartedDocs/javascript/nuxt.tsx

@@ -24,7 +24,10 @@ import {
 } from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
 import {featureFlagOnboarding} from 'sentry/gettingStartedDocs/javascript/javascript';
 import {t, tct, tctCode} from 'sentry/locale';
-import {getJavascriptProfilingOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptLogsFullStackOnboarding,
+  getJavascriptProfilingOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 
 type Params = DocsParams;
 
@@ -273,6 +276,10 @@ const docs: Docs = {
   crashReportOnboarding,
   profilingOnboarding,
   featureFlagOnboarding,
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'nuxt',
+    sdkPackage: '@sentry/nuxt',
+  }),
 };
 
 export default docs;

static/app/gettingStartedDocs/javascript/react-router.tsx

@@ -20,7 +20,10 @@ import {
   getReplayVerifyStep,
 } from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
 import {t, tct} from 'sentry/locale';
-import {getJavascriptFullStackOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptFullStackOnboarding,
+  getJavascriptLogsFullStackOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 import {getNodeAgentMonitoringOnboarding} from 'sentry/utils/gettingStartedDocs/node';
 
 type Params = DocsParams;
@@ -539,6 +542,10 @@ const docs: Docs = {
   agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding({
     basePackage: 'react-router',
   }),
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'react-router',
+    sdkPackage: '@sentry/react-router',
+  }),
 };
 
 export default docs;

static/app/gettingStartedDocs/javascript/remix.tsx

@@ -26,7 +26,10 @@ import {
 } from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
 import {featureFlagOnboarding} from 'sentry/gettingStartedDocs/javascript/javascript';
 import {t, tct} from 'sentry/locale';
-import {getJavascriptFullStackOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptFullStackOnboarding,
+  getJavascriptLogsFullStackOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 import {getNodeAgentMonitoringOnboarding} from 'sentry/utils/gettingStartedDocs/node';
 
 type Params = DocsParams;
@@ -279,6 +282,10 @@ const docs: Docs = {
   agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding({
     basePackage: 'remix',
   }),
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'remix',
+    sdkPackage: '@sentry/remix',
+  }),
 };
 
 export default docs;

static/app/gettingStartedDocs/javascript/solidstart.tsx

@@ -25,7 +25,10 @@ import {
 } from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
 import {featureFlagOnboarding} from 'sentry/gettingStartedDocs/javascript/javascript';
 import {t, tct} from 'sentry/locale';
-import {getJavascriptProfilingOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptLogsFullStackOnboarding,
+  getJavascriptProfilingOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 import {getNodeAgentMonitoringOnboarding} from 'sentry/utils/gettingStartedDocs/node';
 
 type Params = DocsParams;
@@ -556,6 +559,10 @@ const docs: Docs = {
   featureFlagOnboarding,
   profilingOnboarding,
   agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding(),
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'solidstart',
+    sdkPackage: '@sentry/solidstart',
+  }),
 };
 
 export default docs;

static/app/gettingStartedDocs/javascript/sveltekit.tsx

@@ -24,7 +24,10 @@ import {
 } from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
 import {featureFlagOnboarding} from 'sentry/gettingStartedDocs/javascript/javascript';
 import {t, tct} from 'sentry/locale';
-import {getJavascriptFullStackOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptFullStackOnboarding,
+  getJavascriptLogsFullStackOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 import {getNodeAgentMonitoringOnboarding} from 'sentry/utils/gettingStartedDocs/node';
 
 type Params = DocsParams;
@@ -245,6 +248,10 @@ const docs: Docs = {
   featureFlagOnboarding,
   profilingOnboarding,
   agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding(),
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'sveltekit',
+    sdkPackage: '@sentry/sveltekit',
+  }),
 };
 
 export default docs;

static/app/gettingStartedDocs/javascript/tanstackstart-react.tsx

@@ -5,7 +5,10 @@ import type {
 } from 'sentry/components/onboarding/gettingStartedDoc/types';
 import {StepType} from 'sentry/components/onboarding/gettingStartedDoc/types';
 import {t, tct} from 'sentry/locale';
-import {getJavascriptFullStackOnboarding} from 'sentry/utils/gettingStartedDocs/javascript';
+import {
+  getJavascriptFullStackOnboarding,
+  getJavascriptLogsFullStackOnboarding,
+} from 'sentry/utils/gettingStartedDocs/javascript';
 import {getNodeAgentMonitoringOnboarding} from 'sentry/utils/gettingStartedDocs/node';
 
 type Params = DocsParams;
@@ -497,6 +500,10 @@ const docs: Docs = {
   agentMonitoringOnboarding: getNodeAgentMonitoringOnboarding({
     basePackage: 'tanstackstart-react',
   }),
+  logsOnboarding: getJavascriptLogsFullStackOnboarding({
+    docsPlatform: 'tanstackstart-react',
+    sdkPackage: '@sentry/tanstackstart-react',
+  }),
 };
 
 export default docs;