Test Sentry

Author: GusevPM

components/modules/block/BlockOverview.vue

@@ -1,5 +1,6 @@
 <script setup>
 /** Vendor */
+import * as Sentry from "@sentry/nuxt";
 import { DateTime } from "luxon"
 
 /** UI */
@@ -344,6 +345,9 @@ const handleViewRawTransactions = () => {
 	modalsStore.open("rawData")
 }
 
+function name123() {
+	Sentry.captureException(new Error("Test Sentry direct capture"));
+}
 function triggerClientError() {
 	throw new Error("Nuxt Button Error")
 }
@@ -361,7 +365,8 @@ function triggerClientError() {
 				</Flex>
 
 				<Flex align="center" gap="8">
-					<Button @click="router.push(`/block/${height - 1}`)" type="secondary" size="mini" :disabled="height === 0">
+					<!-- <Button @click="router.push(`/block/${height - 1}`)" type="secondary" size="mini" :disabled="height === 0"> -->
+					<Button @click="name123" type="secondary" size="mini" :disabled="height === 0">
 						<Icon name="arrow-redo-right" size="16" color="secondary" :style="{ transform: 'scaleX(-1)' }" />
 						<Text :class="$style.block_nav__txt">Prev</Text>
 					</Button>

nuxt.config.ts

@@ -76,7 +76,7 @@ export default defineNuxtConfig({
 			version: "1.20.0",
 
 			sentry: {
-				dsn: process.env.SENTRY_DSN || "",
+				dsn: process.env.SENTRY_DSN,
 			},
 
 			API_MAINNET: "",

sentry.client.config.ts

@@ -21,25 +21,25 @@
 
 import * as Sentry from "@sentry/nuxt";
 
-export default defineNuxtPlugin(() => {
-    const config = useRuntimeConfig();
-    const sentryConfig = (config.public.sentry as { dsn: string });
-
-    Sentry.init({
-        dsn: sentryConfig.dsn,
-
-        sendDefaultPii: true,
-
-        integrations: [
-            Sentry.replayIntegration(),
-            Sentry.feedbackIntegration({
-            colorScheme: "system",
-            }),
-        ],
-
-        tracesSampleRate: 1.0,
-        replaysSessionSampleRate: 0.1,
-        replaysOnErrorSampleRate: 1.0,
-        enableLogs: true,
-    });
+const config = useRuntimeConfig();
+const sentryConfig = (config.public.sentry as { dsn: string });
+
+console.log("[SENTRY DSN CLIENT]", sentryConfig.dsn);
+
+Sentry.init({
+    dsn: sentryConfig.dsn,
+
+    sendDefaultPii: true,
+
+    integrations: [
+        Sentry.replayIntegration(),
+        Sentry.feedbackIntegration({
+        colorScheme: "system",
+        }),
+    ],
+
+    tracesSampleRate: 1.0,
+    replaysSessionSampleRate: 0.1,
+    replaysOnErrorSampleRate: 1.0,
+    enableLogs: true,
 });

sentry.server.config.ts

@@ -10,13 +10,13 @@
 
 import * as Sentry from "@sentry/nuxt";
 
-export default defineNuxtPlugin(() => {
-    const config = useRuntimeConfig();
-    const sentryConfig = config.public.sentry as { dsn: string };
+const config = useRuntimeConfig();
+const sentryConfig = config.public.sentry as { dsn: string };
 
-    Sentry.init({
-        dsn: sentryConfig.dsn,
-        tracesSampleRate: 1.0,
-        enableLogs: true,
-    });
+console.log("[SENTRY DSN SERVER]", sentryConfig.dsn);
+
+Sentry.init({
+    dsn: sentryConfig.dsn,
+    tracesSampleRate: 1.0,
+    enableLogs: true,
 });

server/api/test-sentry.get.ts

@@ -0,0 +1,4 @@
+export default defineEventHandler((event) => {
+    const config = useRuntimeConfig(event);
+    return { sentryDsn: config.public.sentry?.dsn || null };
+});