From dde17a1768ef3f7de9aab0ee0d15251eea0db25a Mon Sep 17 00:00:00 2001
From: mackt <1033530438@qq.com>
Date: Tue, 28 May 2024 17:26:22 +0800
Subject: [PATCH] chore: Init Sentry.
---
.gitignore | 3 +
next.config.mjs | 37 +-
package.json | 1 +
sentry.client.config.ts | 30 +
sentry.edge.config.ts | 16 +
sentry.server.config.ts | 18 +
src/app/(sentry)/layout.tsx | 12 +
src/app/(sentry)/sentry-example-page/page.jsx | 82 ++
src/app/api/sentry-example-api/route.js | 9 +
src/app/global-error.jsx | 20 +
src/instrumentation.ts | 9 +
yarn.lock | 1212 ++++++++++++++++-
12 files changed, 1438 insertions(+), 11 deletions(-)
create mode 100644 sentry.client.config.ts
create mode 100644 sentry.edge.config.ts
create mode 100644 sentry.server.config.ts
create mode 100644 src/app/(sentry)/layout.tsx
create mode 100644 src/app/(sentry)/sentry-example-page/page.jsx
create mode 100644 src/app/api/sentry-example-api/route.js
create mode 100644 src/app/global-error.jsx
create mode 100644 src/instrumentation.ts
diff --git a/.gitignore b/.gitignore
index dae8d21..b440196 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,3 +35,6 @@ yarn-error.log*
*.tsbuildinfo
next-env.d.ts
/dist
+
+# Sentry Config File
+.env.sentry-build-plugin
diff --git a/next.config.mjs b/next.config.mjs
index 65f0e04..29b8f00 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,3 +1,4 @@
+import { withSentryConfig } from '@sentry/nextjs';
/** @type {import('next').NextConfig} */
const nextConfig = {
async rewrites() {
@@ -13,6 +14,7 @@ const nextConfig = {
];
},
reactStrictMode: false,
+ productionBrowserSourceMaps: true,
// redirects: async () => {
// return [
// {
@@ -28,4 +30,37 @@ const nextConfig = {
// },
};
-export default nextConfig;
+export default withSentryConfig(nextConfig, {
+ // For all available options, see:
+ // https://github.com/getsentry/sentry-webpack-plugin#options
+
+ org: 'queyue',
+ project: 'queryue-website',
+
+ // 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',
+
+ // Hides source maps from generated client bundles
+ hideSourceMaps: true,
+
+ // 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,
+});
diff --git a/package.json b/package.json
index f69cba6..7d51ac6 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
"@radix-ui/react-slider": "^1.1.2",
"@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-toast": "^1.1.5",
+ "@sentry/nextjs": "^8",
"@types/qrcode": "^1.5.5",
"@types/react-window": "^1.8.8",
"@types/uuid": "^9.0.8",
diff --git a/sentry.client.config.ts b/sentry.client.config.ts
new file mode 100644
index 0000000..3f1a682
--- /dev/null
+++ b/sentry.client.config.ts
@@ -0,0 +1,30 @@
+// This file configures the initialization of Sentry on the client.
+// The config you add 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://8ec2fcaf58c084d2d35e65f9238012c8@o4507333034180608.ingest.us.sentry.io/4507333035687936',
+
+ // Adjust this value in production, or use tracesSampler for greater control
+ tracesSampleRate: 1,
+
+ // Setting this option to true will print useful information to the console while you're setting up Sentry.
+ debug: false,
+
+ replaysOnErrorSampleRate: 1.0,
+
+ // 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,
+
+ // You can remove this option if you're not planning to use the Sentry Session Replay feature:
+ integrations: [
+ Sentry.replayIntegration({
+ // Additional Replay configuration goes in here, for example:
+ maskAllText: true,
+ blockAllMedia: true,
+ }),
+ ],
+});
diff --git a/sentry.edge.config.ts b/sentry.edge.config.ts
new file mode 100644
index 0000000..da26911
--- /dev/null
+++ b/sentry.edge.config.ts
@@ -0,0 +1,16 @@
+// 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://8ec2fcaf58c084d2d35e65f9238012c8@o4507333034180608.ingest.us.sentry.io/4507333035687936',
+
+ // Adjust this value in production, or use tracesSampler for greater control
+ tracesSampleRate: 1,
+
+ // Setting this option to true will print useful information to the console while you're setting up Sentry.
+ debug: false,
+});
diff --git a/sentry.server.config.ts b/sentry.server.config.ts
new file mode 100644
index 0000000..4ab8ba1
--- /dev/null
+++ b/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://8ec2fcaf58c084d2d35e65f9238012c8@o4507333034180608.ingest.us.sentry.io/4507333035687936',
+
+ // Adjust this value in production, or use tracesSampler for greater control
+ tracesSampleRate: 1,
+
+ // Setting this option to true will print useful information to the console while you're setting up Sentry.
+ debug: false,
+
+ // Uncomment the line below to enable Spotlight (https://spotlightjs.com)
+ // spotlight: process.env.NODE_ENV === 'development',
+});
diff --git a/src/app/(sentry)/layout.tsx b/src/app/(sentry)/layout.tsx
new file mode 100644
index 0000000..0717ac1
--- /dev/null
+++ b/src/app/(sentry)/layout.tsx
@@ -0,0 +1,12 @@
+export const metadata = {
+ title: 'Next.js',
+ description: 'Generated by Next.js',
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/app/(sentry)/sentry-example-page/page.jsx b/src/app/(sentry)/sentry-example-page/page.jsx
new file mode 100644
index 0000000..6c85c4f
--- /dev/null
+++ b/src/app/(sentry)/sentry-example-page/page.jsx
@@ -0,0 +1,82 @@
+'use client';
+
+import * as Sentry from '@sentry/nextjs';
+import Head from 'next/head';
+
+export default function Page() {
+ return (
+
+
+ Sentry Onboarding
+
+
+
+
+
+
+
+
+
Get started by sending us a sample error:
+
+
+
+ Next, look for the error on the{' '}
+ Issues Page.
+