feat(frontend): integrate @sentry/sveltekit for browser and SSR error reporting
Some checks failed
CI / Unit & Component Tests (pull_request) Successful in 6m37s
CI / OCR Service Tests (pull_request) Successful in 41s
CI / Backend Unit Tests (pull_request) Failing after 24m43s
CI / fail2ban Regex (pull_request) Successful in 2m18s
CI / Compose Bucket Idempotency (pull_request) Successful in 1m57s
Some checks failed
CI / Unit & Component Tests (pull_request) Successful in 6m37s
CI / OCR Service Tests (pull_request) Successful in 41s
CI / Backend Unit Tests (pull_request) Failing after 24m43s
CI / fail2ban Regex (pull_request) Successful in 2m18s
CI / Compose Bucket Idempotency (pull_request) Successful in 1m57s
Adds @sentry/sveltekit to hooks.client.ts and hooks.server.ts. When VITE_SENTRY_DSN is unset (default), Sentry is fully disabled. When set to a GlitchTip JavaScript project DSN, browser exceptions and SSR handleError events are forwarded automatically. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1601
frontend/package-lock.json
generated
1601
frontend/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -23,6 +23,7 @@
|
|||||||
"generate:api": "openapi-typescript http://localhost:8080/v3/api-docs -o ./src/lib/generated/api.ts"
|
"generate:api": "openapi-typescript http://localhost:8080/v3/api-docs -o ./src/lib/generated/api.ts"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@sentry/sveltekit": "^10.53.1",
|
||||||
"@tiptap/core": "3.22.5",
|
"@tiptap/core": "3.22.5",
|
||||||
"@tiptap/extension-mention": "3.22.5",
|
"@tiptap/extension-mention": "3.22.5",
|
||||||
"@tiptap/starter-kit": "3.22.5",
|
"@tiptap/starter-kit": "3.22.5",
|
||||||
|
|||||||
10
frontend/src/hooks.client.ts
Normal file
10
frontend/src/hooks.client.ts
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
import * as Sentry from '@sentry/sveltekit';
|
||||||
|
|
||||||
|
Sentry.init({
|
||||||
|
dsn: import.meta.env.VITE_SENTRY_DSN,
|
||||||
|
environment: import.meta.env.MODE,
|
||||||
|
tracesSampleRate: 1.0,
|
||||||
|
enabled: !!import.meta.env.VITE_SENTRY_DSN
|
||||||
|
});
|
||||||
|
|
||||||
|
export const handleError = Sentry.handleErrorWithSentry();
|
||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import * as Sentry from '@sentry/sveltekit';
|
||||||
import { redirect, type Handle, type HandleFetch } from '@sveltejs/kit';
|
import { redirect, type Handle, type HandleFetch } from '@sveltejs/kit';
|
||||||
import { paraglideMiddleware } from '$lib/paraglide/server';
|
import { paraglideMiddleware } from '$lib/paraglide/server';
|
||||||
import { sequence } from '@sveltejs/kit/hooks';
|
import { sequence } from '@sveltejs/kit/hooks';
|
||||||
@@ -5,6 +6,13 @@ import { env } from 'process';
|
|||||||
import { cookieName, cookieMaxAge } from '$lib/paraglide/runtime';
|
import { cookieName, cookieMaxAge } from '$lib/paraglide/runtime';
|
||||||
import { detectLocale } from '$lib/shared/server/locale';
|
import { detectLocale } from '$lib/shared/server/locale';
|
||||||
|
|
||||||
|
Sentry.init({
|
||||||
|
dsn: import.meta.env.VITE_SENTRY_DSN,
|
||||||
|
environment: import.meta.env.MODE,
|
||||||
|
tracesSampleRate: 1.0,
|
||||||
|
enabled: !!import.meta.env.VITE_SENTRY_DSN
|
||||||
|
});
|
||||||
|
|
||||||
const PUBLIC_PATHS = [
|
const PUBLIC_PATHS = [
|
||||||
'/login',
|
'/login',
|
||||||
'/logout',
|
'/logout',
|
||||||
@@ -113,3 +121,5 @@ export const handleFetch: HandleFetch = async ({ event, request, fetch }) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const handle = sequence(userGroup, handleAuth, handleLocaleDetection, handleParaglide);
|
export const handle = sequence(userGroup, handleAuth, handleLocaleDetection, handleParaglide);
|
||||||
|
|
||||||
|
export const handleError = Sentry.handleErrorWithSentry();
|
||||||
|
|||||||
Reference in New Issue
Block a user