Add Convex to onboarding

src/sentry/models/project.py

@@ -66,6 +66,7 @@
     "apple-macos",
     "bun",
     "capacitor",
+    "convex",
     "cordova",
     "dart",
     "deno",

src/sentry/utils/platform_categories.py

@@ -112,6 +112,7 @@
 # Mirrors `const serverless` in sentry/static/app/data/platformCategories.tsx
 # When changing this file, make sure to keep sentry/static/app/data/platformCategories.tsx in sync.
 SERVERLESS = {
+    "convex",
     "dotnet-awslambda",
     "dotnet-gcpfunctions",
     "node-awslambda",

static/app/data/platformCategories.tsx

@@ -117,6 +117,7 @@ export const backend: PlatformKey[] = [
 // Mirrors `SERVERLESS` in src/sentry/utils/platform_categories.py
 // When changing this file, make sure to keep src/sentry/utils/platform_categories.py in sync.
 export const serverless: PlatformKey[] = [
+  'convex',
   'dotnet-awslambda',
   'dotnet-gcpfunctions',
   'node-awslambda',

static/app/data/platformPickerCategories.tsx

@@ -134,6 +134,7 @@ const desktop: Set<PlatformKey> = new Set([
 ]);
 
 const serverless: Set<PlatformKey> = new Set([
+  'convex',
   'dotnet-awslambda',
   'dotnet-gcpfunctions',
   'node-awslambda',

static/app/data/platforms.tsx

@@ -46,6 +46,13 @@ export const platforms: PlatformIntegration[] = [
     language: 'capacitor',
     link: 'https://docs.sentry.io/platforms/javascript/guides/capacitor/',
   },
+  {
+    id: 'convex',
+    name: 'Convex',
+    type: 'language',
+    language: 'convex',
+    link: 'https://docs.sentry.io/platforms/javascript/guides/convex/',
+  },
   {
     id: 'cordova',
     name: 'Cordova',

static/app/gettingStartedDocs/convex/convex.spec.tsx

@@ -0,0 +1,14 @@
+import {renderWithOnboardingLayout} from 'sentry-test/onboarding/renderWithOnboardingLayout';
+import {screen} from 'sentry-test/reactTestingLibrary';
+
+import docs from './convex';
+
+describe('convex onboarding docs', function () {
+  it('renders docs correctly', function () {
+    renderWithOnboardingLayout(docs);
+
+    // Renders main headings
+    expect(screen.getByRole('heading', {name: 'Install'})).toBeInTheDocument();
+    expect(screen.getByRole('heading', {name: 'Verify'})).toBeInTheDocument();
+  });
+});

static/app/gettingStartedDocs/convex/convex.tsx

@@ -0,0 +1,62 @@
+import {Fragment} from 'react';
+
+import ExternalLink from 'sentry/components/links/externalLink';
+import {StepType} from 'sentry/components/onboarding/gettingStartedDoc/step';
+import type {
+  Docs,
+  OnboardingConfig,
+} from 'sentry/components/onboarding/gettingStartedDoc/types';
+import {t, tct} from 'sentry/locale';
+
+const failingAction = `
+export const userError = action(async () => {
+    throw new Error("I failed you!");
+});
+`;
+
+const onboarding: OnboardingConfig = {
+  install: () => [
+    {
+      type: StepType.INSTALL,
+      description: tct(
+        'Set up Sentry in your Convex project [link:deployment settings].',
+        {
+          link: (
+            <ExternalLink href="https://docs.convex.dev/production/integrations/exception-reporting#configuring-sentry" />
+          ),
+        }
+      ),
+      configurations: [],
+    },
+  ],
+  configure: () => [],
+  verify: () => [
+    {
+      type: StepType.VERIFY,
+      description: (
+        <Fragment>
+          {t(
+            'One way to verify your setup is by calling an action that throws intentionally.'
+          )}
+          <p>{t('Calling an undefined function will throw an exception:')}</p>
+        </Fragment>
+      ),
+      configurations: [
+        {
+          language: 'javascript',
+          code: failingAction,
+        },
+        {
+          language: 'bash',
+          code: 'npx convex run myModule:userError',
+        },
+      ],
+    },
+  ],
+};
+
+const docs: Docs = {
+  onboarding,
+};
+
+export default docs;

static/app/types/project.tsx

@@ -155,6 +155,7 @@ export type PlatformKey =
   | 'cocoa'
   | 'cocoa-objc'
   | 'cocoa-swift'
+  | 'convex'
   | 'cordova'
   | 'csharp'
   | 'csharp-aspnetcore'