Add Sentry

.gitignore

@@ -28,3 +28,6 @@ deno.lock
 /static/open-letter/portraits/original
 CLAUDE.md
 .claude/
+
+# Sentry Config File
+.env.sentry-build-plugin

package.json

@@ -86,6 +86,7 @@
 		"@pagefind/default-ui": "^1.4.0",
 		"@prgm/sveltekit-progress-bar": "^3.0.2",
 		"@remix-run/headers": "^0.12.0",
+		"@sentry/sveltekit": "^10.47.0",
 		"@sveltejs/enhanced-img": "^0.10.4",
 		"@turf/distance": "^7.3.4",
 		"airtable": "^0.12.2",

src/hooks.client.ts

@@ -0,0 +1,18 @@
+import { handleErrorWithSentry, replayIntegration } from '@sentry/sveltekit'
+import * as Sentry from '@sentry/sveltekit'
+
+Sentry.init({
+	dsn: 'https://279d43fd44c785161db6050176196b5e@o4509753398722560.ingest.de.sentry.io/4511139041050704',
+
+	tracesSampleRate: 1.0,
+
+	// Enable logs to be sent to Sentry
+	enableLogs: true,
+
+	// Enable sending user PII (Personally Identifiable Information)
+	// https://docs.sentry.io/platforms/javascript/guides/sveltekit/configuration/options/#sendDefaultPii
+	sendDefaultPii: true
+})
+
+// If you have a custom error handler, pass it to `handleErrorWithSentry`
+export const handleError = handleErrorWithSentry()

src/hooks.server.ts

@@ -1,3 +1,5 @@
+import { sequence } from '@sveltejs/kit/hooks'
+import * as Sentry from '@sentry/sveltekit'
 // Fix for Netlify's Deno edge runtime (not standard Deno)
 //
 // Netlify's Deno 2.3.1 provides a partial window stub (window exists but window.location
@@ -18,12 +20,13 @@ if (
 import { type Handle } from '@sveltejs/kit'
 import { paraglideMiddleware } from '$lib/paraglide/server.js'
 
-const handle: Handle = ({ event, resolve }) =>
+const paraglideHandle: Handle = ({ event, resolve }) =>
 	paraglideMiddleware(event.request, ({ request: localizedRequest, locale }) => {
 		event.request = localizedRequest
 		return resolve(event, {
 			transformPageChunk: ({ html }) => html.replace('%lang%', locale)
 		})
 	})
 
-export { handle }
+export const handleError = Sentry.handleErrorWithSentry()
+export const handle = sequence(Sentry.sentryHandle(), paraglideHandle)

src/instrumentation.server.ts

@@ -0,0 +1,13 @@
+import * as Sentry from '@sentry/sveltekit'
+
+Sentry.init({
+	dsn: 'https://279d43fd44c785161db6050176196b5e@o4509753398722560.ingest.de.sentry.io/4511139041050704',
+
+	tracesSampleRate: 1.0,
+
+	// Enable logs to be sent to Sentry
+	enableLogs: true
+
+	// uncomment the line below to enable Spotlight (https://spotlightjs.com)
+	// spotlight: import.meta.env.DEV,
+})

svelte.config.js

@@ -51,16 +51,28 @@ const config = {
 		adapter: adapterNetlify({
 			edge: USE_EDGE_FUNCTIONS
 		}),
+
 		alias: {
 			$assets: 'src/assets',
 			$api: 'src/routes/api'
 		},
+
 		prerender: {
 			// Allows dead links to be rendered
 			handleHttpError: 'warn',
 			// Handle missing anchor IDs by warning instead of failing
 			handleMissingId: 'warn',
 			entries: ['*'].concat(settings.locales.map((locale) => '/' + locale))
+		},
+
+		experimental: {
+			tracing: {
+				server: true
+			},
+
+			instrumentation: {
+				server: true
+			}
 		}
 	}
 }

vite.config.ts

@@ -8,6 +8,7 @@ import lucidePreprocess from 'vite-plugin-lucide-preprocess'
 import { isDev } from './src/lib/env'
 import { MARKDOWN_L10NS } from './src/lib/l10n'
 import { locales as compiledLocales } from './src/lib/paraglide/runtime.js'
+import { sentrySvelteKit } from '@sentry/sveltekit'
 
 function getLocaleExcludePatterns(): RegExp[] {
 	const md = path.resolve(MARKDOWN_L10NS)
@@ -61,6 +62,14 @@ export default defineConfig(() => {
 				external: getLocaleExcludePatterns()
 			}
 		} as const,
-		plugins: [lucidePreprocess(), enhancedImages(), sveltekit()]
+		plugins: [
+			lucidePreprocess(),
+			enhancedImages(),
+			sentrySvelteKit({
+				org: 'pauseai',
+				project: 'javascript-sveltekit'
+			}),
+			sveltekit()
+		]
 	}
 })