Feature/sentry (CodingCatDev#506)

codercatdev · Alex Patterson · web-flow · commit 39517d7993d9 · 2023-11-08T12:20:22.000-05:00
* add sentry

* add sentry environments

---------

Co-authored-by: Alex Patterson &lt;alex.patterson@fusionauth.io&gt;
diff --git a/apps/codingcatdev/.gitignore b/apps/codingcatdev/.gitignore
@@ -9,3 +9,6 @@ node_modules
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 .vercel
+
+# Sentry Config File
+.sentryclirc
diff --git a/apps/codingcatdev/package.json b/apps/codingcatdev/package.json
@@ -56,6 +56,7 @@
 		"@cloudinary/html": "^1.11.2",
 		"@cloudinary/url-gen": "^1.11.2",
 		"@floating-ui/dom": "^1.5.3",
+		"@sentry/sveltekit": "^7.78.0",
 		"@steeze-ui/material-design-icons": "^1.1.2",
 		"esm-env": "^1.0.0",
 		"firebase": "^10.4.0",
diff --git a/apps/codingcatdev/src/hooks.client.ts b/apps/codingcatdev/src/hooks.client.ts
@@ -0,0 +1,23 @@
+import { handleErrorWithSentry, Replay } from '@sentry/sveltekit';
+import * as Sentry from '@sentry/sveltekit';
+import { env } from '$env/dynamic/private';
+
+Sentry.init({
+	dsn: 'https://518fe25472568a2e47252e6f29583c6b@o1029244.ingest.sentry.io/4506190917206016',
+	tracesSampleRate: 1.0,
+
+	// This sets the sample rate to be 10%. You may want this to be 100% while
+	// in development and sample at a lower rate in production
+	replaysSessionSampleRate: 0.1,
+
+	// If the entire session is not sampled, use the below sample rate to sample
+	// sessions when an error occurs.
+	replaysOnErrorSampleRate: 1.0,
+
+	// If you don't want to use Session Replay, just remove the line below:
+	integrations: [new Replay()],
+	environment: env.VERCEL_ENV || 'local'
+});
+
+// If you have a custom error handler, pass it to `handleErrorWithSentry`
+export const handleError = handleErrorWithSentry();
diff --git a/apps/codingcatdev/src/hooks.server.ts b/apps/codingcatdev/src/hooks.server.ts
@@ -1,14 +1,24 @@
+import { sequence } from '@sveltejs/kit/hooks';
+import * as Sentry from '@sentry/sveltekit';
 import { redirect, type Handle } from '@sveltejs/kit';
+import { env } from '$env/dynamic/private';
 
-export const handle = (async ({ event, resolve }) => {
-    if (event.url.pathname.startsWith('/tutorials')) {
-        throw redirect(301, '/posts');
-    }
+Sentry.init({
+	dsn: 'https://518fe25472568a2e47252e6f29583c6b@o1029244.ingest.sentry.io/4506190917206016',
+	tracesSampleRate: 1,
+	environment: env.VERCEL_ENV || 'local'
+});
 
-    if (event.url.pathname.startsWith('/tutorial')) {
-        throw redirect(301, `/post/${event.url.pathname.split('/').at(-1)}`);
-    }
+export const handle = sequence(Sentry.sentryHandle(), (async ({ event, resolve }) => {
+	if (event.url.pathname.startsWith('/tutorials')) {
+		throw redirect(301, '/posts');
+	}
 
-    const response = await resolve(event);
-    return response;
-}) satisfies Handle;
+	if (event.url.pathname.startsWith('/tutorial')) {
+		throw redirect(301, `/post/${event.url.pathname.split('/').at(-1)}`);
+	}
+
+	const response = await resolve(event);
+	return response;
+}) satisfies Handle);
+export const handleError = Sentry.handleErrorWithSentry();
diff --git a/apps/codingcatdev/vite.config.js b/apps/codingcatdev/vite.config.js
@@ -1,14 +1,22 @@
+import { sentrySvelteKit } from "@sentry/sveltekit";
 import { sveltekit } from '@sveltejs/kit/vite';
 
 /** @type {import('vite').UserConfig} */
 const config = {
-	plugins: [sveltekit()],
-	test: {
+    plugins: [sentrySvelteKit({
+        sourceMapsUploadOptions: {
+            org: "codingcatdev",
+            project: "codingcatdev-main"
+        }
+    }), sveltekit()],
+
+    test: {
 		include: ['src/**/*.{test,spec}.{js,ts}']
 	},
-	ssr: {
+
+    ssr: {
 		noExternal: ['gsap', '@gsap/shockingly', '@cloudinary/html']
 	}
 };
 
-export default config;
+export default config;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
