@sentry/wizard 3.42.1 → 4.0.0

package/dist/src/nextjs/templates.js

@@ -4,115 +4,455 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getGlobalErrorCopyPasteSnippet = exports.getSentryDefaultGlobalErrorPage = exports.getInstrumentationHookCopyPasteSnippet = exports.getInstrumentationHookContent = exports.getFullUnderscoreErrorCopyPasteSnippet = exports.getSimpleUnderscoreErrorCopyPasteSnippet = exports.getSentryDefaultUnderscoreErrorPage = exports.getSentryExampleAppDirApiRoute = exports.getSentryExamplePagesDirApiRoute = exports.getSentryExamplePageContents = exports.getSentryConfigContents = exports.getNextjsConfigEsmCopyPasteSnippet = exports.getNextjsConfigCjsAppendix = exports.getNextjsConfigMjsTemplate = exports.getNextjsConfigCjsTemplate = exports.getWithSentryConfigOptionsTemplate = void 0;
-var chalk_1 = __importDefault(require("chalk"));
-var clack_utils_1 = require("../utils/clack-utils");
-function getWithSentryConfigOptionsTemplate(_a) {
-    var orgSlug = _a.orgSlug, projectSlug = _a.projectSlug, selfHosted = _a.selfHosted, tunnelRoute = _a.tunnelRoute, reactComponentAnnotation = _a.reactComponentAnnotation, sentryUrl = _a.sentryUrl;
-    return "{\n    // For all available options, see:\n    // https://github.com/getsentry/sentry-webpack-plugin#options\n\n    org: \"".concat(orgSlug, "\",\n    project: \"").concat(projectSlug, "\",").concat(selfHosted ? "\n    sentryUrl: \"".concat(sentryUrl, "\",") : '', "\n\n    // Only print logs for uploading source maps in CI\n    silent: !process.env.CI,\n\n    // For all available options, see:\n    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/\n\n    // Upload a larger set of source maps for prettier stack traces (increases build time)\n    widenClientFileUpload: true,").concat(reactComponentAnnotation
-        ? "\n\n    // Automatically annotate React components to show their full name in breadcrumbs and session replay\n    reactComponentAnnotation: {\n      enabled: true,\n    },"
-        : '', "\n\n    // ").concat(tunnelRoute ? 'Route' : 'Uncomment to route', " browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.\n    // This can increase your server load as well as your hosting bill.\n    // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-\n    // side errors will fail.\n    ").concat(tunnelRoute ? '' : '// ', "tunnelRoute: \"/monitoring\",\n\n    // Automatically tree-shake Sentry logger statements to reduce bundle size\n    disableLogger: true,\n\n    // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)\n    // See the following for more information:\n    // https://docs.sentry.io/product/crons/\n    // https://vercel.com/docs/cron-jobs\n    automaticVercelMonitors: true,\n  }");
+const chalk_1 = __importDefault(require("chalk"));
+const clack_utils_1 = require("../utils/clack-utils");
+function getWithSentryConfigOptionsTemplate({ orgSlug, projectSlug, selfHosted, tunnelRoute, reactComponentAnnotation, sentryUrl, }) {
+    return `{
+    // For all available options, see:
+    // https://github.com/getsentry/sentry-webpack-plugin#options
+
+    org: "${orgSlug}",
+    project: "${projectSlug}",${selfHosted ? `\n    sentryUrl: "${sentryUrl}",` : ''}
+
+    // 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,${reactComponentAnnotation
+        ? `\n
+    // Automatically annotate React components to show their full name in breadcrumbs and session replay
+    reactComponentAnnotation: {
+      enabled: true,
+    },`
+        : ''}
+
+    // ${tunnelRoute ? 'Route' : 'Uncomment to 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 ? '' : '// '}tunnelRoute: "/monitoring",
+
+    // 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,
+  }`;
 }
 exports.getWithSentryConfigOptionsTemplate = getWithSentryConfigOptionsTemplate;
 function getNextjsConfigCjsTemplate(withSentryConfigOptionsTemplate) {
-    return "const { withSentryConfig } = require(\"@sentry/nextjs\");\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nmodule.exports = withSentryConfig(\n  nextConfig,\n  ".concat(withSentryConfigOptionsTemplate, "\n);\n");
+    return `const { withSentryConfig } = require("@sentry/nextjs");
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+module.exports = withSentryConfig(
+  nextConfig,
+  ${withSentryConfigOptionsTemplate}
+);
+`;
 }
 exports.getNextjsConfigCjsTemplate = getNextjsConfigCjsTemplate;
 function getNextjsConfigMjsTemplate(withSentryConfigOptionsTemplate) {
-    return "import { withSentryConfig } from \"@sentry/nextjs\";\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nexport default withSentryConfig(\n  nextConfig,\n  ".concat(withSentryConfigOptionsTemplate, "\n);\n");
+    return `import { withSentryConfig } from "@sentry/nextjs";
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default withSentryConfig(
+  nextConfig,
+  ${withSentryConfigOptionsTemplate}
+);
+`;
 }
 exports.getNextjsConfigMjsTemplate = getNextjsConfigMjsTemplate;
 function getNextjsConfigCjsAppendix(withSentryConfigOptionsTemplate) {
-    return "\n\n// Injected content via Sentry wizard below\n\nconst { withSentryConfig } = require(\"@sentry/nextjs\");\n\nmodule.exports = withSentryConfig(\n  module.exports,\n  ".concat(withSentryConfigOptionsTemplate, "\n);\n");
+    return `
+
+// Injected content via Sentry wizard below
+
+const { withSentryConfig } = require("@sentry/nextjs");
+
+module.exports = withSentryConfig(
+  module.exports,
+  ${withSentryConfigOptionsTemplate}
+);
+`;
 }
 exports.getNextjsConfigCjsAppendix = getNextjsConfigCjsAppendix;
 function getNextjsConfigEsmCopyPasteSnippet(withSentryConfigOptionsTemplate) {
-    return "\n\n// next.config.mjs\nimport { withSentryConfig } from \"@sentry/nextjs\";\n\nexport default withSentryConfig(\n  yourNextConfig,\n  ".concat(withSentryConfigOptionsTemplate, "\n);\n");
+    return `
+
+// next.config.mjs
+import { withSentryConfig } from "@sentry/nextjs";
+
+export default withSentryConfig(
+  yourNextConfig,
+  ${withSentryConfigOptionsTemplate}
+);
+`;
 }
 exports.getNextjsConfigEsmCopyPasteSnippet = getNextjsConfigEsmCopyPasteSnippet;
 function getClientIntegrationsSnippet(features) {
     if (features.replay) {
-        return "\n\n  // Add optional integrations for additional features\n  integrations: [\n    Sentry.replayIntegration(),\n  ],";
+        return `
+
+  // Add optional integrations for additional features
+  integrations: [
+    Sentry.replayIntegration(),
+  ],`;
     }
     return '';
 }
 function getSentryConfigContents(dsn, config, selectedFeaturesMap) {
-    var primer;
+    let primer;
     if (config === 'server') {
-        primer = "// This file configures the initialization of Sentry on the server.\n// The config you add here will be used whenever the server handles a request.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/";
+        primer = `// 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/`;
     }
     else if (config === 'client') {
-        primer = "// This file configures the initialization of Sentry on the client.\n// The config you add here will be used whenever a users loads a page in their browser.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/";
+        primer = `// 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/`;
     }
     else if (config === 'edge') {
-        primer = "// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).\n// The config you add here will be used whenever one of the edge features is loaded.\n// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/";
+        primer = `// 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/`;
     }
-    var integrationsOptions = getClientIntegrationsSnippet({
+    const integrationsOptions = getClientIntegrationsSnippet({
         replay: config === 'client' && selectedFeaturesMap.replay,
     });
-    var replayOptions = '';
+    let replayOptions = '';
     if (config === 'client') {
         if (selectedFeaturesMap.replay) {
-            replayOptions += "\n\n  // Define how likely Replay events are sampled.\n  // This sets the sample rate to be 10%. You may want this to be 100% while\n  // in development and sample at a lower rate in production\n  replaysSessionSampleRate: 0.1,\n\n  // Define how likely Replay events are sampled when an error occurs.\n  replaysOnErrorSampleRate: 1.0,";
+            replayOptions += `
+
+  // Define how likely Replay events are sampled.
+  // 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,
+
+  // Define how likely Replay events are sampled when an error occurs.
+  replaysOnErrorSampleRate: 1.0,`;
         }
     }
-    var performanceOptions = '';
+    let performanceOptions = '';
     if (selectedFeaturesMap.performance) {
-        performanceOptions += "\n\n  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.\n  tracesSampleRate: 1,";
+        performanceOptions += `
+
+  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.
+  tracesSampleRate: 1,`;
     }
     // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-    return "".concat(primer, "\n\nimport * as Sentry from \"@sentry/nextjs\";\n\nSentry.init({\n  dsn: \"").concat(dsn, "\",").concat(integrationsOptions).concat(performanceOptions).concat(replayOptions, "\n\n  // Setting this option to true will print useful information to the console while you're setting up Sentry.\n  debug: false,\n});\n");
+    return `${primer}
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "${dsn}",${integrationsOptions}${performanceOptions}${replayOptions}
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+});
+`;
 }
 exports.getSentryConfigContents = getSentryConfigContents;
 function getSentryExamplePageContents(options) {
-    var issuesPageLink = options.selfHosted
-        ? "".concat(options.sentryUrl, "organizations/").concat(options.orgSlug, "/issues/?project=").concat(options.projectId)
-        : "https://".concat(options.orgSlug, ".sentry.io/issues/?project=").concat(options.projectId);
-    return "".concat(options.useClient ? '"use client";\n\n' : '', "import Head from \"next/head\";\nimport * as Sentry from \"@sentry/nextjs\";\n\nexport default function Page() {\n  return (\n    <div>\n      <Head>\n        <title>Sentry Onboarding</title>\n        <meta name=\"description\" content=\"Test Sentry for your Next.js app!\" />\n      </Head>\n\n      <main\n        style={{\n          minHeight: \"100vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n        }}\n      >\n        <h1 style={{ fontSize: \"4rem\", margin: \"14px 0\" }}>\n          <svg\n            style={{\n              height: \"1em\",\n            }}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 200 44\"\n          >\n            <path\n              fill=\"currentColor\"\n              d=\"M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z\"\n            ></path>\n          </svg>\n        </h1>\n\n        <p>Get started by sending us a sample error:</p>\n        <button\n          type=\"button\"\n          style={{\n            padding: \"12px\",\n            cursor: \"pointer\",\n            backgroundColor: \"#AD6CAA\",\n            borderRadius: \"4px\",\n            border: \"none\",\n            color: \"white\",\n            fontSize: \"14px\",\n            margin: \"18px\",\n          }}\n          onClick={async () => {\n            await Sentry.startSpan({\n              name: 'Example Frontend Span',\n              op: 'test'\n            }, async () => {\n              const res = await fetch(\"/api/sentry-example-api\");\n              if (!res.ok) {\n                throw new Error(\"Sentry Example Frontend Error\");\n              }\n            });\n          }}\n        >\n          Throw error!\n        </button>\n\n        <p>\n          Next, look for the error on the{\" \"}\n          <a href=\"").concat(issuesPageLink, "\">Issues Page</a>.\n        </p>\n        <p style={{ marginTop: \"24px\" }}>\n          For more information, see{\" \"}\n          <a href=\"https://docs.sentry.io/platforms/javascript/guides/nextjs/\">\n            https://docs.sentry.io/platforms/javascript/guides/nextjs/\n          </a>\n        </p>\n      </main>\n    </div>\n  );\n}\n");
+    const issuesPageLink = options.selfHosted
+        ? `${options.sentryUrl}organizations/${options.orgSlug}/issues/?project=${options.projectId}`
+        : `https://${options.orgSlug}.sentry.io/issues/?project=${options.projectId}`;
+    return `${options.useClient ? '"use client";\n\n' : ''}import Head from "next/head";
+import * as Sentry from "@sentry/nextjs";
+
+export default function Page() {
+  return (
+    <div>
+      <Head>
+        <title>Sentry Onboarding</title>
+        <meta name="description" content="Test Sentry for your Next.js app!" />
+      </Head>
+
+      <main
+        style={{
+          minHeight: "100vh",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
+        <h1 style={{ fontSize: "4rem", margin: "14px 0" }}>
+          <svg
+            style={{
+              height: "1em",
+            }}
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 200 44"
+          >
+            <path
+              fill="currentColor"
+              d="M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z"
+            ></path>
+          </svg>
+        </h1>
+
+        <p>Get started by sending us a sample error:</p>
+        <button
+          type="button"
+          style={{
+            padding: "12px",
+            cursor: "pointer",
+            backgroundColor: "#AD6CAA",
+            borderRadius: "4px",
+            border: "none",
+            color: "white",
+            fontSize: "14px",
+            margin: "18px",
+          }}
+          onClick={async () => {
+            await Sentry.startSpan({
+              name: 'Example Frontend Span',
+              op: 'test'
+            }, async () => {
+              const res = await fetch("/api/sentry-example-api");
+              if (!res.ok) {
+                throw new Error("Sentry Example Frontend Error");
+              }
+            });
+          }}
+        >
+          Throw error!
+        </button>
+
+        <p>
+          Next, look for the error on the{" "}
+          <a href="${issuesPageLink}">Issues Page</a>.
+        </p>
+        <p style={{ marginTop: "24px" }}>
+          For more information, see{" "}
+          <a href="https://docs.sentry.io/platforms/javascript/guides/nextjs/">
+            https://docs.sentry.io/platforms/javascript/guides/nextjs/
+          </a>
+        </p>
+      </main>
+    </div>
+  );
+}
+`;
 }
 exports.getSentryExamplePageContents = getSentryExamplePageContents;
 function getSentryExamplePagesDirApiRoute() {
-    return "// A faulty API route to test Sentry's error monitoring\nexport default function handler(_req, res) {\n  throw new Error(\"Sentry Example API Route Error\");\n  res.status(200).json({ name: \"John Doe\" });\n}\n";
+    return `// A faulty API route to test Sentry's error monitoring
+export default function handler(_req, res) {
+  throw new Error("Sentry Example API Route Error");
+  res.status(200).json({ name: "John Doe" });
+}
+`;
 }
 exports.getSentryExamplePagesDirApiRoute = getSentryExamplePagesDirApiRoute;
 function getSentryExampleAppDirApiRoute() {
-    return "import { NextResponse } from \"next/server\";\n\nexport const dynamic = \"force-dynamic\";\n\n// A faulty API route to test Sentry's error monitoring\nexport function GET() {\n  throw new Error(\"Sentry Example API Route Error\");\n  return NextResponse.json({ data: \"Testing Sentry Error...\" });\n}\n";
+    return `import { NextResponse } from "next/server";
+
+export const dynamic = "force-dynamic";
+
+// A faulty API route to test Sentry's error monitoring
+export function GET() {
+  throw new Error("Sentry Example API Route Error");
+  return NextResponse.json({ data: "Testing Sentry Error..." });
+}
+`;
 }
 exports.getSentryExampleAppDirApiRoute = getSentryExampleAppDirApiRoute;
 function getSentryDefaultUnderscoreErrorPage() {
-    return "import * as Sentry from \"@sentry/nextjs\";\nimport Error from \"next/error\";\n\nconst CustomErrorComponent = (props) => {\n  return <Error statusCode={props.statusCode} />;\n};\n\nCustomErrorComponent.getInitialProps = async (contextData) => {\n  // In case this is running in a serverless function, await this in order to give Sentry\n  // time to send the error before the lambda exits\n  await Sentry.captureUnderscoreErrorException(contextData);\n\n  // This will contain the status code of the response\n  return Error.getInitialProps(contextData);\n};\n\nexport default CustomErrorComponent;\n";
+    return `import * as Sentry from "@sentry/nextjs";
+import Error from "next/error";
+
+const CustomErrorComponent = (props) => {
+  return <Error statusCode={props.statusCode} />;
+};
+
+CustomErrorComponent.getInitialProps = async (contextData) => {
+  // In case this is running in a serverless function, await this in order to give Sentry
+  // time to send the error before the lambda exits
+  await Sentry.captureUnderscoreErrorException(contextData);
+
+  // This will contain the status code of the response
+  return Error.getInitialProps(contextData);
+};
+
+export default CustomErrorComponent;
+`;
 }
 exports.getSentryDefaultUnderscoreErrorPage = getSentryDefaultUnderscoreErrorPage;
 function getSimpleUnderscoreErrorCopyPasteSnippet() {
-    return "\n".concat(chalk_1.default.green("import * as Sentry from '@sentry/nextjs';"), "\n").concat(chalk_1.default.green("import Error from \"next/error\";"), "\n\n").concat(chalk_1.default.dim('// Replace "YourCustomErrorComponent" with your custom error component!'), "\nYourCustomErrorComponent.getInitialProps = async (").concat(chalk_1.default.green('contextData'), ") => {\n  ").concat(chalk_1.default.green('await Sentry.captureUnderscoreErrorException(contextData);'), "\n\n  ").concat(chalk_1.default.dim('// ...other getInitialProps code'), "\n\n  return Error.getInitialProps(contextData);\n};\n");
+    return `
+${chalk_1.default.green(`import * as Sentry from '@sentry/nextjs';`)}
+${chalk_1.default.green(`import Error from "next/error";`)}
+
+${chalk_1.default.dim('// Replace "YourCustomErrorComponent" with your custom error component!')}
+YourCustomErrorComponent.getInitialProps = async (${chalk_1.default.green('contextData')}) => {
+  ${chalk_1.default.green('await Sentry.captureUnderscoreErrorException(contextData);')}
+
+  ${chalk_1.default.dim('// ...other getInitialProps code')}
+
+  return Error.getInitialProps(contextData);
+};
+`;
 }
 exports.getSimpleUnderscoreErrorCopyPasteSnippet = getSimpleUnderscoreErrorCopyPasteSnippet;
 function getFullUnderscoreErrorCopyPasteSnippet(isTs) {
-    return "\nimport * as Sentry from '@sentry/nextjs';".concat(isTs ? '\nimport type { NextPageContext } from "next";' : '', "\nimport Error from \"next/error\";\n\n").concat(chalk_1.default.dim('// Replace "YourCustomErrorComponent" with your custom error component!'), "\nYourCustomErrorComponent.getInitialProps = async (contextData").concat(isTs ? ': NextPageContext' : '', ") => {\n  await Sentry.captureUnderscoreErrorException(contextData);\n\n  return Error.getInitialProps(contextData);\n};\n");
+    return `
+import * as Sentry from '@sentry/nextjs';${isTs ? '\nimport type { NextPageContext } from "next";' : ''}
+import Error from "next/error";
+
+${chalk_1.default.dim('// Replace "YourCustomErrorComponent" with your custom error component!')}
+YourCustomErrorComponent.getInitialProps = async (contextData${isTs ? ': NextPageContext' : ''}) => {
+  await Sentry.captureUnderscoreErrorException(contextData);
+
+  return Error.getInitialProps(contextData);
+};
+`;
 }
 exports.getFullUnderscoreErrorCopyPasteSnippet = getFullUnderscoreErrorCopyPasteSnippet;
 function getInstrumentationHookContent(instrumentationHookLocation) {
-    return "import * as Sentry from '@sentry/nextjs';\n\nexport async function register() {\n  if (process.env.NEXT_RUNTIME === 'nodejs') {\n    await import('".concat(instrumentationHookLocation === 'root' ? '.' : '..', "/sentry.server.config');\n  }\n\n  if (process.env.NEXT_RUNTIME === 'edge') {\n    await import('").concat(instrumentationHookLocation === 'root' ? '.' : '..', "/sentry.edge.config');\n  }\n}\n\nexport const onRequestError = Sentry.captureRequestError;\n");
+    return `import * as Sentry from '@sentry/nextjs';
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    await import('${instrumentationHookLocation === 'root' ? '.' : '..'}/sentry.server.config');
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    await import('${instrumentationHookLocation === 'root' ? '.' : '..'}/sentry.edge.config');
+  }
+}
+
+export const onRequestError = Sentry.captureRequestError;
+`;
 }
 exports.getInstrumentationHookContent = getInstrumentationHookContent;
 function getInstrumentationHookCopyPasteSnippet(instrumentationHookLocation) {
-    return (0, clack_utils_1.makeCodeSnippet)(true, function (unchanged, plus) {
-        return unchanged("".concat(plus("import * as Sentry from '@sentry/nextjs';"), "\n\nexport ").concat(plus('async'), " function register() {\n  ").concat(plus("if (process.env.NEXT_RUNTIME === 'nodejs') {\n    await import('".concat(instrumentationHookLocation === 'root' ? '.' : '..', "/sentry.server.config');\n  }\n\n  if (process.env.NEXT_RUNTIME === 'edge') {\n    await import('").concat(instrumentationHookLocation === 'root' ? '.' : '..', "/sentry.edge.config');\n  }")), "\n}\n\n").concat(plus('export const onRequestError = Sentry.captureRequestError;'), "\n"));
+    return (0, clack_utils_1.makeCodeSnippet)(true, (unchanged, plus) => {
+        return unchanged(`${plus("import * as Sentry from '@sentry/nextjs';")}
+
+export ${plus('async')} function register() {
+  ${plus(`if (process.env.NEXT_RUNTIME === 'nodejs') {
+    await import('${instrumentationHookLocation === 'root' ? '.' : '..'}/sentry.server.config');
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    await import('${instrumentationHookLocation === 'root' ? '.' : '..'}/sentry.edge.config');
+  }`)}
+}
+
+${plus('export const onRequestError = Sentry.captureRequestError;')}
+`);
     });
 }
 exports.getInstrumentationHookCopyPasteSnippet = getInstrumentationHookCopyPasteSnippet;
 function getSentryDefaultGlobalErrorPage(isTs) {
     return isTs
-        ? "\"use client\";\n\nimport * as Sentry from \"@sentry/nextjs\";\nimport NextError from \"next/error\";\nimport { useEffect } from \"react\";\n\nexport default function GlobalError({ error }: { error: Error & { digest?: string } }) {\n  useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);\n\n  return (\n    <html>\n      <body>\n        {/* `NextError` is the default Next.js error page component. Its type\n        definition requires a `statusCode` prop. However, since the App Router\n        does not expose status codes for errors, we simply pass 0 to render a\n        generic error message. */}\n        <NextError statusCode={0} />\n      </body>\n    </html>\n  );\n}"
-        : "\"use client\";\n\nimport * as Sentry from \"@sentry/nextjs\";\nimport NextError from \"next/error\";\nimport { useEffect } from \"react\";\n\nexport default function GlobalError({ error }) {\n  useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);\n\n  return (\n    <html>\n      <body>\n        {/* `NextError` is the default Next.js error page component. Its type\n        definition requires a `statusCode` prop. However, since the App Router\n        does not expose status codes for errors, we simply pass 0 to render a\n        generic error message. */}\n        <NextError statusCode={0} />\n      </body>\n    </html>\n  );\n}\n";
+        ? `"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        {/* \`NextError\` is the default Next.js error page component. Its type
+        definition requires a \`statusCode\` prop. However, since the App Router
+        does not expose status codes for errors, we simply pass 0 to render a
+        generic error message. */}
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}`
+        : `"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({ error }) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        {/* \`NextError\` is the default Next.js error page component. Its type
+        definition requires a \`statusCode\` prop. However, since the App Router
+        does not expose status codes for errors, we simply pass 0 to render a
+        generic error message. */}
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}
+`;
 }
 exports.getSentryDefaultGlobalErrorPage = getSentryDefaultGlobalErrorPage;
 function getGlobalErrorCopyPasteSnippet(isTs) {
     if (isTs) {
-        return "\"use client\";\n\n".concat(chalk_1.default.green('import * as Sentry from "@sentry/nextjs";'), "\n").concat(chalk_1.default.green('import Error from "next/error";'), "\n").concat(chalk_1.default.green('import { useEffect } from "react";'), "\n\nexport default function GlobalError(").concat(chalk_1.default.green('{ error }: { error: Error }'), ") {\n  ").concat(chalk_1.default.green("useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);"), "\n\n  return (\n    <html>\n      <body>\n        {/* Your Error component here... */}\n      </body>\n    </html>\n  );\n}\n");
-    }
-    else {
-        return "\"use client\";\n\n".concat(chalk_1.default.green('import * as Sentry from "@sentry/nextjs";'), "\n").concat(chalk_1.default.green('import Error from "next/error";'), "\n").concat(chalk_1.default.green('import { useEffect } from "react";'), "\n\nexport default function GlobalError(").concat(chalk_1.default.green('{ error }'), ") {\n  ").concat(chalk_1.default.green("useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);"), "\n\n  return (\n    <html>\n      <body>\n        {/* Your Error component here... */}\n      </body>\n    </html>\n  );\n}\n");
+        return `"use client";
+
+${chalk_1.default.green('import * as Sentry from "@sentry/nextjs";')}
+${chalk_1.default.green('import Error from "next/error";')}
+${chalk_1.default.green('import { useEffect } from "react";')}
+
+export default function GlobalError(${chalk_1.default.green('{ error }: { error: Error }')}) {
+  ${chalk_1.default.green(`useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);`)}
+
+  return (
+    <html>
+      <body>
+        {/* Your Error component here... */}
+      </body>
+    </html>
+  );
+}
+`;
     }
+    return `"use client";
+
+${chalk_1.default.green('import * as Sentry from "@sentry/nextjs";')}
+${chalk_1.default.green('import Error from "next/error";')}
+${chalk_1.default.green('import { useEffect } from "react";')}
+
+export default function GlobalError(${chalk_1.default.green('{ error }')}) {
+  ${chalk_1.default.green(`useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);`)}
+
+  return (
+    <html>
+      <body>
+        {/* Your Error component here... */}
+      </body>
+    </html>
+  );
+}
+`;
 }
 exports.getGlobalErrorCopyPasteSnippet = getGlobalErrorCopyPasteSnippet;
 //# sourceMappingURL=templates.js.map

package/dist/src/nextjs/templates.js.map

@@ -1 +1 @@
-{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/nextjs/templates.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,oDAAuD;AAWvD,SAAgB,kCAAkC,CAAC,EAOzB;QANxB,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,wBAAwB,8BAAA,EACxB,SAAS,eAAA;IAET,OAAO,qIAIG,OAAO,iCACH,WAAW,gBACvB,UAAU,CAAC,CAAC,CAAC,6BAAqB,SAAS,QAAI,CAAC,CAAC,CAAC,EAAE,+VAWlD,wBAAwB;QACtB,CAAC,CAAC,6KAIH;QACC,CAAC,CAAC,EAAE,wBAIN,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,qUAK5C,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,wbAU1B,CAAC;AACL,CAAC;AAnDD,gFAmDC;AAED,SAAgB,0BAA0B,CACxC,+BAAuC;IAEvC,OAAO,gMAOL,+BAA+B,WAElC,CAAC;AACF,CAAC;AAbD,gEAaC;AAED,SAAgB,0BAA0B,CACxC,+BAAuC;IAEvC,OAAO,yLAOL,+BAA+B,WAElC,CAAC;AACF,CAAC;AAbD,gEAaC;AAED,SAAgB,0BAA0B,CACxC,+BAAuC;IAEvC,OAAO,mLAQL,+BAA+B,WAElC,CAAC;AACF,CAAC;AAdD,gEAcC;AAED,SAAgB,kCAAkC,CAChD,+BAAuC;IAEvC,OAAO,iJAOL,+BAA+B,WAElC,CAAC;AACF,CAAC;AAbD,gFAaC;AAED,SAAS,4BAA4B,CAAC,QAA6B;IACjE,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,sHAKN,CAAC;KACH;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,uBAAuB,CACrC,GAAW,EACX,MAAoC,EACpC,mBAGC;IAED,IAAI,MAAM,CAAC;IACX,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,MAAM,GAAG,oNAEiD,CAAC;KAC5D;SAAM,IAAI,MAAM,KAAK,QAAQ,EAAE;QAC9B,MAAM,GAAG,6NAEiD,CAAC;KAC5D;SAAM,IAAI,MAAM,KAAK,MAAM,EAAE;QAC5B,MAAM,GAAG,gXAGiD,CAAC;KAC5D;IAED,IAAM,mBAAmB,GAAG,4BAA4B,CAAC;QACvD,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,mBAAmB,CAAC,MAAM;KAC1D,CAAC,CAAC;IAEH,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,IAAI,mBAAmB,CAAC,MAAM,EAAE;YAC9B,aAAa,IAAI,iVAQU,CAAC;SAC7B;KACF;IAED,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,CAAC,WAAW,EAAE;QACnC,kBAAkB,IAAI,mJAGH,CAAC;KACrB;IAED,4EAA4E;IAC5E,OAAO,UAAG,MAAM,wFAKR,GAAG,gBAAK,mBAAmB,SAAG,kBAAkB,SAAG,aAAa,8IAKzE,CAAC;AACF,CAAC;AA/DD,0DA+DC;AAED,SAAgB,4BAA4B,CAAC,OAM5C;IACC,IAAM,cAAc,GAAG,OAAO,CAAC,UAAU;QACvC,CAAC,CAAC,UAAG,OAAO,CAAC,SAAS,2BAAiB,OAAO,CAAC,OAAO,8BAAoB,OAAO,CAAC,SAAS,CAAE;QAC7F,CAAC,CAAC,kBAAW,OAAO,CAAC,OAAO,wCAA8B,OAAO,CAAC,SAAS,CAAE,CAAC;IAEhF,OAAO,UACL,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,omGAkE3B,cAAc,8VAYlC,CAAC;AACF,CAAC;AA3FD,oEA2FC;AAED,SAAgB,gCAAgC;IAC9C,OAAO,qNAKR,CAAC;AACF,CAAC;AAPD,4EAOC;AAED,SAAgB,8BAA8B;IAC5C,OAAO,iTASR,CAAC;AACF,CAAC;AAXD,wEAWC;AAED,SAAgB,mCAAmC;IACjD,OAAO,2lBAiBR,CAAC;AACF,CAAC;AAnBD,kFAmBC;AAED,SAAgB,wCAAwC;IACtD,OAAO,YACP,eAAK,CAAC,KAAK,CAAC,2CAA2C,CAAC,eACxD,eAAK,CAAC,KAAK,CAAC,mCAAiC,CAAC,iBAE9C,eAAK,CAAC,GAAG,CACT,yEAAyE,CAC1E,iEACmD,eAAK,CAAC,KAAK,CAC3D,aAAa,CACd,uBACC,eAAK,CAAC,KAAK,CAAC,4DAA4D,CAAC,mBAEzE,eAAK,CAAC,GAAG,CAAC,kCAAkC,CAAC,2DAIhD,CAAC;AACF,CAAC;AAlBD,4FAkBC;AAED,SAAgB,sCAAsC,CAAC,IAAa;IAClE,OAAO,qDAEL,IAAI,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,EAAE,oDAI9D,eAAK,CAAC,GAAG,CACT,yEAAyE,CAC1E,4EAEG,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,+HAMlC,CAAC;AACF,CAAC;AAlBD,wFAkBC;AAED,SAAgB,6BAA6B,CAC3C,2BAA2C;IAE3C,OAAO,6JAKH,2BAA2B,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,8GAMnD,2BAA2B,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,kGAMxD,CAAC;AACF,CAAC;AArBD,sEAqBC;AAED,SAAgB,sCAAsC,CACpD,2BAA2C;IAE3C,OAAO,IAAA,6BAAe,EAAC,IAAI,EAAE,UAAC,SAAS,EAAE,IAAI;QAC3C,OAAO,SAAS,CAAC,UAAG,IAAI,CAAC,2CAA2C,CAAC,wBAEhE,IAAI,CAAC,OAAO,CAAC,uCAClB,IAAI,CAAC,0EAEH,2BAA2B,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,8GAMnD,2BAA2B,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,gCAErD,CAAC,oBAGH,IAAI,CAAC,2DAA2D,CAAC,OAClE,CAAC,CAAC;IACD,CAAC,CAAC,CAAC;AACL,CAAC;AAvBD,wFAuBC;AAED,SAAgB,+BAA+B,CAAC,IAAa;IAC3D,OAAO,IAAI;QACT,CAAC,CAAC,wrBAsBJ;QACE,CAAC,CAAC,kpBAuBL,CAAC;AACF,CAAC;AAjDD,0EAiDC;AAED,SAAgB,8BAA8B,CAAC,IAAa;IAC1D,IAAI,IAAI,EAAE;QACR,OAAO,6BAET,eAAK,CAAC,KAAK,CAAC,2CAA2C,CAAC,eACxD,eAAK,CAAC,KAAK,CAAC,iCAAiC,CAAC,eAC9C,eAAK,CAAC,KAAK,CAAC,oCAAoC,CAAC,qDAEb,eAAK,CAAC,KAAK,CAC3C,6BAA6B,CAC9B,oBACD,eAAK,CAAC,KAAK,CAAC,wEAED,CAAC,kIAUf,CAAC;KACC;SAAM;QACL,OAAO,6BAET,eAAK,CAAC,KAAK,CAAC,2CAA2C,CAAC,eACxD,eAAK,CAAC,KAAK,CAAC,iCAAiC,CAAC,eAC9C,eAAK,CAAC,KAAK,CAAC,oCAAoC,CAAC,qDAEb,eAAK,CAAC,KAAK,CAAC,WAAW,CAAC,oBAC1D,eAAK,CAAC,KAAK,CAAC,wEAED,CAAC,kIAUf,CAAC;KACC;AACH,CAAC;AA9CD,wEA8CC","sourcesContent":["import chalk from 'chalk';\nimport { makeCodeSnippet } from '../utils/clack-utils';\n\ntype WithSentryConfigOptions = {\n  orgSlug: string;\n  projectSlug: string;\n  selfHosted: boolean;\n  sentryUrl: string;\n  tunnelRoute: boolean;\n  reactComponentAnnotation: boolean;\n};\n\nexport function getWithSentryConfigOptionsTemplate({\n  orgSlug,\n  projectSlug,\n  selfHosted,\n  tunnelRoute,\n  reactComponentAnnotation,\n  sentryUrl,\n}: WithSentryConfigOptions): string {\n  return `{\n    // For all available options, see:\n    // https://github.com/getsentry/sentry-webpack-plugin#options\n\n    org: \"${orgSlug}\",\n    project: \"${projectSlug}\",${\n    selfHosted ? `\\n    sentryUrl: \"${sentryUrl}\",` : ''\n  }\n\n    // Only print logs for uploading source maps in CI\n    silent: !process.env.CI,\n\n    // For all available options, see:\n    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/\n\n    // Upload a larger set of source maps for prettier stack traces (increases build time)\n    widenClientFileUpload: true,${\n      reactComponentAnnotation\n        ? `\\n\n    // Automatically annotate React components to show their full name in breadcrumbs and session replay\n    reactComponentAnnotation: {\n      enabled: true,\n    },`\n        : ''\n    }\n\n    // ${\n      tunnelRoute ? 'Route' : 'Uncomment to route'\n    } browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.\n    // This can increase your server load as well as your hosting bill.\n    // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-\n    // side errors will fail.\n    ${tunnelRoute ? '' : '// '}tunnelRoute: \"/monitoring\",\n\n    // Automatically tree-shake Sentry logger statements to reduce bundle size\n    disableLogger: true,\n\n    // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)\n    // See the following for more information:\n    // https://docs.sentry.io/product/crons/\n    // https://vercel.com/docs/cron-jobs\n    automaticVercelMonitors: true,\n  }`;\n}\n\nexport function getNextjsConfigCjsTemplate(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `const { withSentryConfig } = require(\"@sentry/nextjs\");\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nmodule.exports = withSentryConfig(\n  nextConfig,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nexport function getNextjsConfigMjsTemplate(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `import { withSentryConfig } from \"@sentry/nextjs\";\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nexport default withSentryConfig(\n  nextConfig,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nexport function getNextjsConfigCjsAppendix(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `\n\n// Injected content via Sentry wizard below\n\nconst { withSentryConfig } = require(\"@sentry/nextjs\");\n\nmodule.exports = withSentryConfig(\n  module.exports,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nexport function getNextjsConfigEsmCopyPasteSnippet(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `\n\n// next.config.mjs\nimport { withSentryConfig } from \"@sentry/nextjs\";\n\nexport default withSentryConfig(\n  yourNextConfig,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nfunction getClientIntegrationsSnippet(features: { replay: boolean }) {\n  if (features.replay) {\n    return `\n\n  // Add optional integrations for additional features\n  integrations: [\n    Sentry.replayIntegration(),\n  ],`;\n  }\n\n  return '';\n}\n\nexport function getSentryConfigContents(\n  dsn: string,\n  config: 'server' | 'client' | 'edge',\n  selectedFeaturesMap: {\n    replay: boolean;\n    performance: boolean;\n  },\n): string {\n  let primer;\n  if (config === 'server') {\n    primer = `// This file configures the initialization of Sentry on the server.\n// The config you add here will be used whenever the server handles a request.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/`;\n  } else if (config === 'client') {\n    primer = `// This file configures the initialization of Sentry on the client.\n// The config you add here will be used whenever a users loads a page in their browser.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/`;\n  } else if (config === 'edge') {\n    primer = `// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).\n// The config you add here will be used whenever one of the edge features is loaded.\n// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/`;\n  }\n\n  const integrationsOptions = getClientIntegrationsSnippet({\n    replay: config === 'client' && selectedFeaturesMap.replay,\n  });\n\n  let replayOptions = '';\n  if (config === 'client') {\n    if (selectedFeaturesMap.replay) {\n      replayOptions += `\n\n  // Define how likely Replay events are sampled.\n  // This sets the sample rate to be 10%. You may want this to be 100% while\n  // in development and sample at a lower rate in production\n  replaysSessionSampleRate: 0.1,\n\n  // Define how likely Replay events are sampled when an error occurs.\n  replaysOnErrorSampleRate: 1.0,`;\n    }\n  }\n\n  let performanceOptions = '';\n  if (selectedFeaturesMap.performance) {\n    performanceOptions += `\n\n  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.\n  tracesSampleRate: 1,`;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n  return `${primer}\n\nimport * as Sentry from \"@sentry/nextjs\";\n\nSentry.init({\n  dsn: \"${dsn}\",${integrationsOptions}${performanceOptions}${replayOptions}\n\n  // Setting this option to true will print useful information to the console while you're setting up Sentry.\n  debug: false,\n});\n`;\n}\n\nexport function getSentryExamplePageContents(options: {\n  selfHosted: boolean;\n  sentryUrl: string;\n  orgSlug: string;\n  projectId: string;\n  useClient: boolean;\n}): string {\n  const issuesPageLink = options.selfHosted\n    ? `${options.sentryUrl}organizations/${options.orgSlug}/issues/?project=${options.projectId}`\n    : `https://${options.orgSlug}.sentry.io/issues/?project=${options.projectId}`;\n\n  return `${\n    options.useClient ? '\"use client\";\\n\\n' : ''\n  }import Head from \"next/head\";\nimport * as Sentry from \"@sentry/nextjs\";\n\nexport default function Page() {\n  return (\n    <div>\n      <Head>\n        <title>Sentry Onboarding</title>\n        <meta name=\"description\" content=\"Test Sentry for your Next.js app!\" />\n      </Head>\n\n      <main\n        style={{\n          minHeight: \"100vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n        }}\n      >\n        <h1 style={{ fontSize: \"4rem\", margin: \"14px 0\" }}>\n          <svg\n            style={{\n              height: \"1em\",\n            }}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 200 44\"\n          >\n            <path\n              fill=\"currentColor\"\n              d=\"M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z\"\n            ></path>\n          </svg>\n        </h1>\n\n        <p>Get started by sending us a sample error:</p>\n        <button\n          type=\"button\"\n          style={{\n            padding: \"12px\",\n            cursor: \"pointer\",\n            backgroundColor: \"#AD6CAA\",\n            borderRadius: \"4px\",\n            border: \"none\",\n            color: \"white\",\n            fontSize: \"14px\",\n            margin: \"18px\",\n          }}\n          onClick={async () => {\n            await Sentry.startSpan({\n              name: 'Example Frontend Span',\n              op: 'test'\n            }, async () => {\n              const res = await fetch(\"/api/sentry-example-api\");\n              if (!res.ok) {\n                throw new Error(\"Sentry Example Frontend Error\");\n              }\n            });\n          }}\n        >\n          Throw error!\n        </button>\n\n        <p>\n          Next, look for the error on the{\" \"}\n          <a href=\"${issuesPageLink}\">Issues Page</a>.\n        </p>\n        <p style={{ marginTop: \"24px\" }}>\n          For more information, see{\" \"}\n          <a href=\"https://docs.sentry.io/platforms/javascript/guides/nextjs/\">\n            https://docs.sentry.io/platforms/javascript/guides/nextjs/\n          </a>\n        </p>\n      </main>\n    </div>\n  );\n}\n`;\n}\n\nexport function getSentryExamplePagesDirApiRoute() {\n  return `// A faulty API route to test Sentry's error monitoring\nexport default function handler(_req, res) {\n  throw new Error(\"Sentry Example API Route Error\");\n  res.status(200).json({ name: \"John Doe\" });\n}\n`;\n}\n\nexport function getSentryExampleAppDirApiRoute() {\n  return `import { NextResponse } from \"next/server\";\n\nexport const dynamic = \"force-dynamic\";\n\n// A faulty API route to test Sentry's error monitoring\nexport function GET() {\n  throw new Error(\"Sentry Example API Route Error\");\n  return NextResponse.json({ data: \"Testing Sentry Error...\" });\n}\n`;\n}\n\nexport function getSentryDefaultUnderscoreErrorPage() {\n  return `import * as Sentry from \"@sentry/nextjs\";\nimport Error from \"next/error\";\n\nconst CustomErrorComponent = (props) => {\n  return <Error statusCode={props.statusCode} />;\n};\n\nCustomErrorComponent.getInitialProps = async (contextData) => {\n  // In case this is running in a serverless function, await this in order to give Sentry\n  // time to send the error before the lambda exits\n  await Sentry.captureUnderscoreErrorException(contextData);\n\n  // This will contain the status code of the response\n  return Error.getInitialProps(contextData);\n};\n\nexport default CustomErrorComponent;\n`;\n}\n\nexport function getSimpleUnderscoreErrorCopyPasteSnippet() {\n  return `\n${chalk.green(`import * as Sentry from '@sentry/nextjs';`)}\n${chalk.green(`import Error from \"next/error\";`)}\n\n${chalk.dim(\n  '// Replace \"YourCustomErrorComponent\" with your custom error component!',\n)}\nYourCustomErrorComponent.getInitialProps = async (${chalk.green(\n    'contextData',\n  )}) => {\n  ${chalk.green('await Sentry.captureUnderscoreErrorException(contextData);')}\n\n  ${chalk.dim('// ...other getInitialProps code')}\n\n  return Error.getInitialProps(contextData);\n};\n`;\n}\n\nexport function getFullUnderscoreErrorCopyPasteSnippet(isTs: boolean) {\n  return `\nimport * as Sentry from '@sentry/nextjs';${\n    isTs ? '\\nimport type { NextPageContext } from \"next\";' : ''\n  }\nimport Error from \"next/error\";\n\n${chalk.dim(\n  '// Replace \"YourCustomErrorComponent\" with your custom error component!',\n)}\nYourCustomErrorComponent.getInitialProps = async (contextData${\n    isTs ? ': NextPageContext' : ''\n  }) => {\n  await Sentry.captureUnderscoreErrorException(contextData);\n\n  return Error.getInitialProps(contextData);\n};\n`;\n}\n\nexport function getInstrumentationHookContent(\n  instrumentationHookLocation: 'src' | 'root',\n) {\n  return `import * as Sentry from '@sentry/nextjs';\n\nexport async function register() {\n  if (process.env.NEXT_RUNTIME === 'nodejs') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.server.config');\n  }\n\n  if (process.env.NEXT_RUNTIME === 'edge') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.edge.config');\n  }\n}\n\nexport const onRequestError = Sentry.captureRequestError;\n`;\n}\n\nexport function getInstrumentationHookCopyPasteSnippet(\n  instrumentationHookLocation: 'src' | 'root',\n) {\n  return makeCodeSnippet(true, (unchanged, plus) => {\n    return unchanged(`${plus(\"import * as Sentry from '@sentry/nextjs';\")}\n\nexport ${plus('async')} function register() {\n  ${plus(`if (process.env.NEXT_RUNTIME === 'nodejs') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.server.config');\n  }\n\n  if (process.env.NEXT_RUNTIME === 'edge') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.edge.config');\n  }`)}\n}\n\n${plus('export const onRequestError = Sentry.captureRequestError;')}\n`);\n  });\n}\n\nexport function getSentryDefaultGlobalErrorPage(isTs: boolean) {\n  return isTs\n    ? `\"use client\";\n\nimport * as Sentry from \"@sentry/nextjs\";\nimport NextError from \"next/error\";\nimport { useEffect } from \"react\";\n\nexport default function GlobalError({ error }: { error: Error & { digest?: string } }) {\n  useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);\n\n  return (\n    <html>\n      <body>\n        {/* \\`NextError\\` is the default Next.js error page component. Its type\n        definition requires a \\`statusCode\\` prop. However, since the App Router\n        does not expose status codes for errors, we simply pass 0 to render a\n        generic error message. */}\n        <NextError statusCode={0} />\n      </body>\n    </html>\n  );\n}`\n    : `\"use client\";\n\nimport * as Sentry from \"@sentry/nextjs\";\nimport NextError from \"next/error\";\nimport { useEffect } from \"react\";\n\nexport default function GlobalError({ error }) {\n  useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);\n\n  return (\n    <html>\n      <body>\n        {/* \\`NextError\\` is the default Next.js error page component. Its type\n        definition requires a \\`statusCode\\` prop. However, since the App Router\n        does not expose status codes for errors, we simply pass 0 to render a\n        generic error message. */}\n        <NextError statusCode={0} />\n      </body>\n    </html>\n  );\n}\n`;\n}\n\nexport function getGlobalErrorCopyPasteSnippet(isTs: boolean) {\n  if (isTs) {\n    return `\"use client\";\n\n${chalk.green('import * as Sentry from \"@sentry/nextjs\";')}\n${chalk.green('import Error from \"next/error\";')}\n${chalk.green('import { useEffect } from \"react\";')}\n\nexport default function GlobalError(${chalk.green(\n      '{ error }: { error: Error }',\n    )}) {\n  ${chalk.green(`useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);`)}\n\n  return (\n    <html>\n      <body>\n        {/* Your Error component here... */}\n      </body>\n    </html>\n  );\n}\n`;\n  } else {\n    return `\"use client\";\n\n${chalk.green('import * as Sentry from \"@sentry/nextjs\";')}\n${chalk.green('import Error from \"next/error\";')}\n${chalk.green('import { useEffect } from \"react\";')}\n\nexport default function GlobalError(${chalk.green('{ error }')}) {\n  ${chalk.green(`useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);`)}\n\n  return (\n    <html>\n      <body>\n        {/* Your Error component here... */}\n      </body>\n    </html>\n  );\n}\n`;\n  }\n}\n"]}
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/nextjs/templates.ts"],"names":[],"mappings":"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","sourcesContent":["import chalk from 'chalk';\nimport { makeCodeSnippet } from '../utils/clack-utils';\n\ntype WithSentryConfigOptions = {\n  orgSlug: string;\n  projectSlug: string;\n  selfHosted: boolean;\n  sentryUrl: string;\n  tunnelRoute: boolean;\n  reactComponentAnnotation: boolean;\n};\n\nexport function getWithSentryConfigOptionsTemplate({\n  orgSlug,\n  projectSlug,\n  selfHosted,\n  tunnelRoute,\n  reactComponentAnnotation,\n  sentryUrl,\n}: WithSentryConfigOptions): string {\n  return `{\n    // For all available options, see:\n    // https://github.com/getsentry/sentry-webpack-plugin#options\n\n    org: \"${orgSlug}\",\n    project: \"${projectSlug}\",${\n    selfHosted ? `\\n    sentryUrl: \"${sentryUrl}\",` : ''\n  }\n\n    // Only print logs for uploading source maps in CI\n    silent: !process.env.CI,\n\n    // For all available options, see:\n    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/\n\n    // Upload a larger set of source maps for prettier stack traces (increases build time)\n    widenClientFileUpload: true,${\n      reactComponentAnnotation\n        ? `\\n\n    // Automatically annotate React components to show their full name in breadcrumbs and session replay\n    reactComponentAnnotation: {\n      enabled: true,\n    },`\n        : ''\n    }\n\n    // ${\n      tunnelRoute ? 'Route' : 'Uncomment to route'\n    } browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.\n    // This can increase your server load as well as your hosting bill.\n    // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-\n    // side errors will fail.\n    ${tunnelRoute ? '' : '// '}tunnelRoute: \"/monitoring\",\n\n    // Automatically tree-shake Sentry logger statements to reduce bundle size\n    disableLogger: true,\n\n    // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)\n    // See the following for more information:\n    // https://docs.sentry.io/product/crons/\n    // https://vercel.com/docs/cron-jobs\n    automaticVercelMonitors: true,\n  }`;\n}\n\nexport function getNextjsConfigCjsTemplate(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `const { withSentryConfig } = require(\"@sentry/nextjs\");\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nmodule.exports = withSentryConfig(\n  nextConfig,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nexport function getNextjsConfigMjsTemplate(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `import { withSentryConfig } from \"@sentry/nextjs\";\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nexport default withSentryConfig(\n  nextConfig,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nexport function getNextjsConfigCjsAppendix(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `\n\n// Injected content via Sentry wizard below\n\nconst { withSentryConfig } = require(\"@sentry/nextjs\");\n\nmodule.exports = withSentryConfig(\n  module.exports,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nexport function getNextjsConfigEsmCopyPasteSnippet(\n  withSentryConfigOptionsTemplate: string,\n): string {\n  return `\n\n// next.config.mjs\nimport { withSentryConfig } from \"@sentry/nextjs\";\n\nexport default withSentryConfig(\n  yourNextConfig,\n  ${withSentryConfigOptionsTemplate}\n);\n`;\n}\n\nfunction getClientIntegrationsSnippet(features: { replay: boolean }) {\n  if (features.replay) {\n    return `\n\n  // Add optional integrations for additional features\n  integrations: [\n    Sentry.replayIntegration(),\n  ],`;\n  }\n\n  return '';\n}\n\nexport function getSentryConfigContents(\n  dsn: string,\n  config: 'server' | 'client' | 'edge',\n  selectedFeaturesMap: {\n    replay: boolean;\n    performance: boolean;\n  },\n): string {\n  let primer;\n  if (config === 'server') {\n    primer = `// This file configures the initialization of Sentry on the server.\n// The config you add here will be used whenever the server handles a request.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/`;\n  } else if (config === 'client') {\n    primer = `// This file configures the initialization of Sentry on the client.\n// The config you add here will be used whenever a users loads a page in their browser.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/`;\n  } else if (config === 'edge') {\n    primer = `// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).\n// The config you add here will be used whenever one of the edge features is loaded.\n// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/`;\n  }\n\n  const integrationsOptions = getClientIntegrationsSnippet({\n    replay: config === 'client' && selectedFeaturesMap.replay,\n  });\n\n  let replayOptions = '';\n  if (config === 'client') {\n    if (selectedFeaturesMap.replay) {\n      replayOptions += `\n\n  // Define how likely Replay events are sampled.\n  // This sets the sample rate to be 10%. You may want this to be 100% while\n  // in development and sample at a lower rate in production\n  replaysSessionSampleRate: 0.1,\n\n  // Define how likely Replay events are sampled when an error occurs.\n  replaysOnErrorSampleRate: 1.0,`;\n    }\n  }\n\n  let performanceOptions = '';\n  if (selectedFeaturesMap.performance) {\n    performanceOptions += `\n\n  // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.\n  tracesSampleRate: 1,`;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n  return `${primer}\n\nimport * as Sentry from \"@sentry/nextjs\";\n\nSentry.init({\n  dsn: \"${dsn}\",${integrationsOptions}${performanceOptions}${replayOptions}\n\n  // Setting this option to true will print useful information to the console while you're setting up Sentry.\n  debug: false,\n});\n`;\n}\n\nexport function getSentryExamplePageContents(options: {\n  selfHosted: boolean;\n  sentryUrl: string;\n  orgSlug: string;\n  projectId: string;\n  useClient: boolean;\n}): string {\n  const issuesPageLink = options.selfHosted\n    ? `${options.sentryUrl}organizations/${options.orgSlug}/issues/?project=${options.projectId}`\n    : `https://${options.orgSlug}.sentry.io/issues/?project=${options.projectId}`;\n\n  return `${\n    options.useClient ? '\"use client\";\\n\\n' : ''\n  }import Head from \"next/head\";\nimport * as Sentry from \"@sentry/nextjs\";\n\nexport default function Page() {\n  return (\n    <div>\n      <Head>\n        <title>Sentry Onboarding</title>\n        <meta name=\"description\" content=\"Test Sentry for your Next.js app!\" />\n      </Head>\n\n      <main\n        style={{\n          minHeight: \"100vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n        }}\n      >\n        <h1 style={{ fontSize: \"4rem\", margin: \"14px 0\" }}>\n          <svg\n            style={{\n              height: \"1em\",\n            }}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 200 44\"\n          >\n            <path\n              fill=\"currentColor\"\n              d=\"M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z\"\n            ></path>\n          </svg>\n        </h1>\n\n        <p>Get started by sending us a sample error:</p>\n        <button\n          type=\"button\"\n          style={{\n            padding: \"12px\",\n            cursor: \"pointer\",\n            backgroundColor: \"#AD6CAA\",\n            borderRadius: \"4px\",\n            border: \"none\",\n            color: \"white\",\n            fontSize: \"14px\",\n            margin: \"18px\",\n          }}\n          onClick={async () => {\n            await Sentry.startSpan({\n              name: 'Example Frontend Span',\n              op: 'test'\n            }, async () => {\n              const res = await fetch(\"/api/sentry-example-api\");\n              if (!res.ok) {\n                throw new Error(\"Sentry Example Frontend Error\");\n              }\n            });\n          }}\n        >\n          Throw error!\n        </button>\n\n        <p>\n          Next, look for the error on the{\" \"}\n          <a href=\"${issuesPageLink}\">Issues Page</a>.\n        </p>\n        <p style={{ marginTop: \"24px\" }}>\n          For more information, see{\" \"}\n          <a href=\"https://docs.sentry.io/platforms/javascript/guides/nextjs/\">\n            https://docs.sentry.io/platforms/javascript/guides/nextjs/\n          </a>\n        </p>\n      </main>\n    </div>\n  );\n}\n`;\n}\n\nexport function getSentryExamplePagesDirApiRoute() {\n  return `// A faulty API route to test Sentry's error monitoring\nexport default function handler(_req, res) {\n  throw new Error(\"Sentry Example API Route Error\");\n  res.status(200).json({ name: \"John Doe\" });\n}\n`;\n}\n\nexport function getSentryExampleAppDirApiRoute() {\n  return `import { NextResponse } from \"next/server\";\n\nexport const dynamic = \"force-dynamic\";\n\n// A faulty API route to test Sentry's error monitoring\nexport function GET() {\n  throw new Error(\"Sentry Example API Route Error\");\n  return NextResponse.json({ data: \"Testing Sentry Error...\" });\n}\n`;\n}\n\nexport function getSentryDefaultUnderscoreErrorPage() {\n  return `import * as Sentry from \"@sentry/nextjs\";\nimport Error from \"next/error\";\n\nconst CustomErrorComponent = (props) => {\n  return <Error statusCode={props.statusCode} />;\n};\n\nCustomErrorComponent.getInitialProps = async (contextData) => {\n  // In case this is running in a serverless function, await this in order to give Sentry\n  // time to send the error before the lambda exits\n  await Sentry.captureUnderscoreErrorException(contextData);\n\n  // This will contain the status code of the response\n  return Error.getInitialProps(contextData);\n};\n\nexport default CustomErrorComponent;\n`;\n}\n\nexport function getSimpleUnderscoreErrorCopyPasteSnippet() {\n  return `\n${chalk.green(`import * as Sentry from '@sentry/nextjs';`)}\n${chalk.green(`import Error from \"next/error\";`)}\n\n${chalk.dim(\n  '// Replace \"YourCustomErrorComponent\" with your custom error component!',\n)}\nYourCustomErrorComponent.getInitialProps = async (${chalk.green(\n    'contextData',\n  )}) => {\n  ${chalk.green('await Sentry.captureUnderscoreErrorException(contextData);')}\n\n  ${chalk.dim('// ...other getInitialProps code')}\n\n  return Error.getInitialProps(contextData);\n};\n`;\n}\n\nexport function getFullUnderscoreErrorCopyPasteSnippet(isTs: boolean) {\n  return `\nimport * as Sentry from '@sentry/nextjs';${\n    isTs ? '\\nimport type { NextPageContext } from \"next\";' : ''\n  }\nimport Error from \"next/error\";\n\n${chalk.dim(\n  '// Replace \"YourCustomErrorComponent\" with your custom error component!',\n)}\nYourCustomErrorComponent.getInitialProps = async (contextData${\n    isTs ? ': NextPageContext' : ''\n  }) => {\n  await Sentry.captureUnderscoreErrorException(contextData);\n\n  return Error.getInitialProps(contextData);\n};\n`;\n}\n\nexport function getInstrumentationHookContent(\n  instrumentationHookLocation: 'src' | 'root',\n) {\n  return `import * as Sentry from '@sentry/nextjs';\n\nexport async function register() {\n  if (process.env.NEXT_RUNTIME === 'nodejs') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.server.config');\n  }\n\n  if (process.env.NEXT_RUNTIME === 'edge') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.edge.config');\n  }\n}\n\nexport const onRequestError = Sentry.captureRequestError;\n`;\n}\n\nexport function getInstrumentationHookCopyPasteSnippet(\n  instrumentationHookLocation: 'src' | 'root',\n) {\n  return makeCodeSnippet(true, (unchanged, plus) => {\n    return unchanged(`${plus(\"import * as Sentry from '@sentry/nextjs';\")}\n\nexport ${plus('async')} function register() {\n  ${plus(`if (process.env.NEXT_RUNTIME === 'nodejs') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.server.config');\n  }\n\n  if (process.env.NEXT_RUNTIME === 'edge') {\n    await import('${\n      instrumentationHookLocation === 'root' ? '.' : '..'\n    }/sentry.edge.config');\n  }`)}\n}\n\n${plus('export const onRequestError = Sentry.captureRequestError;')}\n`);\n  });\n}\n\nexport function getSentryDefaultGlobalErrorPage(isTs: boolean) {\n  return isTs\n    ? `\"use client\";\n\nimport * as Sentry from \"@sentry/nextjs\";\nimport NextError from \"next/error\";\nimport { useEffect } from \"react\";\n\nexport default function GlobalError({ error }: { error: Error & { digest?: string } }) {\n  useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);\n\n  return (\n    <html>\n      <body>\n        {/* \\`NextError\\` is the default Next.js error page component. Its type\n        definition requires a \\`statusCode\\` prop. However, since the App Router\n        does not expose status codes for errors, we simply pass 0 to render a\n        generic error message. */}\n        <NextError statusCode={0} />\n      </body>\n    </html>\n  );\n}`\n    : `\"use client\";\n\nimport * as Sentry from \"@sentry/nextjs\";\nimport NextError from \"next/error\";\nimport { useEffect } from \"react\";\n\nexport default function GlobalError({ error }) {\n  useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);\n\n  return (\n    <html>\n      <body>\n        {/* \\`NextError\\` is the default Next.js error page component. Its type\n        definition requires a \\`statusCode\\` prop. However, since the App Router\n        does not expose status codes for errors, we simply pass 0 to render a\n        generic error message. */}\n        <NextError statusCode={0} />\n      </body>\n    </html>\n  );\n}\n`;\n}\n\nexport function getGlobalErrorCopyPasteSnippet(isTs: boolean) {\n  if (isTs) {\n    return `\"use client\";\n\n${chalk.green('import * as Sentry from \"@sentry/nextjs\";')}\n${chalk.green('import Error from \"next/error\";')}\n${chalk.green('import { useEffect } from \"react\";')}\n\nexport default function GlobalError(${chalk.green(\n      '{ error }: { error: Error }',\n    )}) {\n  ${chalk.green(`useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);`)}\n\n  return (\n    <html>\n      <body>\n        {/* Your Error component here... */}\n      </body>\n    </html>\n  );\n}\n`;\n  }\n  return `\"use client\";\n\n${chalk.green('import * as Sentry from \"@sentry/nextjs\";')}\n${chalk.green('import Error from \"next/error\";')}\n${chalk.green('import { useEffect } from \"react\";')}\n\nexport default function GlobalError(${chalk.green('{ error }')}) {\n  ${chalk.green(`useEffect(() => {\n    Sentry.captureException(error);\n  }, [error]);`)}\n\n  return (\n    <html>\n      <body>\n        {/* Your Error component here... */}\n      </body>\n    </html>\n  );\n}\n`;\n}\n"]}