Adds sentry integration

a-poor · Jan 4, 2025 · 1dbe507 · 1dbe507
1 parent 08b632a
commit 1dbe507
Show file tree

Hide file tree

Showing 4 changed files with 142 additions and 1 deletion.
diff --git a/app/entry.client.tsx b/app/entry.client.tsx
@@ -0,0 +1,28 @@
+import { startTransition, StrictMode } from "react";
+import { hydrateRoot } from "react-dom/client";
+import { HydratedRouter } from "react-router/dom";
+import * as Sentry from '@sentry/react';
+
+Sentry.init({
+  dsn: import.meta.env.VITE_SENTRY_DSN,
+  integrations: [
+    Sentry.browserTracingIntegration(),
+    Sentry.replayIntegration(),
+  ],
+  tracesSampleRate: 1.0,
+  tracePropagationTargets: [
+    'localhost',
+    /^https:\/\/austinpoor\.com/,
+  ],
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+});
+
+startTransition(() => {
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <HydratedRouter />
+    </StrictMode>
+  );
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
 		"@react-router/fs-routes": "^7.0.2",
 		"@react-router/node": "^7.0.2",
 		"@react-router/serve": "^7.0.2",
+		"@sentry/react": "^8.47.0",
 		"clsx": "^2.1.1",
 		"framer-motion": "^11.15.0",
 		"fuse.js": "^7.0.0",

diff --git a/wrangler.toml b/wrangler.toml
@@ -6,4 +6,8 @@ assets = { directory = "./build/client/" }
 routes = [
     { pattern = "austinpoor.com", custom_domain = true },
     { pattern = "www.austinpoor.com", custom_domain = true },
-]
+]
+
+[vars]
+VITE_SENTRY_DSN = "https://[email protected]/4508586546626560"
+