update sentry and add profiling

Dockerfile

@@ -49,6 +49,7 @@ COPY --from=build /app/public /app/public
 COPY --from=build /app/package.json /app/package.json
 COPY --from=build /app/server.js /app/server.js
 COPY --from=build /app/server-utils.js /app/server-utils.js
+COPY --from=build /app/server-monitoring.js /app/server-monitoring.js
 COPY ./mdx ./mdx
 
 CMD [ "pnpm","start" ]

app/entry.server.tsx

@@ -8,7 +8,7 @@ import { createReadableStreamFromReadable } from "@remix-run/node";
 import { RemixServer } from "@remix-run/react";
 import { isbot } from "isbot";
 import { renderToPipeableStream } from "react-dom/server";
-import { env, forceEnvValidation } from "#app/utils/env.server.ts";
+import { forceEnvValidation } from "#app/utils/env.server.ts";
 import { NonceProvider } from "./utils/nonce-provider.tsx";
 import chalk from "chalk";
 import { captureException, captureRemixServerException } from "@sentry/remix";
@@ -17,10 +17,6 @@ forceEnvValidation();
 
 const ABORT_DELAY = 5_000;
 
-if (env.NODE_ENV === "production" && env.SENTRY_DSN) {
-  import("./utils/monitoring.server.ts").then(({ init }) => init());
-}
-
 type DocRequestArgs = Parameters<HandleDocumentRequestFunction>;
 export default function handleRequest(
   ...[

app/utils/monitoring.client.ts

@@ -2,6 +2,7 @@ import {
   init as sentryInit,
   browserTracingIntegration,
   replayIntegration,
+  browserProfilingIntegration,
 } from "@sentry/remix";
 import { useLocation, useMatches } from "@remix-run/react";
 import { useEffect } from "react";
@@ -10,6 +11,7 @@ export function init() {
   sentryInit({
     dsn: window.ENV.SENTRY_DSN,
     tracesSampleRate: 1,
+    profilesSampleRate: 1,
     replaysSessionSampleRate: 0.1,
     replaysOnErrorSampleRate: 1,
 
@@ -20,6 +22,7 @@ export function init() {
         useMatches,
       }),
       replayIntegration(),
+      browserProfilingIntegration(),
     ],
   });
 }

package.json

@@ -38,7 +38,8 @@
     "@remix-run/node": "2.9.1",
     "@remix-run/react": "2.9.1",
     "@remix-run/serve": "2.9.1",
-    "@sentry/remix": "8.9.2",
+    "@sentry/profiling-node": "8.13.0",
+    "@sentry/remix": "8.13.0",
     "@sentry/vite-plugin": "2.18.0",
     "address": "2.0.2",
     "cache-control-parser": "2.0.6",

server-monitoring.js

@@ -0,0 +1,12 @@
+import { init as sentryInit } from "@sentry/remix";
+import { nodeProfilingIntegration } from "@sentry/profiling-node";
+
+export function init() {
+  sentryInit({
+    dsn: process.env.SENTRY_DSN,
+    tracesSampleRate: 1,
+    profilesSampleRate: 1,
+    autoInstrumentRemix: true,
+    integrations: [nodeProfilingIntegration()],
+  });
+}

server.js

@@ -1,4 +1,3 @@
-import { wrapExpressCreateRequestHandler } from "@sentry/remix";
 import "dotenv/config";
 import crypto from "crypto";
 import { createRequestHandler } from "@remix-run/express";
@@ -11,14 +10,15 @@ import getPort, { portNumbers } from "get-port";
 import chalk from "chalk";
 import { printUrls } from "./server-utils.js";
 
-const sentryCreateRequestHandler =
-  wrapExpressCreateRequestHandler(createRequestHandler);
-
 const MODE = process.env.NODE_ENV ?? "development";
 const DISALLOW_INDEXING = process.env.DISALLOW_INDEXING === "true";
 
 sourceMapSupport.install();
 
+if (MODE === "production" && process.env.SENTRY_DSN) {
+  import("./utils/server-monitoring.js").then(({ init }) => init());
+}
+
 const viteDevServer =
   MODE === "production"
     ? undefined
@@ -108,7 +108,7 @@ function getBuild() {
 // handle SSR requests
 app.all(
   "*",
-  sentryCreateRequestHandler({
+  createRequestHandler({
     getLoadContext: (_, res) => ({
       cspNonce: res.locals.cspNonce,
       serverBuild: getBuild(),