feat(condo): INFRA-229 init sentry

apps/condo/next.config.js

@@ -1,4 +1,5 @@
 // @ts-check
+const { withSentryConfig } = require('@sentry/nextjs')
 const withCSS = require('@zeit/next-css')
 const withLess = require('@zeit/next-less')
 const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin')
@@ -46,6 +47,7 @@ const newsItemsSendingDelay = Number(conf['NEWS_ITEMS_SENDING_DELAY_SEC']) || 15
 const audioConfig = JSON.parse(conf['AUDIO_CONFIG'] || '{}')
 const checkTLSClientCertConfig = JSON.parse(conf['CHECK_TLS_CLIENT_CERT_CONFIG'] || '{}')
 const condoRBDomain = conf['CONDORB_DOMAIN']
+const sentryDSN = conf['SENTRY_DSN']
 const apolloBatchingEnabled = !falsey(conf['APOLLO_BATCHING_ENABLED'])
 
 module.exports = withTM(withLess(withCSS({
@@ -104,4 +106,47 @@ module.exports = withTM(withLess(withCSS({
 
         return config
     },
+
 })))
+
+if (sentryDSN) {
+    module.exports = withSentryConfig(
+        module.exports,
+        {
+            // For all available options, see:
+            // https://github.com/getsentry/sentry-webpack-plugin#options
+
+            // Suppresses source map uploading logs during build
+            silent: true,
+            org: 'qqorgldsp',
+            project: 'javascript-nextjs',
+            validate: true,
+        },
+        {
+            // 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,
+
+            // Transpiles SDK to be compatible with IE11 (increases bundle size)
+            transpileClientSDK: false,
+
+            // Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
+            // 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.
+            // See the following for more information:
+            // https://docs.sentry.io/product/crons/
+            // https://vercel.com/docs/cron-jobs
+            automaticVercelMonitors: true,
+
+        }
+    )
+}

apps/condo/package.json

@@ -74,6 +74,7 @@
     "@opentelemetry/instrumentation-pg": "^0.36.1",
     "@opentelemetry/sdk-metrics": "^1.15.2",
     "@opentelemetry/sdk-node": "^0.41.2",
+    "@sentry/nextjs": "^7.101.1",
     "@tinymce/tinymce-react": "^4.1.0",
     "@types/lodash": "4.14.186",
     "@types/wavesurfer.js": "^6.0.6",

apps/condo/pages/_error.tsx

@@ -1,4 +1,5 @@
 import Custom500 from '@app/condo/pages/500'
+import * as Sentry from '@sentry/nextjs'
 import get from 'lodash/get'
 import { NextPageContext } from 'next'
 import NextErrorComponent from 'next/error'
@@ -12,6 +13,7 @@ export default function ErrorPage (): React.ReactElement {
 ErrorPage.container = <></>
 
 ErrorPage.getInitialProps = async (props: NextPageContext) => {
+    await Sentry.captureUnderscoreErrorException(props)
     const { req, asPath, pathname, res, err } = props
 
     console.error('Pathname, asPath:', pathname, asPath)
@@ -43,4 +45,4 @@ ErrorPage.getInitialProps = async (props: NextPageContext) => {
     }
 
     return errorInitialProps
-}
+}

apps/condo/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://708218848724e5607e9eb3f3bf741b38@o4506776962400256.ingest.sentry.io/4506776963907584',
+
+    // 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,
+        }),
+    ],
+})

apps/condo/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://708218848724e5607e9eb3f3bf741b38@o4506776962400256.ingest.sentry.io/4506776963907584",
+
+  // 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,
+});

apps/condo/sentry.server.config.ts

@@ -0,0 +1,15 @@
+// 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://708218848724e5607e9eb3f3bf741b38@o4506776962400256.ingest.sentry.io/4506776963907584",
+
+  // 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,
+});