feat: Enable Sentry error tracking by environment (#1642)

* wip

* feat: Simplify navigation hub data product links and descriptions

* feat: enable Sentry error tracking based on environment configuration

* feat: centralize Sentry initialization options across applications

* refactor: remove unused DPI logic from components and simplify imports

Author: h4rkl

apps/accelerate/sentry.edge.config.ts

@@ -1,17 +1,4 @@
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  beforeSend: sentryBeforeSend,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);

apps/accelerate/sentry.server.config.ts

@@ -1,17 +1,4 @@
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  beforeSend: sentryBeforeSend,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);

apps/accelerate/src/instrumentation-client.ts

@@ -3,22 +3,8 @@
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  debug: false,
-  beforeSend: sentryBeforeSend,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);
 
 export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;

apps/breakpoint/sentry.edge.config.ts

@@ -1,17 +1,4 @@
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  beforeSend: sentryBeforeSend,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);

apps/breakpoint/sentry.server.config.ts

@@ -1,17 +1,4 @@
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  beforeSend: sentryBeforeSend,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);

apps/breakpoint/src/instrumentation-client.ts

@@ -3,24 +3,10 @@
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
 const initSentry = () => {
-  Sentry.init({
-    dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-    tracesSampler: sentryTracesSampler,
-    debug: false,
-    beforeSend: sentryBeforeSend,
-    beforeSendTransaction: sentryBeforeSendTransaction,
-    ignoreErrors: sentryIgnoreErrors,
-    denyUrls: sentryDenyUrls,
-  });
+  Sentry.init(sentryOptions);
 };
 
 if (typeof window !== "undefined") {

apps/docs/sentry.edge.config.ts

@@ -1,17 +1,4 @@
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  beforeSend: sentryBeforeSend,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);

apps/docs/sentry.server.config.ts

@@ -1,17 +1,4 @@
 import * as Sentry from "@sentry/nextjs";
-import {
-  sentryBeforeSend,
-  sentryBeforeSendTransaction,
-  sentryDenyUrls,
-  sentryIgnoreErrors,
-  sentryTracesSampler,
-} from "@workspace/sentry";
+import { sentryOptions } from "@workspace/sentry";
 
-Sentry.init({
-  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  tracesSampler: sentryTracesSampler,
-  beforeSendTransaction: sentryBeforeSendTransaction,
-  beforeSend: sentryBeforeSend,
-  ignoreErrors: sentryIgnoreErrors,
-  denyUrls: sentryDenyUrls,
-});
+Sentry.init(sentryOptions);

apps/docs/src/app/components/posthog/PostHogProvider.tsx

@@ -5,6 +5,7 @@ import { Suspense, useEffect, useRef, useState } from "react";
 import { usePathname, useSearchParams } from "next/navigation";
 import {
   COOKIE_CONSENT_EVENT,
+  getBrowserStorage,
   readCookieConsent,
   type CookieConsentValue,
 } from "@solana-com/ui-chrome";
@@ -51,22 +52,19 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
       setIsEnabled(false);
     };
 
-    syncPostHogConsent(
+    const readConsent = () =>
       readCookieConsent({
-        storage: window.localStorage,
-      }),
-    );
+        storage: getBrowserStorage("localStorage"),
+      });
+
+    syncPostHogConsent(readConsent());
 
     const handleConsentChange = (
       event: Event | CustomEvent<{ value?: boolean }>,
     ) => {
       const consent = "detail" in event ? event.detail?.value : undefined;
       syncPostHogConsent(
-        typeof consent === "boolean"
-          ? consent
-          : readCookieConsent({
-              storage: window.localStorage,
-            }),
+        typeof consent === "boolean" ? consent : readConsent(),
       );
     };
 

apps/docs/src/hooks/useDevelopersLearnProgress.ts

@@ -2,6 +2,11 @@
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { getDevelopersLearnDependentLessonKeys } from "@/utils/developers-learn-curriculum";
+import {
+  getBrowserStorage,
+  safeStorageGetItem,
+  safeStorageSetItem,
+} from "@solana-com/ui-chrome";
 
 type StoredProgress = {
   completedLessons: string[];
@@ -16,7 +21,10 @@ function readProgressFromStorage(): StoredProgress {
     return { completedLessons: [], updatedAt: "" };
   }
 
-  const rawProgress = window.localStorage.getItem(STORAGE_KEY);
+  const rawProgress = safeStorageGetItem(
+    getBrowserStorage("localStorage"),
+    STORAGE_KEY,
+  );
   if (!rawProgress) {
     return { completedLessons: [], updatedAt: "" };
   }
@@ -45,7 +53,11 @@ function writeProgressToStorage(completedLessons: string[]) {
     updatedAt: new Date().toISOString(),
   };
 
-  window.localStorage.setItem(STORAGE_KEY, JSON.stringify(nextProgress));
+  safeStorageSetItem(
+    getBrowserStorage("localStorage"),
+    STORAGE_KEY,
+    JSON.stringify(nextProgress),
+  );
   window.dispatchEvent(new Event(PROGRESS_UPDATED_EVENT));
 }