Revert to e950c57, ci build ok one

Author: mydearxym

next.config.docker.js

@@ -24,6 +24,9 @@ const nextConfig = {
         'process.env.SENTRY_RELEASE': JSON.stringify(buildId),
       }),
     )
+    if (!isServer) {
+      config.resolve.alias['@sentry/node'] = '@sentry/browser'
+    }
 
     return config
   },

next.config.js

@@ -10,17 +10,17 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 const offlineConfig = require('./config/next_offline')
 
 // Use the SentryWebpack plugin to upload the source maps during build step
-// const SentryWebpackPlugin = require('@sentry/webpack-plugin')
+const SentryWebpackPlugin = require('@sentry/webpack-plugin')
 
-// const {
-//   NEXT_PUBLIC_SENTRY_DSN: SENTRY_DSN,
-//   SENTRY_ORG,
-//   SENTRY_PROJECT,
-//   SENTRY_AUTH_TOKEN,
-//   NODE_ENV,
-// } = process.env
+const {
+  NEXT_PUBLIC_SENTRY_DSN: SENTRY_DSN,
+  SENTRY_ORG,
+  SENTRY_PROJECT,
+  SENTRY_AUTH_TOKEN,
+  NODE_ENV,
+} = process.env
 
-// process.env.SENTRY_DSN = SENTRY_DSN
+process.env.SENTRY_DSN = SENTRY_DSN
 
 // next-plugins end
 
@@ -34,6 +34,38 @@ const nextConfig = {
       new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /(en)/),
     )
 
+    // for sentry
+    config.plugins.push(
+      new webpack.DefinePlugin({
+        'process.env.SENTRY_RELEASE': JSON.stringify(buildId),
+      }),
+    )
+    if (!isServer) {
+      config.resolve.alias['@sentry/node'] = '@sentry/browser'
+    }
+
+    // When all the Sentry configuration env variables are available/configured
+    // The Sentry webpack plugin gets pushed to the webpack plugins to build
+    // and upload the source maps to sentry.
+    // This is an alternative to manually uploading the source maps
+    // Note: This is disabled in development mode.
+    if (
+      SENTRY_DSN &&
+      SENTRY_ORG &&
+      SENTRY_PROJECT &&
+      SENTRY_AUTH_TOKEN &&
+      NODE_ENV === 'production'
+    ) {
+      config.plugins.push(
+        new SentryWebpackPlugin({
+          include: '.next',
+          ignore: ['node_modules'],
+          urlPrefix: '~/_next',
+          release: buildId,
+        }),
+      )
+    }
+
     return config
   },
 }

src/containers/content/CommunityContent/index.tsx

@@ -1,5 +1,5 @@
 /*
- * CommunityContent.
+ * CommunityContent
  */
 
 import { FC, Fragment } from 'react'

src/pages/_app.tsx

@@ -1,4 +1,5 @@
 import Head from 'next/head'
+import * as Sentry from '@sentry/node'
 
 /**
  * import default seo configuration
@@ -10,6 +11,11 @@ import Head from 'next/head'
 
 import CrashErrorHint from '@/components/CrashErrorHint'
 
+Sentry.init({
+  enabled: process.env.NODE_ENV === 'production',
+  dsn: process.env.NEXT_PUBLIC_SENTRY_TOKEN,
+})
+
 const App = ({ Component, pageProps, err }) => {
   return (
     <>

src/pages/_error.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import NextErrorComponent from 'next/error'
 import { Provider } from 'mobx-react'
+import * as Sentry from '@sentry/node'
 
 import AnalysisService from '@/services/Analysis'
 import ThemePalette from '@/containers/layout/ThemePalette'
@@ -19,6 +20,7 @@ const Error = (props) => {
     // getInitialProps is not called in case of
     // https://github.com/vercel/next.js/issues/8592. As a workaround, we pass
     // err via _app.js so it can be captured
+    Sentry.captureException(err)
   }
 
   return (
@@ -67,12 +69,16 @@ Error.getInitialProps = async ({ res, err, asPath }) => {
     return { statusCode: 404, ...i18nConfig }
   }
   if (err) {
+    Sentry.captureException(err)
     return { ...errorInitialProps, ...i18nConfig }
   }
 
   // If this point is reached, getInitialProps was called without any
   // information about what the error might be. This is unexpected and may
   // indicate a bug introduced in Next.js, so record it in Sentry
+  Sentry.captureException(
+    new Error(`_error.js getInitialProps missing data at path: ${asPath}`),
+  )
 
   return { ...errorInitialProps, ...i18nConfig }
 }

src/pages/community.tsx

@@ -147,7 +147,7 @@ export const getServerSideProps: GetServerSideProps = async (props) => {
   return { props: { errorCode: null, ...initProps } }
 }
 
-const CommunityPage = (props = {}) => {
+const CommunityPage = (props) => {
   const store = useStore(props)
 
   const { errorCode, viewing } = store