feat: re-add sentry, bump nextjs version

Author: jacc

.gitignore

@@ -13,3 +13,4 @@ venv
 .venv
 __pycache__/
 .sentryclirc
+.env.sentry-build-plugin

apps/stardew.app/next.config.js

@@ -38,4 +38,40 @@ const nextConfig = {
 	},
 };
 
+// Injected content via Sentry wizard below
+
+const { withSentryConfig } = require("@sentry/nextjs");
+
+module.exports = withSentryConfig(module.exports, {
+	// For all available options, see:
+	// https://www.npmjs.com/package/@sentry/webpack-plugin#options
+
+	org: "communitycenter",
+	project: "stardewapp",
+
+	// Only print logs for uploading source maps in CI
+	silent: !process.env.CI,
+
+	// For all available options, see:
+	// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+
+	// Upload a larger set of source maps for prettier stack traces (increases build time)
+	widenClientFileUpload: true,
+
+	// Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
+	// This can increase your server load as well as your hosting bill.
+	// Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
+	// side errors will fail.
+	tunnelRoute: "/monitoring",
+
+	// Automatically tree-shake Sentry logger statements to reduce bundle size
+	disableLogger: true,
+
+	// Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)
+	// See the following for more information:
+	// https://docs.sentry.io/product/crons/
+	// https://vercel.com/docs/cron-jobs
+	automaticVercelMonitors: true,
+});
+
 module.exports = nextConfig;

apps/stardew.app/package.json

@@ -40,6 +40,7 @@
 		"@radix-ui/react-toggle-group": "^1.1.10",
 		"@radix-ui/react-tooltip": "^1.0.6",
 		"@react-hook/media-query": "^1.1.1",
+		"@sentry/nextjs": "^10",
 		"@tabler/icons-react": "^2.30.0",
 		"@types/node": "20.4.0",
 		"@types/react": "18.2.14",
@@ -56,7 +57,7 @@
 		"fast-xml-parser": "^4.2.6",
 		"lucide-react": "^0.522.0",
 		"mysql2": "^3.10.1",
-		"next": "^14.2.3",
+		"next": "^15.5.2",
 		"next-themes": "^0.2.1",
 		"postcss": "8.4.24",
 		"react": "18.2.0",

apps/stardew.app/sentry.edge.config.ts

@@ -0,0 +1,19 @@
+// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).
+// The config you add here will be used whenever one of the edge features is loaded.
+// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://2f557a537a56e11d3bdf60941649b239@o4506080157958144.ingest.us.sentry.io/4506080163790848",
+
+  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.
+  tracesSampleRate: 1,
+
+  // Enable logs to be sent to Sentry
+  enableLogs: true,
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+});

apps/stardew.app/sentry.server.config.ts

@@ -0,0 +1,18 @@
+// This file configures the initialization of Sentry on the server.
+// The config you add here will be used whenever the server handles a request.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://2f557a537a56e11d3bdf60941649b239@o4506080157958144.ingest.us.sentry.io/4506080163790848",
+
+  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.
+  tracesSampleRate: 1,
+
+  // Enable logs to be sent to Sentry
+  enableLogs: true,
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+});

apps/stardew.app/src/instrumentation-client.ts

@@ -0,0 +1,32 @@
+// This file configures the initialization of Sentry on the client.
+// The added config here will be used whenever a users loads a page in their browser.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://2f557a537a56e11d3bdf60941649b239@o4506080157958144.ingest.us.sentry.io/4506080163790848",
+
+  // Add optional integrations for additional features
+  integrations: [
+    Sentry.replayIntegration(),
+  ],
+
+  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.
+  tracesSampleRate: 1,
+  // Enable logs to be sent to Sentry
+  enableLogs: true,
+
+  // Define how likely Replay events are sampled.
+  // This sets the sample rate to be 10%. You may want this to be 100% while
+  // in development and sample at a lower rate in production
+  replaysSessionSampleRate: 0.1,
+
+  // Define how likely Replay events are sampled when an error occurs.
+  replaysOnErrorSampleRate: 1.0,
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+});
+
+export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;

apps/stardew.app/src/instrumentation.ts

@@ -0,0 +1,13 @@
+import * as Sentry from '@sentry/nextjs';
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    await import('../sentry.server.config');
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    await import('../sentry.edge.config');
+  }
+}
+
+export const onRequestError = Sentry.captureRequestError;

apps/stardew.app/src/pages/_error.tsx

@@ -1,3 +1,4 @@
+import * as Sentry from "@sentry/nextjs";
 import Error from "next/error";
 
 // @ts-expect-error Pages router
@@ -7,6 +8,7 @@ const CustomErrorComponent = (props) => {
 
 // @ts-expect-error Pages router
 CustomErrorComponent.getInitialProps = async (contextData) => {
+	await Sentry.captureUnderscoreErrorException(contextData);
 	return Error.getInitialProps(contextData);
 };