Upgrade to sentry (thedevs-network#374)

Author: itsmechlark

client/helpers/analytics.ts

@@ -1,5 +1,7 @@
 import getConfig from "next/config";
 import ReactGA from "react-ga";
+import * as Sentry from '@sentry/react';
+import { Integrations } from '@sentry/apm';
 
 const { publicRuntimeConfig } = getConfig();
 
@@ -12,6 +14,19 @@ export const logPageView = () => {
   ReactGA.pageview(window.location.pathname);
 };
 
+export const initSentry = () => {
+  if (publicRuntimeConfig.SENTRY_PUBLIC_DSN) {
+    Sentry.init({
+      dsn: publicRuntimeConfig.SENTRY_PUBLIC_DSN,
+      environment: process.env.NODE_ENV,
+      integrations: [
+        new Integrations.Tracing(),
+      ],
+      tracesSampleRate: 1.0,
+    });
+  };
+};
+
 export const logEvent = (category = "", action = "") => {
   if (category && action) {
     ReactGA.event({ category, action });

client/pages/_app.tsx

@@ -7,13 +7,17 @@ import cookie from "js-cookie";
 import Head from "next/head";
 import React from "react";
 
-import { initGA, logPageView } from "../helpers/analytics";
+import { initGA, logPageView , initSentry } from "../helpers/analytics";
 import { initializeStore } from "../store";
 import { TokenPayload } from "../types";
 
 const isProd = process.env.NODE_ENV === "production";
 const { publicRuntimeConfig } = getConfig();
 
+if (isProd) {
+  initSentry();
+};
+
 // TODO: types
 class MyApp extends App<any> {
   static async getInitialProps({ Component, ctx }: AppContext) {

next.config.js

@@ -9,6 +9,7 @@ module.exports = {
     GOOGLE_ANALYTICS: localEnv && localEnv.GOOGLE_ANALYTICS,
     REPORT_EMAIL: localEnv && localEnv.REPORT_EMAIL,
     DISALLOW_ANONYMOUS_LINKS: localEnv && localEnv.DISALLOW_ANONYMOUS_LINKS,
-    DISALLOW_REGISTRATION: localEnv && localEnv.DISALLOW_REGISTRATION
+    DISALLOW_REGISTRATION: localEnv && localEnv.DISALLOW_REGISTRATION,
+    SENTRY_PUBLIC_DSN: localEnv && localEnv.SENTRY_PUBLIC_DSN,
   }
 };

package-lock.json

@@ -35,6 +35,9 @@
   },
   "homepage": "https://github.com/TheDevs-Network/kutt#readme",
   "dependencies": {
+    "@sentry/apm": "^5.21.1",
+    "@sentry/node": "^5.21.1",
+    "@sentry/react": "^5.21.1",
     "axios": "^0.19.1",
     "babel-plugin-inline-react-svg": "^1.1.0",
     "bcryptjs": "^2.4.3",
@@ -74,7 +77,6 @@
     "prop-types": "^15.7.2",
     "qrcode.react": "^0.8.0",
     "query-string": "^6.10.1",
-    "raven": "^2.6.4",
     "react": "^16.12.0",
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "^16.12.0",

package.json

@@ -40,7 +40,8 @@ const env = cleanEnv(process.env, {
   MAIL_PASSWORD: str(),
   REPORT_EMAIL: str({ default: "" }),
   CONTACT_EMAIL: str({ default: "" }),
-  RAVEN_DSN: str({ default: "" })
+  SENTRY_PRIVATE_DSN: str({ default: "" }),
+  SENTRY_PUBLIC_DSN: str({ default: "" })
 });
 
 export default env;

server/env.ts

@@ -1,6 +1,6 @@
 import { Handler, ErrorRequestHandler } from "express";
 import { validationResult } from "express-validator";
-import Raven from "raven";
+import * as Sentry from "@sentry/node";
 import signale from "signale";
 
 import { CustomError } from "../utils";
@@ -21,10 +21,8 @@ export const error: ErrorRequestHandler = (error, req, res, next) => {
     return res.status(error.statusCode || 500).json({ error: error.message });
   }
 
-  if (env.RAVEN_DSN) {
-    Raven.captureException(error, {
-      user: { email: req.user && req.user.email }
-    });
+  if (env.SENTRY_PRIVATE_DSN) {
+    Sentry.captureException(error);
   }
 
   return res.status(500).json({ error: "An error occurred." });