@jill64/sentry-sveltekit-cloudflare

♟️ Unofficial Sentry Integration for SvelteKit Cloudflare Adapter

Workaround until close @sentry/javascript #8291.

[!NOTE] If you are looking for other node-less adapters, see sentry-sveltkeit-edge.

Installation

1npm i @jill64/sentry-sveltekit-cloudflare

Configuration

Add the following settings to your SvelteKit application's vite.config.js.

1// vite.config.js
2import { sveltekit } from '@sveltejs/kit/vite'
3import { defineConfig } from 'vite'
4
5export default defineConfig({
6  plugins: [sveltekit()],
7  ssr: {
8    noExternal: ['@jill64/sentry-sveltekit-cloudflare']
9  }
10  // ...
11})

Usage

Client

1// hooks.client.js
2import { init } from '@jill64/sentry-sveltekit-cloudflare/client'
3// or
4// import { clientInit } from '@jill64/sentry-sveltekit-cloudflare'
5
6const onError = init(
7  '__YOUR_SENTRY_DSN__'
8  // ,
9  // {
10  //   sentryOptions: {
11  //     // ... Other Sentry Config
12  //   },
13  //   enableInDevMode: boolean (default: false)
14  // }
15)
16
17export const handleError = onError((e, sentryEventId) => {
18  // Your Error Handler
19})

Server

1// hooks.server.js
2import { init } from '@jill64/sentry-sveltekit-cloudflare/server'
3// or
4// import { serverInit } from '@jill64/sentry-sveltekit-cloudflare'
5
6const { onHandle, onError } = init(
7  '__YOUR_SENTRY_DSN__'
8  // ,
9  // {
10  //   toucanOptions: {
11  //     // ... Other Sentry Config
12  //   },
13  //   handleOptions: {
14  //     handleUnknownRoutes: boolean (default: false)
15  //   },
16  //   enableInDevMode: boolean (default: false)
17  // }
18)
19
20export const handle = onHandle(({ event, resolve }) => {
21  // Your Handle Code
22})
23
24export const handleError = onError((e, sentryEventId) => {
25  // Your Error Handler
26})

Configure Source Map (Optional)

Use @sentry/vite-plugin.

Example

1// vite.config.js
2import { sentryVitePlugin } from '@sentry/vite-plugin'
3import { sveltekit } from '@sveltejs/kit/vite'
4import { defineConfig } from 'vite'
5
6export default defineConfig({
7  build: {
8    sourcemap: true
9  },
10  plugins: [
11    sentryVitePlugin({
12      org: process.env.SENTRY_ORG,
13      project: process.env.SENTRY_PROJECT,
14      authToken: process.env.SENTRY_AUTH_TOKEN
15    }),
16    sveltekit()
17  ]
18})

License

MIT