feat: Add next plugin (#3306)

Author: HazAT

package.json

@@ -30,6 +30,7 @@
     "packages/integrations",
     "packages/minimal",
     "packages/nextjs",
+    "packages/next-plugin-sentry",
     "packages/node",
     "packages/react",
     "packages/serverless",

packages/next-plugin-sentry/LICENSE

@@ -0,0 +1,29 @@
+MIT License
+
+Copyright (c) 2021, Sentry
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

packages/next-plugin-sentry/README.md

@@ -0,0 +1,19 @@
+<p align="center">
+  <a href="https://sentry.io" target="_blank" align="center">
+    <img src="https://sentry-brand.storage.googleapis.com/sentry-logo-black.png" width="280">
+  </a>
+  <br />
+</p>
+
+# Official Sentry SDK for NextJS
+
+TODO: npm version, npm dm, npm dt, typedoc
+
+## Links
+
+- [Official SDK Docs](https://docs.sentry.io/quickstart/)
+- [TypeDoc](http://getsentry.github.io/sentry-javascript/)
+
+## Usage
+
+TODO

packages/next-plugin-sentry/config.js

@@ -0,0 +1,2 @@
+exports.serverConfig = {};
+exports.clientConfig = {};

packages/next-plugin-sentry/env.js

@@ -0,0 +1,9 @@
+export const getDsn = () =>
+  process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
+
+export const getRelease = () =>
+  process.env.SENTRY_RELEASE ||
+  process.env.NEXT_PUBLIC_SENTRY_RELEASE ||
+  process.env.VERCEL_GITHUB_COMMIT_SHA ||
+  process.env.VERCEL_GITLAB_COMMIT_SHA ||
+  process.env.VERCEL_BITBUCKET_COMMIT_SHA;

packages/next-plugin-sentry/index.js

@@ -0,0 +1,10 @@
+const { serverConfig, clientConfig } = require('./config.js');
+
+const Sentry = require('@sentry/nextjs');
+Sentry.showReportDialog = (...args) => {
+  Sentry._callOnClient('showReportDialog', ...args);
+};
+
+exports.Sentry = Sentry;
+exports.serverConfig = serverConfig;
+exports.clientConfig = clientConfig;

packages/next-plugin-sentry/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@sentry/next-plugin-sentry",
+  "version": "6.2.1",
+  "description": "Plugin for Next.js",
+  "repository": "git://github.com/getsentry/sentry-javascript.git",
+  "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/next-plugin-sentry",
+  "author": "Sentry",
+  "license": "MIT",
+  "engines": {
+    "node": ">=6"
+  },
+  "main": "index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@sentry/nextjs": "6.2.1",
+    "@sentry/integrations": "6.2.1"
+  },
+  "devDependencies": {
+    "eslint": "7.20.0",
+    "rimraf": "3.0.2"
+  },
+  "nextjs": {
+    "name": "sentry",
+    "required-env": []
+  },
+  "peerDependencies": {
+    "next": "*"
+  },
+  "scripts": {
+    "link:yarn": "yarn link",
+    "pack": "npm pack"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
+}

packages/next-plugin-sentry/src/on-error-client.js

@@ -0,0 +1,14 @@
+import { withScope, captureException } from '@sentry/nextjs';
+
+export default async function onErrorClient({ err, errorInfo, renderErrorProps, data, version }) {
+  // TODO: Extract some useful metadata from the router and other arguments — Kamil
+
+  withScope(scope => {
+    if (typeof errorInfo?.componentStack === 'string') {
+      scope.setContext('react', {
+        componentStack: errorInfo.componentStack.trim(),
+      });
+    }
+    captureException(err);
+  });
+}

packages/next-plugin-sentry/src/on-error-server.js

@@ -0,0 +1,23 @@
+import { captureException, flush, Handlers, withScope } from '@sentry/nextjs';
+import getConfig from 'next/config';
+
+const { parseRequest } = Handlers;
+
+export default async function onErrorServer(err) {
+  const { serverRuntimeConfig = {}, publicRuntimeConfig = {} } = getConfig() || {};
+  const sentryTimeout = serverRuntimeConfig.sentryTimeout || publicRuntimeConfig.sentryTimeout || 2000;
+
+  withScope(scope => {
+    if (typeof err.req !== 'undefined') {
+      scope.addEventProcessor(event =>
+        parseRequest(event, err.req, {
+          // 'cookies' and 'query_string' use `dynamicRequire` which has a bug in SSR envs right now — Kamil
+          request: ['data', 'headers', 'method', 'url'],
+        }),
+      );
+    }
+    captureException(err instanceof Error ? err : err.err);
+  });
+
+  await flush(sentryTimeout);
+}

packages/next-plugin-sentry/src/on-init-client.js

@@ -0,0 +1,17 @@
+import { init } from '@sentry/nextjs';
+import getConfig from 'next/config';
+
+import { getDsn, getRelease } from '../env';
+import { clientConfig } from '../config';
+
+export default async function initClient() {
+  const { publicRuntimeConfig = {} } = getConfig() || {};
+  const runtimeConfig = publicRuntimeConfig.sentry || {};
+
+  init({
+    dsn: getDsn(),
+    ...(getRelease() && { release: getRelease() }),
+    ...runtimeConfig,
+    ...clientConfig,
+  });
+}