Enhance Sentry initialization with session tools and Dapper client integration

Author: Oksamies

apps/cyberstorm-remix/app/entry.client.tsx

@@ -4,15 +4,20 @@ import { hydrateRoot } from "react-dom/client";
 import { useLocation, useMatches } from "react-router";
 import { HydratedRouter } from "react-router/dom";
 
-import { getPublicEnvVariables } from "cyberstorm/security/publicEnvVariables";
+import {
+  getPublicEnvVariables,
+  getSessionTools,
+} from "cyberstorm/security/publicEnvVariables";
 import { denyUrls } from "cyberstorm/utils/sentry";
+import { initializeClientDapper } from "cyberstorm/utils/dapperSingleton";
 
 const publicEnvVariables = getPublicEnvVariables([
   "VITE_SITE_URL",
   "VITE_BETA_SITE_URL",
   "VITE_API_URL",
   "VITE_AUTH_BASE_URL",
   "VITE_CLIENT_SENTRY_DSN",
+  "VITE_COOKIE_DOMAIN",
 ]);
 
 Sentry.init({
@@ -69,6 +74,16 @@ Sentry.init({
   denyUrls,
 });
 
+try {
+  const sessionTools = getSessionTools();
+
+  initializeClientDapper(() =>
+    sessionTools.getConfig(publicEnvVariables.VITE_API_URL)
+  );
+} catch (error) {
+  Sentry.captureException(error);
+}
+
 startTransition(() => {
   hydrateRoot(
     document,

apps/cyberstorm-remix/cyberstorm/security/publicEnvVariables.ts

@@ -1,5 +1,5 @@
 import { getSessionContext } from "@thunderstore/ts-api-react/src/SessionContext";
-import { isRecord } from "cyberstorm/utils/typeChecks";
+import { isRecord } from "../utils/typeChecks";
 
 export type publicEnvVariablesKeys =
   | "SITE_URL"
@@ -57,7 +57,7 @@ export function getSessionTools() {
     !publicEnvVariables.VITE_COOKIE_DOMAIN
   ) {
     throw new Error(
-      "Enviroment variables did not load correctly, please hard refresh page"
+      "Environment variables did not load correctly, please hard refresh page"
     );
   }
   return getSessionContext(