chore(site): add sentry to astro's server config (#299)

site/astro.config.mjs

@@ -1,11 +1,14 @@
 // @ts-check
 
+import process from 'node:process';
+
 import mdx from '@astrojs/mdx';
 import react from '@astrojs/react';
 import sitemap from '@astrojs/sitemap';
 
 import vercel from '@astrojs/vercel';
 
+import sentry from '@sentry/astro';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig, fontProviders } from 'astro/config';
 import checkV8Urls from './integrations/check-v8-urls';
@@ -27,6 +30,11 @@ export default defineConfig({
     // Redirects are configured in vercel.json
   },
   integrations: [
+    sentry({
+      project: 'videojsorg',
+      org: 'mux',
+      authToken: process.env.SENTRY_AUTH_TOKEN,
+    }),
     mdx({ extendMarkdownConfig: true }),
     sitemap({
       customPages: [`${SITE_URL}/llms.txt`],

site/package.json

@@ -21,6 +21,7 @@
     "@base-ui-components/react": "1.0.0-beta.4",
     "@nanostores/react": "^1.0.0",
     "@pagefind/default-ui": "^1.4.0",
+    "@sentry/astro": "^10.32.1",
     "@tailwindcss/vite": "^4.1.17",
     "@videojs/html-preview": "workspace:*",
     "@videojs/react-preview": "workspace:*",

site/sentry.server.config.ts

@@ -0,0 +1,11 @@
+import * as Sentry from '@sentry/astro';
+
+Sentry.init({
+  dsn: 'https://6bcdfa6b82da6dd4d7753618a9a69c7c@o43841.ingest.us.sentry.io/4510671167160320',
+  environment: import.meta.env.VERCEL_ENV || 'development',
+  enabled: import.meta.env.PROD,
+  release: import.meta.env.VERCEL_GIT_COMMIT_SHA || import.meta.env.VERCEL_DEPLOYMENT_ID || undefined,
+  // Adds request headers and IP for users, for more info visit:
+  // https://docs.sentry.io/platforms/javascript/guides/astro/configuration/options/#sendDefaultPii
+  sendDefaultPii: true,
+});