@sentry/wizard 5.0.0 → 5.2.0

package/dist/src/nextjs/templates.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRootLayout = exports.getGlobalErrorCopyPasteSnippet = exports.getSentryDefaultGlobalErrorPage = exports.getInstrumentationClientHookCopyPasteSnippet = exports.getInstrumentationHookCopyPasteSnippet = exports.getInstrumentationHookContent = exports.getFullUnderscoreErrorCopyPasteSnippet = exports.getSimpleUnderscoreErrorCopyPasteSnippet = exports.getSentryDefaultUnderscoreErrorPage = exports.getSentryExampleAppDirApiRoute = exports.getSentryExamplePagesDirApiRoute = exports.getSentryExamplePageContents = exports.getInstrumentationClientFileContents = exports.getSentryServersideConfigContents = exports.getNextjsConfigEsmCopyPasteSnippet = exports.getNextjsConfigCjsAppendix = exports.getNextjsConfigMjsTemplate = exports.getNextjsConfigCjsTemplate = exports.getWithSentryConfigOptionsTemplate = void 0;
+exports.getRootLayoutWithGenerateMetadata = exports.getRootLayout = exports.getGlobalErrorCopyPasteSnippet = exports.getSentryDefaultGlobalErrorPage = exports.getInstrumentationClientHookCopyPasteSnippet = exports.getInstrumentationHookCopyPasteSnippet = exports.getInstrumentationHookContent = exports.getFullUnderscoreErrorCopyPasteSnippet = exports.getGenerateMetadataSnippet = exports.getSimpleUnderscoreErrorCopyPasteSnippet = exports.getSentryDefaultUnderscoreErrorPage = exports.getSentryExampleAppDirApiRoute = exports.getSentryExamplePagesDirApiRoute = exports.getSentryExamplePageContents = exports.getInstrumentationClientFileContents = exports.getSentryServersideConfigContents = exports.getNextjsConfigEsmCopyPasteSnippet = exports.getNextjsConfigCjsAppendix = exports.getNextjsConfigMjsTemplate = exports.getNextjsConfigCjsTemplate = exports.getWithSentryConfigOptionsTemplate = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const clack_1 = require("../utils/clack");
 function getWithSentryConfigOptionsTemplate({ orgSlug, projectSlug, selfHosted, tunnelRoute, sentryUrl, }) {
@@ -186,7 +186,7 @@ import * as Sentry from "@sentry/nextjs";
 import { useState, useEffect } from "react";
 
 class SentryExampleFrontendError extends Error {
-  constructor(message: string | undefined) {
+  constructor(message${options.isTypeScript ? ': string | undefined' : ''}) {
     super(message);
     this.name = "SentryExampleFrontendError";
   }
@@ -222,23 +222,25 @@ export default function Page() {
 
         <p className="description">
           Click the button below, and view the sample error on the Sentry <a target="_blank" href="${issuesPageLink}">Issues Page</a>.
-          For more details about setting up Sentry, <a target="_blank" href="https://docs.sentry.io/platforms/javascript/guides/nextjs/">read our docs</a>.
+          For more details about setting up Sentry, <a target="_blank"
+           href="https://docs.sentry.io/platforms/javascript/guides/nextjs/">read our docs</a>.
         </p>
 
         <button
           type="button"
           onClick={async () => {
             await Sentry.startSpan({
-              name: 'Example Frontend Span',
+              name: 'Example Frontend/Backend Span',
               op: 'test'
             }, async () => {
               const res = await fetch("/api/sentry-example-api");
               if (!res.ok) {
                 setHasSentError(true);
-                throw new SentryExampleFrontendError("This error is raised on the frontend of the example page.");
               }
             });
+            throw new SentryExampleFrontendError("This error is raised on the frontend of the example page.");
           }}
+          disabled={!isConnected}
         >
           <span>
             Throw Sample Error
@@ -247,21 +249,18 @@ export default function Page() {
 
         {hasSentError ? (
           <p className="success">
-            Sample error was sent to Sentry.
+            Error sent to Sentry.
           </p>
         ) : !isConnected ? (
           <div className="connectivity-error">
-            <p>The Sentry SDK is not able to reach Sentry right now - this may be due to an adblocker. For more information, see <a target="_blank" href="https://docs.sentry.io/platforms/javascript/guides/nextjs/troubleshooting/#the-sdk-is-not-sending-any-data">the troubleshooting guide</a>.</p>
+            <p>It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test.</p>
           </div>
         ) : (
           <div className="success_placeholder" />
         )}
 
         <div className="flex-spacer" />
-        
-        <p className="description">
-          Adblockers will prevent errors from being sent to Sentry.
-        </p>
+      
       </main>
 
       <style>{\`
@@ -328,6 +327,16 @@ export default function Page() {
           &:active > span {
             transform: translateY(0);
           }
+
+          &:disabled {
+	            cursor: not-allowed;
+	            opacity: 0.6;
+	
+	            & > span {
+	              transform: translateY(0);
+	              border: none
+	            }
+	          }
         }
 
         .description {
@@ -382,10 +391,10 @@ export default function Page() {
 `;
 }
 exports.getSentryExamplePageContents = getSentryExamplePageContents;
-function getSentryExamplePagesDirApiRoute() {
+function getSentryExamplePagesDirApiRoute({ isTypeScript, }) {
     return `// Custom error class for Sentry testing
 class SentryExampleAPIError extends Error {
-  constructor(message: string | undefined) {
+  constructor(message${isTypeScript ? ': string | undefined' : ''}) {
     super(message);
     this.name = "SentryExampleAPIError";
   }
@@ -398,12 +407,12 @@ res.status(200).json({ name: "John Doe" });
 `;
 }
 exports.getSentryExamplePagesDirApiRoute = getSentryExamplePagesDirApiRoute;
-function getSentryExampleAppDirApiRoute() {
+function getSentryExampleAppDirApiRoute({ isTypeScript, }) {
     return `import { NextResponse } from "next/server";
 
 export const dynamic = "force-dynamic";
 class SentryExampleAPIError extends Error {
-  constructor(message: string | undefined) {
+  constructor(message${isTypeScript ? ': string | undefined' : ''}) {
     super(message);
     this.name = "SentryExampleAPIError";
   }
@@ -453,6 +462,25 @@ YourCustomErrorComponent.getInitialProps = async (${chalk_1.default.green('conte
 `;
 }
 exports.getSimpleUnderscoreErrorCopyPasteSnippet = getSimpleUnderscoreErrorCopyPasteSnippet;
+function getGenerateMetadataSnippet(isTs) {
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => {
+        return plus(`
+      import * as Sentry from '@sentry/nextjs';
+      ${isTs ? `import type { Metadata } from 'next';` : ''}
+
+      ${unchanged('// Add or edit your "generateMetadata" to include the Sentry trace data:')}
+      export function generateMetadata()${isTs ? ': Metadata' : ''} {
+        return {
+          // ... your existing metadata
+          other: {
+            ...Sentry.getTraceData()
+          }
+        };
+      }
+`);
+    });
+}
+exports.getGenerateMetadataSnippet = getGenerateMetadataSnippet;
 function getFullUnderscoreErrorCopyPasteSnippet(isTs) {
     return `
 import * as Sentry from '@sentry/nextjs';${isTs ? '\nimport type { NextPageContext } from "next";' : ''}
@@ -628,4 +656,31 @@ export default function RootLayout({
 }
 `;
 exports.getRootLayout = getRootLayout;
+const getRootLayoutWithGenerateMetadata = (isTs) => `// This file was generated by the Sentry wizard because we couldn't find a root layout file.
+import * as Sentry from '@sentry/nextjs';
+${isTs ? `import type { Metadata } from 'next';` : ''}
+
+export function generateMetadata()${isTs ? ': Metadata' : ''} {
+  return {
+    other: {
+      ...Sentry.getTraceData(),
+    }
+  }
+};
+
+export default function RootLayout({
+  children,
+}${isTs
+    ? `: {
+  children: React.ReactNode
+}`
+    : ''}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
+`;
+exports.getRootLayoutWithGenerateMetadata = getRootLayoutWithGenerateMetadata;
 //# 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":"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","sourcesContent":["import chalk from 'chalk';\nimport { makeCodeSnippet } from '../utils/clack';\n\ntype WithSentryConfigOptions = {\n  orgSlug: string;\n  projectSlug: string;\n  selfHosted: boolean;\n  sentryUrl: string;\n  tunnelRoute: boolean;\n};\n\nexport function getWithSentryConfigOptionsTemplate({\n  orgSlug,\n  projectSlug,\n  selfHosted,\n  tunnelRoute,\n  sentryUrl,\n}: WithSentryConfigOptions): string {\n  return `{\n    // For all available options, see:\n    // https://www.npmjs.com/package/@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\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 getSentryServersideConfigContents(\n  dsn: string,\n  config: 'server' | '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 === '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  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}\",${performanceOptions}\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 getInstrumentationClientFileContents(\n  dsn: string,\n  selectedFeaturesMap: {\n    replay: boolean;\n    performance: boolean;\n  },\n): string {\n  const integrationsOptions = getClientIntegrationsSnippet({\n    replay: selectedFeaturesMap.replay,\n  });\n\n  let replayOptions = '';\n\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  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  return `// This file configures the initialization of Sentry on the client.\n// The added config here will be used whenever a users loads a page in their browser.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/\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\nexport const onRouterTransitionStart = Sentry.captureRouterTransitionStart;`;\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\";\nimport { useState, useEffect } from \"react\";\n\nclass SentryExampleFrontendError extends Error {\n  constructor(message: string | undefined) {\n    super(message);\n    this.name = \"SentryExampleFrontendError\";\n  }\n}\n\nexport default function Page() {\n  const [hasSentError, setHasSentError] = useState(false);\n  const [isConnected, setIsConnected] = useState(true);\n  \n  useEffect(() => {\n    async function checkConnectivity() {\n      const result = await Sentry.diagnoseSdkConnectivity();\n      setIsConnected(result !== 'sentry-unreachable');\n    }\n    checkConnectivity();\n  }, []);\n\n  return (\n    <div>\n      <Head>\n        <title>sentry-example-page</title>\n        <meta name=\"description\" content=\"Test Sentry for your Next.js app!\" />\n      </Head>\n\n      <main>\n        <div className=\"flex-spacer\" />\n        <svg height=\"40\" width=\"40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M21.85 2.995a3.698 3.698 0 0 1 1.353 1.354l16.303 28.278a3.703 3.703 0 0 1-1.354 5.053 3.694 3.694 0 0 1-1.848.496h-3.828a31.149 31.149 0 0 0 0-3.09h3.815a.61.61 0 0 0 .537-.917L20.523 5.893a.61.61 0 0 0-1.057 0l-3.739 6.494a28.948 28.948 0 0 1 9.63 10.453 28.988 28.988 0 0 1 3.499 13.78v1.542h-9.852v-1.544a19.106 19.106 0 0 0-2.182-8.85 19.08 19.08 0 0 0-6.032-6.829l-1.85 3.208a15.377 15.377 0 0 1 6.382 12.484v1.542H3.696A3.694 3.694 0 0 1 0 34.473c0-.648.17-1.286.494-1.849l2.33-4.074a8.562 8.562 0 0 1 2.689 1.536L3.158 34.17a.611.611 0 0 0 .538.917h8.448a12.481 12.481 0 0 0-6.037-9.09l-1.344-.772 4.908-8.545 1.344.77a22.16 22.16 0 0 1 7.705 7.444 22.193 22.193 0 0 1 3.316 10.193h3.699a25.892 25.892 0 0 0-3.811-12.033 25.856 25.856 0 0 0-9.046-8.796l-1.344-.772 5.269-9.136a3.698 3.698 0 0 1 3.2-1.849c.648 0 1.285.17 1.847.495Z\" fill=\"currentcolor\"/>\n        </svg>\n        <h1>\n          sentry-example-page\n        </h1>\n\n        <p className=\"description\">\n          Click the button below, and view the sample error on the Sentry <a target=\"_blank\" href=\"${issuesPageLink}\">Issues Page</a>.\n          For more details about setting up Sentry, <a target=\"_blank\" href=\"https://docs.sentry.io/platforms/javascript/guides/nextjs/\">read our docs</a>.\n        </p>\n\n        <button\n          type=\"button\"\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                setHasSentError(true);\n                throw new SentryExampleFrontendError(\"This error is raised on the frontend of the example page.\");\n              }\n            });\n          }}\n        >\n          <span>\n            Throw Sample Error\n          </span>\n        </button>\n\n        {hasSentError ? (\n          <p className=\"success\">\n            Sample error was sent to Sentry.\n          </p>\n        ) : !isConnected ? (\n          <div className=\"connectivity-error\">\n            <p>The Sentry SDK is not able to reach Sentry right now - this may be due to an adblocker. For more information, see <a target=\"_blank\" href=\"https://docs.sentry.io/platforms/javascript/guides/nextjs/troubleshooting/#the-sdk-is-not-sending-any-data\">the troubleshooting guide</a>.</p>\n          </div>\n        ) : (\n          <div className=\"success_placeholder\" />\n        )}\n\n        <div className=\"flex-spacer\" />\n        \n        <p className=\"description\">\n          Adblockers will prevent errors from being sent to Sentry.\n        </p>\n      </main>\n\n      <style>{\\`\n        main {\n          display: flex;\n          min-height: 100vh;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          gap: 16px;\n          padding: 16px;\n          font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n        }\n\n        h1 {\n          padding: 0px 4px;\n          border-radius: 4px;\n          background-color: rgba(24, 20, 35, 0.03);\n          font-family: monospace;\n          font-size: 20px;\n          line-height: 1.2;\n        }\n\n        p {\n          margin: 0;\n          font-size: 20px;\n        }\n\n        a {\n          color: #6341F0;\n          text-decoration: underline;\n          cursor: pointer;\n\n          @media (prefers-color-scheme: dark) {\n            color: #B3A1FF;\n          }\n        }\n\n        button {\n          border-radius: 8px;\n          color: white;\n          cursor: pointer;\n          background-color: #553DB8;\n          border: none;\n          padding: 0;\n          margin-top: 4px;\n\n          & > span {\n            display: inline-block;\n            padding: 12px 16px;\n            border-radius: inherit;\n            font-size: 20px;\n            font-weight: bold;\n            line-height: 1;\n            background-color: #7553FF;\n            border: 1px solid #553DB8;\n            transform: translateY(-4px);\n          }\n\n          &:hover > span {\n            transform: translateY(-8px);\n          }\n\n          &:active > span {\n            transform: translateY(0);\n          }\n        }\n\n        .description {\n          text-align: center;\n          color: #6E6C75;\n          max-width: 500px;\n          line-height: 1.5;\n          font-size: 20px;\n\n          @media (prefers-color-scheme: dark) {\n            color: #A49FB5;\n          }\n        }\n\n        .flex-spacer {\n          flex: 1;\n        }\n\n        .success {\n          padding: 12px 16px;\n          border-radius: 8px;\n          font-size: 20px;\n          line-height: 1;\n          background-color: #00F261;\n          border: 1px solid #00BF4D;\n          color: #181423;\n        }\n\n        .success_placeholder {\n          height: 46px;\n        }\n\n        .connectivity-error {\n          padding: 12px 16px;\n          background-color: #E50045;\n          border-radius: 8px;\n          width: 500px;\n          color: #FFFFFF;\n          border: 1px solid #A80033;\n          text-align: center;\n          margin: 0;\n        }\n        \n        .connectivity-error a {\n          color: #FFFFFF;\n          text-decoration: underline;\n        }\n      \\`}</style>\n    </div>\n  );\n}\n`;\n}\n\nexport function getSentryExamplePagesDirApiRoute() {\n  return `// Custom error class for Sentry testing\nclass SentryExampleAPIError extends Error {\n  constructor(message: string | undefined) {\n    super(message);\n    this.name = \"SentryExampleAPIError\";\n  }\n}\n// A faulty API route to test Sentry's error monitoring\nexport default function handler(_req, res) {\nthrow new SentryExampleAPIError(\"This error is raised on the backend called by the example page.\");\nres.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\";\nclass SentryExampleAPIError extends Error {\n  constructor(message: string | undefined) {\n    super(message);\n    this.name = \"SentryExampleAPIError\";\n  }\n}\n// A faulty API route to test Sentry's error monitoring\nexport function GET() {\n  throw new SentryExampleAPIError(\"This error is raised on the backend called by the example page.\");\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 getInstrumentationClientHookCopyPasteSnippet(\n  dsn: string,\n  selectedFeaturesMap: {\n    replay: boolean;\n    performance: boolean;\n  },\n) {\n  return makeCodeSnippet(true, (unchanged, plus) => {\n    return plus(getInstrumentationClientFileContents(dsn, selectedFeaturesMap));\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\nexport const getRootLayout = (\n  isTs: boolean,\n) => `// This file was generated by the Sentry wizard because we couldn't find a root layout file.\n// You can delete this file at any time.\n\nexport const metadata = {\n  title: 'Sentry NextJS Example',\n  description: 'Generated by Sentry',\n}\n\nexport default function RootLayout({\n  children,\n}${\n  isTs\n    ? `: {\n  children: React.ReactNode\n}`\n    : ''\n}) {\n  return (\n    <html lang=\"en\">\n      <body>{children}</body>\n    </html>\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';\n\ntype WithSentryConfigOptions = {\n  orgSlug: string;\n  projectSlug: string;\n  selfHosted: boolean;\n  sentryUrl: string;\n  tunnelRoute: boolean;\n};\n\nexport function getWithSentryConfigOptionsTemplate({\n  orgSlug,\n  projectSlug,\n  selfHosted,\n  tunnelRoute,\n  sentryUrl,\n}: WithSentryConfigOptions): string {\n  return `{\n    // For all available options, see:\n    // https://www.npmjs.com/package/@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\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 getSentryServersideConfigContents(\n  dsn: string,\n  config: 'server' | '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 === '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  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}\",${performanceOptions}\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 getInstrumentationClientFileContents(\n  dsn: string,\n  selectedFeaturesMap: {\n    replay: boolean;\n    performance: boolean;\n  },\n): string {\n  const integrationsOptions = getClientIntegrationsSnippet({\n    replay: selectedFeaturesMap.replay,\n  });\n\n  let replayOptions = '';\n\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  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  return `// This file configures the initialization of Sentry on the client.\n// The added config here will be used whenever a users loads a page in their browser.\n// https://docs.sentry.io/platforms/javascript/guides/nextjs/\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\nexport const onRouterTransitionStart = Sentry.captureRouterTransitionStart;`;\n}\n\nexport function getSentryExamplePageContents(options: {\n  selfHosted: boolean;\n  sentryUrl: string;\n  orgSlug: string;\n  projectId: string;\n  useClient: boolean;\n  isTypeScript?: 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\";\nimport { useState, useEffect } from \"react\";\n\nclass SentryExampleFrontendError extends Error {\n  constructor(message${options.isTypeScript ? ': string | undefined' : ''}) {\n    super(message);\n    this.name = \"SentryExampleFrontendError\";\n  }\n}\n\nexport default function Page() {\n  const [hasSentError, setHasSentError] = useState(false);\n  const [isConnected, setIsConnected] = useState(true);\n  \n  useEffect(() => {\n    async function checkConnectivity() {\n      const result = await Sentry.diagnoseSdkConnectivity();\n      setIsConnected(result !== 'sentry-unreachable');\n    }\n    checkConnectivity();\n  }, []);\n\n  return (\n    <div>\n      <Head>\n        <title>sentry-example-page</title>\n        <meta name=\"description\" content=\"Test Sentry for your Next.js app!\" />\n      </Head>\n\n      <main>\n        <div className=\"flex-spacer\" />\n        <svg height=\"40\" width=\"40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M21.85 2.995a3.698 3.698 0 0 1 1.353 1.354l16.303 28.278a3.703 3.703 0 0 1-1.354 5.053 3.694 3.694 0 0 1-1.848.496h-3.828a31.149 31.149 0 0 0 0-3.09h3.815a.61.61 0 0 0 .537-.917L20.523 5.893a.61.61 0 0 0-1.057 0l-3.739 6.494a28.948 28.948 0 0 1 9.63 10.453 28.988 28.988 0 0 1 3.499 13.78v1.542h-9.852v-1.544a19.106 19.106 0 0 0-2.182-8.85 19.08 19.08 0 0 0-6.032-6.829l-1.85 3.208a15.377 15.377 0 0 1 6.382 12.484v1.542H3.696A3.694 3.694 0 0 1 0 34.473c0-.648.17-1.286.494-1.849l2.33-4.074a8.562 8.562 0 0 1 2.689 1.536L3.158 34.17a.611.611 0 0 0 .538.917h8.448a12.481 12.481 0 0 0-6.037-9.09l-1.344-.772 4.908-8.545 1.344.77a22.16 22.16 0 0 1 7.705 7.444 22.193 22.193 0 0 1 3.316 10.193h3.699a25.892 25.892 0 0 0-3.811-12.033 25.856 25.856 0 0 0-9.046-8.796l-1.344-.772 5.269-9.136a3.698 3.698 0 0 1 3.2-1.849c.648 0 1.285.17 1.847.495Z\" fill=\"currentcolor\"/>\n        </svg>\n        <h1>\n          sentry-example-page\n        </h1>\n\n        <p className=\"description\">\n          Click the button below, and view the sample error on the Sentry <a target=\"_blank\" href=\"${issuesPageLink}\">Issues Page</a>.\n          For more details about setting up Sentry, <a target=\"_blank\"\n           href=\"https://docs.sentry.io/platforms/javascript/guides/nextjs/\">read our docs</a>.\n        </p>\n\n        <button\n          type=\"button\"\n          onClick={async () => {\n            await Sentry.startSpan({\n              name: 'Example Frontend/Backend Span',\n              op: 'test'\n            }, async () => {\n              const res = await fetch(\"/api/sentry-example-api\");\n              if (!res.ok) {\n                setHasSentError(true);\n              }\n            });\n            throw new SentryExampleFrontendError(\"This error is raised on the frontend of the example page.\");\n          }}\n          disabled={!isConnected}\n        >\n          <span>\n            Throw Sample Error\n          </span>\n        </button>\n\n        {hasSentError ? (\n          <p className=\"success\">\n            Error sent to Sentry.\n          </p>\n        ) : !isConnected ? (\n          <div className=\"connectivity-error\">\n            <p>It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test.</p>\n          </div>\n        ) : (\n          <div className=\"success_placeholder\" />\n        )}\n\n        <div className=\"flex-spacer\" />\n      \n      </main>\n\n      <style>{\\`\n        main {\n          display: flex;\n          min-height: 100vh;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          gap: 16px;\n          padding: 16px;\n          font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n        }\n\n        h1 {\n          padding: 0px 4px;\n          border-radius: 4px;\n          background-color: rgba(24, 20, 35, 0.03);\n          font-family: monospace;\n          font-size: 20px;\n          line-height: 1.2;\n        }\n\n        p {\n          margin: 0;\n          font-size: 20px;\n        }\n\n        a {\n          color: #6341F0;\n          text-decoration: underline;\n          cursor: pointer;\n\n          @media (prefers-color-scheme: dark) {\n            color: #B3A1FF;\n          }\n        }\n\n        button {\n          border-radius: 8px;\n          color: white;\n          cursor: pointer;\n          background-color: #553DB8;\n          border: none;\n          padding: 0;\n          margin-top: 4px;\n\n          & > span {\n            display: inline-block;\n            padding: 12px 16px;\n            border-radius: inherit;\n            font-size: 20px;\n            font-weight: bold;\n            line-height: 1;\n            background-color: #7553FF;\n            border: 1px solid #553DB8;\n            transform: translateY(-4px);\n          }\n\n          &:hover > span {\n            transform: translateY(-8px);\n          }\n\n          &:active > span {\n            transform: translateY(0);\n          }\n\n          &:disabled {\n\t            cursor: not-allowed;\n\t            opacity: 0.6;\n\t\n\t            & > span {\n\t              transform: translateY(0);\n\t              border: none\n\t            }\n\t          }\n        }\n\n        .description {\n          text-align: center;\n          color: #6E6C75;\n          max-width: 500px;\n          line-height: 1.5;\n          font-size: 20px;\n\n          @media (prefers-color-scheme: dark) {\n            color: #A49FB5;\n          }\n        }\n\n        .flex-spacer {\n          flex: 1;\n        }\n\n        .success {\n          padding: 12px 16px;\n          border-radius: 8px;\n          font-size: 20px;\n          line-height: 1;\n          background-color: #00F261;\n          border: 1px solid #00BF4D;\n          color: #181423;\n        }\n\n        .success_placeholder {\n          height: 46px;\n        }\n\n        .connectivity-error {\n          padding: 12px 16px;\n          background-color: #E50045;\n          border-radius: 8px;\n          width: 500px;\n          color: #FFFFFF;\n          border: 1px solid #A80033;\n          text-align: center;\n          margin: 0;\n        }\n        \n        .connectivity-error a {\n          color: #FFFFFF;\n          text-decoration: underline;\n        }\n      \\`}</style>\n    </div>\n  );\n}\n`;\n}\n\nexport function getSentryExamplePagesDirApiRoute({\n  isTypeScript,\n}: {\n  isTypeScript: boolean;\n}) {\n  return `// Custom error class for Sentry testing\nclass SentryExampleAPIError extends Error {\n  constructor(message${isTypeScript ? ': string | undefined' : ''}) {\n    super(message);\n    this.name = \"SentryExampleAPIError\";\n  }\n}\n// A faulty API route to test Sentry's error monitoring\nexport default function handler(_req, res) {\nthrow new SentryExampleAPIError(\"This error is raised on the backend called by the example page.\");\nres.status(200).json({ name: \"John Doe\" });\n}\n`;\n}\n\nexport function getSentryExampleAppDirApiRoute({\n  isTypeScript,\n}: {\n  isTypeScript: boolean;\n}) {\n  return `import { NextResponse } from \"next/server\";\n\nexport const dynamic = \"force-dynamic\";\nclass SentryExampleAPIError extends Error {\n  constructor(message${isTypeScript ? ': string | undefined' : ''}) {\n    super(message);\n    this.name = \"SentryExampleAPIError\";\n  }\n}\n// A faulty API route to test Sentry's error monitoring\nexport function GET() {\n  throw new SentryExampleAPIError(\"This error is raised on the backend called by the example page.\");\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 getGenerateMetadataSnippet(isTs: boolean) {\n  return makeCodeSnippet(true, (unchanged, plus) => {\n    return plus(`\n      import * as Sentry from '@sentry/nextjs';\n      ${isTs ? `import type { Metadata } from 'next';` : ''}\n\n      ${unchanged(\n        '// Add or edit your \"generateMetadata\" to include the Sentry trace data:',\n      )}\n      export function generateMetadata()${isTs ? ': Metadata' : ''} {\n        return {\n          // ... your existing metadata\n          other: {\n            ...Sentry.getTraceData()\n          }\n        };\n      }\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 getInstrumentationClientHookCopyPasteSnippet(\n  dsn: string,\n  selectedFeaturesMap: {\n    replay: boolean;\n    performance: boolean;\n  },\n) {\n  return makeCodeSnippet(true, (unchanged, plus) => {\n    return plus(getInstrumentationClientFileContents(dsn, selectedFeaturesMap));\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\nexport const getRootLayout = (\n  isTs: boolean,\n) => `// This file was generated by the Sentry wizard because we couldn't find a root layout file.\n// You can delete this file at any time.\n\nexport const metadata = {\n  title: 'Sentry NextJS Example',\n  description: 'Generated by Sentry',\n}\n\nexport default function RootLayout({\n  children,\n}${\n  isTs\n    ? `: {\n  children: React.ReactNode\n}`\n    : ''\n}) {\n  return (\n    <html lang=\"en\">\n      <body>{children}</body>\n    </html>\n  )\n}\n`;\n\nexport const getRootLayoutWithGenerateMetadata = (\n  isTs: boolean,\n) => `// This file was generated by the Sentry wizard because we couldn't find a root layout file.\nimport * as Sentry from '@sentry/nextjs';\n${isTs ? `import type { Metadata } from 'next';` : ''}\n\nexport function generateMetadata()${isTs ? ': Metadata' : ''} {\n  return {\n    other: {\n      ...Sentry.getTraceData(),\n    }\n  }\n};\n\nexport default function RootLayout({\n  children,\n}${\n  isTs\n    ? `: {\n  children: React.ReactNode\n}`\n    : ''\n}) {\n  return (\n    <html lang=\"en\">\n      <body>{children}</body>\n    </html>\n  )\n}\n`;\n"]}

package/dist/src/nextjs/utils.d.ts

@@ -1 +1,3 @@
 export declare function getNextJsVersionBucket(version: string | undefined): string;
+export declare function getMaybeAppDirLocation(): string[] | undefined;
+export declare function hasRootLayoutFile(appFolderPath: string): boolean;

package/dist/src/nextjs/utils.js

@@ -1,6 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextJsVersionBucket = void 0;
+exports.hasRootLayoutFile = exports.getMaybeAppDirLocation = exports.getNextJsVersionBucket = void 0;
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
 const semver_1 = require("semver");
 function getNextJsVersionBucket(version) {
     if (!version) {
@@ -22,4 +47,20 @@ function getNextJsVersionBucket(version) {
     }
 }
 exports.getNextJsVersionBucket = getNextJsVersionBucket;
+function getMaybeAppDirLocation() {
+    const maybeAppDirPath = path.join(process.cwd(), 'app');
+    const maybeSrcAppDirPath = path.join(process.cwd(), 'src', 'app');
+    return fs.existsSync(maybeAppDirPath) &&
+        fs.lstatSync(maybeAppDirPath).isDirectory()
+        ? ['app']
+        : fs.existsSync(maybeSrcAppDirPath) &&
+            fs.lstatSync(maybeSrcAppDirPath).isDirectory()
+            ? ['src', 'app']
+            : undefined;
+}
+exports.getMaybeAppDirLocation = getMaybeAppDirLocation;
+function hasRootLayoutFile(appFolderPath) {
+    return ['jsx', 'tsx', 'js'].some((ext) => fs.existsSync(path.join(appFolderPath, `layout.${ext}`)));
+}
+exports.hasRootLayoutFile = hasRootLayoutFile;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nextjs/utils.ts"],"names":[],"mappings":";;;AAAA,mCAA2C;AAE3C,SAAgB,sBAAsB,CAAC,OAA2B;IAChE,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,MAAM,CAAC;KACf;IAED,IAAI;QACF,MAAM,MAAM,GAAG,IAAA,mBAAU,EAAC,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,SAAS,CAAC;SAClB;QACD,MAAM,YAAY,GAAG,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC;QACnC,IAAI,YAAY,IAAI,EAAE,EAAE;YACtB,OAAO,GAAG,YAAY,IAAI,CAAC;SAC5B;QACD,OAAO,SAAS,CAAC;KAClB;IAAC,MAAM;QACN,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAlBD,wDAkBC","sourcesContent":["import { major, minVersion } from 'semver';\n\nexport function getNextJsVersionBucket(version: string | undefined) {\n  if (!version) {\n    return 'none';\n  }\n\n  try {\n    const minVer = minVersion(version);\n    if (!minVer) {\n      return 'invalid';\n    }\n    const majorVersion = major(minVer);\n    if (majorVersion >= 11) {\n      return `${majorVersion}.x`;\n    }\n    return '<11.0.0';\n  } catch {\n    return 'unknown';\n  }\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nextjs/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyB;AACzB,2CAA6B;AAC7B,mCAA2C;AAE3C,SAAgB,sBAAsB,CAAC,OAA2B;IAChE,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,MAAM,CAAC;KACf;IAED,IAAI;QACF,MAAM,MAAM,GAAG,IAAA,mBAAU,EAAC,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,SAAS,CAAC;SAClB;QACD,MAAM,YAAY,GAAG,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC;QACnC,IAAI,YAAY,IAAI,EAAE,EAAE;YACtB,OAAO,GAAG,YAAY,IAAI,CAAC;SAC5B;QACD,OAAO,SAAS,CAAC;KAClB;IAAC,MAAM;QACN,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAlBD,wDAkBC;AAED,SAAgB,sBAAsB;IACpC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,OAAO,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC;QACnC,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE;QAC3C,CAAC,CAAC,CAAC,KAAK,CAAC;QACT,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC;YACjC,EAAE,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,WAAW,EAAE;YAChD,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC;YAChB,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAXD,wDAWC;AAED,SAAgB,iBAAiB,CAAC,aAAqB;IACrD,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CACvC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,EAAE,CAAC,CAAC,CACzD,CAAC;AACJ,CAAC;AAJD,8CAIC","sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\nimport { major, minVersion } from 'semver';\n\nexport function getNextJsVersionBucket(version: string | undefined) {\n  if (!version) {\n    return 'none';\n  }\n\n  try {\n    const minVer = minVersion(version);\n    if (!minVer) {\n      return 'invalid';\n    }\n    const majorVersion = major(minVer);\n    if (majorVersion >= 11) {\n      return `${majorVersion}.x`;\n    }\n    return '<11.0.0';\n  } catch {\n    return 'unknown';\n  }\n}\n\nexport function getMaybeAppDirLocation() {\n  const maybeAppDirPath = path.join(process.cwd(), 'app');\n  const maybeSrcAppDirPath = path.join(process.cwd(), 'src', 'app');\n\n  return fs.existsSync(maybeAppDirPath) &&\n    fs.lstatSync(maybeAppDirPath).isDirectory()\n    ? ['app']\n    : fs.existsSync(maybeSrcAppDirPath) &&\n      fs.lstatSync(maybeSrcAppDirPath).isDirectory()\n    ? ['src', 'app']\n    : undefined;\n}\n\nexport function hasRootLayoutFile(appFolderPath: string) {\n  return ['jsx', 'tsx', 'js'].some((ext) =>\n    fs.existsSync(path.join(appFolderPath, `layout.${ext}`)),\n  );\n}\n"]}

package/dist/src/nuxt/templates.js

@@ -113,7 +113,13 @@ Feel free to delete this file.
 
 <script setup>
   import * as Sentry from '@sentry/nuxt';
-  import { useFetch} from '#imports'
+
+  class SentryExampleFrontendError extends Error {
+    constructor(message) {
+      super(message);
+      this.name = "SentryExampleFrontendError";
+    }
+  }
 
   const hasSentError = ref(false);
   const isConnected = ref(true);
@@ -127,20 +133,23 @@ Feel free to delete this file.
     }
   });
   
-  function getSentryData() {
-    Sentry.startSpan(
+  async function getSentryData() {
+    await Sentry.startSpan(
       {
         name: 'Example Frontend Span',
         op: 'test'
       },
       async () => {
-        const { error } = await useFetch('/api/sentry-example-api');
-        if (error.value) {
+        const res = await $fetch('/api/sentry-example-api', { 
+          method: 'GET',
+          ignoreResponseError: true 
+        }).catch(() => null);
+        if (!res) {
           hasSentError.value = true;
-          throw new Error('Sentry Example Frontend Error');
         }
       }
-    )
+    );
+    throw new SentryExampleFrontendError("This error is raised on the frontend of the example page.");
   }
 </script>
 
@@ -157,13 +166,14 @@ Feel free to delete this file.
       </h1>
 
       <p class="description">
-        Click the button below, and view the sample error on the Sentry <a target="_blank" href="${issuesPageLink}">Issues Page</a>. 
+        Click the button below, and view the sample error on the Sentry <a target="_blank" href="${issuesPageLink}">Issues Page</a>.
         For more details about setting up Sentry, <a target="_blank" href="https://docs.sentry.io/platforms/javascript/guides/nuxt/">read our docs</a>.
       </p>
 
       <button
         type="button"
         @click="getSentryData"
+        :disabled="!isConnected"
       >
         <span>
           Throw Sample Error
@@ -174,14 +184,11 @@ Feel free to delete this file.
         Sample error was sent to Sentry.
       </p>
       <div v-else-if="!isConnected" class="connectivity-error">
-        <p>The Sentry SDK is not able to reach Sentry right now - this may be due to an adblocker. For more information, see <a target="_blank" href="https://docs.sentry.io/platforms/javascript/guides/nuxt/troubleshooting/#the-sdk-is-not-sending-any-data">the troubleshooting guide</a>.</p>
+        <p>It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test.</p>
       </div>
       <div v-else class="success_placeholder" />
 
       <div class="flex-spacer" />
-      <p class="description">
-        Adblockers will prevent errors from being sent to Sentry.
-      </p>
     </main>
   </div>
 </template>
@@ -261,6 +268,16 @@ Feel free to delete this file.
     &:active > span {
       transform: translateY(0); 
     }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+
+      & > span {
+        transform: translateY(0);
+        border: none;
+      }
+    }
   }
 
   .description {

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

@@ -1 +1 @@
-{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/nuxt/templates.ts"],"names":[],"mappings":"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","sourcesContent":["import { getIssueStreamUrl } from '../utils/url';\n\ntype SelectedSentryFeatures = {\n  performance: boolean;\n  replay: boolean;\n};\n\nexport function getDefaultNuxtConfig(): string {\n  return `// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n  compatibilityDate: '2024-04-03',\n  devtools: { enabled: true }\n})\n`;\n}\n\nexport function getNuxtModuleFallbackTemplate(\n  options: {\n    org: string;\n    project: string;\n    url: string;\n    selfHosted: boolean;\n  },\n  shouldTopLevelImport: boolean,\n): string {\n  return `  modules: [\"@sentry/nuxt/module\"],\n  sentry: {\n    sourceMapsUploadOptions: {\n      org: \"${options.org}\",\n      project: \"${options.project}\",${\n    options.selfHosted ? `\\n      url: \"${options.url}\",` : ''\n  }\n    },${\n      shouldTopLevelImport\n        ? `\\n    autoInjectServerSentry: \"top-level-import\",`\n        : ''\n    }\n  },\n  sourcemap: { client: \"hidden\" },`;\n}\n\nexport function getSentryConfigContents(\n  dsn: string,\n  config: 'client' | 'server',\n  selectedFeatures: SelectedSentryFeatures,\n): string {\n  if (config === 'client') {\n    return getSentryClientConfigContents(dsn, selectedFeatures);\n  }\n\n  return getSentryServerConfigContents(dsn, selectedFeatures);\n}\n\nconst featuresConfigMap: Record<keyof SelectedSentryFeatures, string> = {\n  performance: [\n    '  // We recommend adjusting this value in production, or using tracesSampler',\n    '  // for finer control',\n    '  tracesSampleRate: 1.0,',\n  ].join('\\n'),\n  replay: [\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    '  // If the entire session is not sampled, use the below sample rate to sample',\n    '  // sessions when an error occurs.',\n    '  replaysOnErrorSampleRate: 1.0,',\n    '  ',\n    \"  // If you don't want to use Session Replay, just remove the line below:\",\n    '  integrations: [Sentry.replayIntegration()],',\n  ].join('\\n'),\n};\n\nconst featuresMap: Record<\n  'client' | 'server',\n  Array<keyof SelectedSentryFeatures>\n> = {\n  client: ['performance', 'replay'],\n  server: ['performance'],\n};\n\nexport function getConfigBody(\n  dsn: string,\n  variant: 'client' | 'server',\n  selectedFeatures: SelectedSentryFeatures,\n) {\n  return [\n    `dsn: \"${dsn}\",`,\n    Object.entries(selectedFeatures)\n      .map(([feature, activated]: [keyof SelectedSentryFeatures, boolean]) => {\n        return featuresMap[variant].includes(feature) && activated\n          ? featuresConfigMap[feature]\n          : null;\n      })\n      .filter(Boolean)\n      .join('\\n\\n'),\n  ]\n    .filter(Boolean)\n    .join('\\n\\n');\n}\n\nfunction getSentryClientConfigContents(\n  dsn: string,\n  selectedFeatures: SelectedSentryFeatures,\n): string {\n  return `import * as Sentry from \"@sentry/nuxt\";\n\nSentry.init({\n  // If set up, you can use your runtime config here\n  // dsn: useRuntimeConfig().public.sentry.dsn,\n  ${getConfigBody(dsn, 'client', selectedFeatures)}\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\nfunction getSentryServerConfigContents(\n  dsn: string,\n  selectedFeatures: SelectedSentryFeatures,\n): string {\n  return `import * as Sentry from \"@sentry/nuxt\";\n \nSentry.init({\n  ${getConfigBody(dsn, 'server', selectedFeatures)}\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 getIndexRouteTemplate(): string {\n  return `<!--\nThis is just to verify the sentry-example-page.\nFeel free to delete this file.\n-->\n\n<template></template>`;\n}\n\nexport function getSentryExamplePageTemplate(options: {\n  url: string;\n  org: string;\n  projectId: string;\n}): string {\n  const { url, org, projectId } = options;\n  const issuesPageLink = getIssueStreamUrl({ url, orgSlug: org, projectId });\n\n  return `<!--\nThis is just a very simple page with a button to throw an example error.\nFeel free to delete this file.\n-->\n\n<script setup>\n  import * as Sentry from '@sentry/nuxt';\n  import { useFetch} from '#imports'\n\n  const hasSentError = ref(false);\n  const isConnected = ref(true);\n  \n  onMounted(async () => {\n    try {\n      const result = await Sentry.diagnoseSdkConnectivity();\n      isConnected.value = result !== 'sentry-unreachable';\n    } catch (error) {\n      isConnected.value = false;\n    }\n  });\n  \n  function getSentryData() {\n    Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test'\n      },\n      async () => {\n        const { error } = await useFetch('/api/sentry-example-api');\n        if (error.value) {\n          hasSentError.value = true;\n          throw new Error('Sentry Example Frontend Error');\n        }\n      }\n    )\n  }\n</script>\n\n<template>\n  <title>Sentry Onboarding</title>\n  <div>\n    <main>\n      <div class=\"flex-spacer\" />\n      <svg height=\"40\" width=\"40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M21.85 2.995a3.698 3.698 0 0 1 1.353 1.354l16.303 28.278a3.703 3.703 0 0 1-1.354 5.053 3.694 3.694 0 0 1-1.848.496h-3.828a31.149 31.149 0 0 0 0-3.09h3.815a.61.61 0 0 0 .537-.917L20.523 5.893a.61.61 0 0 0-1.057 0l-3.739 6.494a28.948 28.948 0 0 1 9.63 10.453 28.988 28.988 0 0 1 3.499 13.78v1.542h-9.852v-1.544a19.106 19.106 0 0 0-2.182-8.85 19.08 19.08 0 0 0-6.032-6.829l-1.85 3.208a15.377 15.377 0 0 1 6.382 12.484v1.542H3.696A3.694 3.694 0 0 1 0 34.473c0-.648.17-1.286.494-1.849l2.33-4.074a8.562 8.562 0 0 1 2.689 1.536L3.158 34.17a.611.611 0 0 0 .538.917h8.448a12.481 12.481 0 0 0-6.037-9.09l-1.344-.772 4.908-8.545 1.344.77a22.16 22.16 0 0 1 7.705 7.444 22.193 22.193 0 0 1 3.316 10.193h3.699a25.892 25.892 0 0 0-3.811-12.033 25.856 25.856 0 0 0-9.046-8.796l-1.344-.772 5.269-9.136a3.698 3.698 0 0 1 3.2-1.849c.648 0 1.285.17 1.847.495Z\" fill=\"currentcolor\"/>\n      </svg>\n      <h1>\n        sentry-example-page\n      </h1>\n\n      <p class=\"description\">\n        Click the button below, and view the sample error on the Sentry <a target=\"_blank\" href=\"${issuesPageLink}\">Issues Page</a>. \n        For more details about setting up Sentry, <a target=\"_blank\" href=\"https://docs.sentry.io/platforms/javascript/guides/nuxt/\">read our docs</a>.\n      </p>\n\n      <button\n        type=\"button\"\n        @click=\"getSentryData\"\n      >\n        <span>\n          Throw Sample Error\n        </span>\n      </button>\n\n      <p v-if=\"hasSentError\" class=\"success\">\n        Sample error was sent to Sentry.\n      </p>\n      <div v-else-if=\"!isConnected\" class=\"connectivity-error\">\n        <p>The Sentry SDK is not able to reach Sentry right now - this may be due to an adblocker. For more information, see <a target=\"_blank\" href=\"https://docs.sentry.io/platforms/javascript/guides/nuxt/troubleshooting/#the-sdk-is-not-sending-any-data\">the troubleshooting guide</a>.</p>\n      </div>\n      <div v-else class=\"success_placeholder\" />\n\n      <div class=\"flex-spacer\" />\n      <p class=\"description\">\n        Adblockers will prevent errors from being sent to Sentry.\n      </p>\n    </main>\n  </div>\n</template>\n\n<style scoped>\n  :global(body) {\n    margin: 0;\n\n    @media (prefers-color-scheme: dark) {\n      color: #ededed;\n      background-color: #0a0a0a;\n    }\n  }\n\n  main {\n    display: flex;\n    min-height: 100vh;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n  }\n\n  h1 {\n    padding: 0px 4px;\n    margin: 0;\n    border-radius: 4px;\n    background-color: rgba(24, 20, 35, 0.03);\n    font-family: monospace;\n    font-size: 20px;\n    line-height: 1.2;\n  }\n\n  p {\n    margin: 0;\n    font-size: 20px;\n  }\n\n  a {\n    color: #6341F0;\n    text-decoration: underline;\n    cursor: pointer;\n\n    @media (prefers-color-scheme: dark) {\n      color: #B3A1FF;\n    }\n  }\n\n  button {\n    border-radius: 8px;\n    color: white;\n    cursor: pointer;\n    background-color: #553DB8;\n    border: none;\n    padding: 0;\n    margin-top: 4px;\n\n    & > span {\n      display: inline-block;\n      padding: 12px 16px;\n      border-radius: inherit;\n      font-size: 20px;\n      font-weight: bold;\n      line-height: 1;\n      background-color: #7553FF;\n      border: 1px solid #553DB8;\n      transform: translateY(-4px);\n    }\n\n    &:hover > span {\n      transform: translateY(-8px);\n    }\n\n    &:active > span {\n      transform: translateY(0); \n    }\n  }\n\n  .description {\n    text-align: center;\n    color: #6E6C75;\n    max-width: 500px;\n    line-height: 1.5;\n    font-size: 20px;\n\n    @media (prefers-color-scheme: dark) {\n      color: #A49FB5;\n    }\n  }\n\n  .flex-spacer {\n    flex: 1;\n  }\n\n  .success {\n    padding: 12px 16px;\n    border-radius: 8px;\n    font-size: 20px;\n    line-height: 1;\n    background-color: #00F261;\n    border: 1px solid #00BF4D;\n    color: #181423;\n  }\n\n  .success_placeholder {\n    height: 46px;\n  }\n  \n  .connectivity-error {\n    padding: 12px 16px;\n    background-color: #E50045;\n    border-radius: 8px;\n    width: 500px;\n    color: #FFFFFF;\n    border: 1px solid #A80033;\n    text-align: center;\n    margin: 0;\n  }\n  \n  .connectivity-error a {\n    color: #FFFFFF;\n    text-decoration: underline;\n  }\n</style>\n\n`;\n}\n\nexport function getSentryExampleApiTemplate() {\n  return `// This is just a very simple API route that throws an example error.\n// Feel free to delete this file.\nimport { defineEventHandler } from '#imports';\n\nexport default defineEventHandler(() => {\n  throw new Error(\"Sentry Example API Route Error\");\n});\n`;\n}\n\nexport function getSentryErrorButtonTemplate() {\n  return `<!--\nThis is just a very simple component that throws an example error.\nFeel free to delete this file.\n-->\n\n<script setup>\n  import * as Sentry from '@sentry/nuxt';\n\n  const hasSentError = ref(false);\n  \n  const throwError = () => {\n    Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test'\n      },\n      () => {\n        hasSentError.value = true;\n        throw new Error('Sentry Example Error');\n      }\n    )\n  };\n</script>\n\n<template>\n  <div v-if=\"hasSentError\" class=\"success\">\n    Sample error was sent to Sentry.\n  </div>\n  <button v-else @click=\"throwError\">\n    <span>Throw Sample Error</span>\n  </button>\n</template>\n\n<style scoped>\n  button {\n    border-radius: 8px;\n    color: white;\n    cursor: pointer;\n    background-color: #553DB8;\n    border: none;\n    padding: 0;\n    margin-top: 4px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n\n    & > span {\n      display: inline-block;\n      padding: 12px 16px;\n      border-radius: inherit;\n      font-size: 20px;\n      font-weight: bold;\n      line-height: 1;\n      background-color: #7553FF;\n      border: 1px solid #553DB8;\n      transform: translateY(-4px);\n    }\n\n    &:hover > span {\n      transform: translateY(-8px);\n    }\n\n    &:active > span {\n      transform: translateY(0);\n    }\n  }\n\n  .success {\n    width: max-content;\n    padding: 12px 16px;\n    border-radius: 8px;\n    font-size: 20px;\n    line-height: 1;\n    background-color: #00F261;\n    border: 1px solid #00BF4D;\n    color: #181423;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n  }\n</style>\n`;\n}\n"]}
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/nuxt/templates.ts"],"names":[],"mappings":"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","sourcesContent":["import { getIssueStreamUrl } from '../utils/url';\n\ntype SelectedSentryFeatures = {\n  performance: boolean;\n  replay: boolean;\n};\n\nexport function getDefaultNuxtConfig(): string {\n  return `// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n  compatibilityDate: '2024-04-03',\n  devtools: { enabled: true }\n})\n`;\n}\n\nexport function getNuxtModuleFallbackTemplate(\n  options: {\n    org: string;\n    project: string;\n    url: string;\n    selfHosted: boolean;\n  },\n  shouldTopLevelImport: boolean,\n): string {\n  return `  modules: [\"@sentry/nuxt/module\"],\n  sentry: {\n    sourceMapsUploadOptions: {\n      org: \"${options.org}\",\n      project: \"${options.project}\",${\n    options.selfHosted ? `\\n      url: \"${options.url}\",` : ''\n  }\n    },${\n      shouldTopLevelImport\n        ? `\\n    autoInjectServerSentry: \"top-level-import\",`\n        : ''\n    }\n  },\n  sourcemap: { client: \"hidden\" },`;\n}\n\nexport function getSentryConfigContents(\n  dsn: string,\n  config: 'client' | 'server',\n  selectedFeatures: SelectedSentryFeatures,\n): string {\n  if (config === 'client') {\n    return getSentryClientConfigContents(dsn, selectedFeatures);\n  }\n\n  return getSentryServerConfigContents(dsn, selectedFeatures);\n}\n\nconst featuresConfigMap: Record<keyof SelectedSentryFeatures, string> = {\n  performance: [\n    '  // We recommend adjusting this value in production, or using tracesSampler',\n    '  // for finer control',\n    '  tracesSampleRate: 1.0,',\n  ].join('\\n'),\n  replay: [\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    '  // If the entire session is not sampled, use the below sample rate to sample',\n    '  // sessions when an error occurs.',\n    '  replaysOnErrorSampleRate: 1.0,',\n    '  ',\n    \"  // If you don't want to use Session Replay, just remove the line below:\",\n    '  integrations: [Sentry.replayIntegration()],',\n  ].join('\\n'),\n};\n\nconst featuresMap: Record<\n  'client' | 'server',\n  Array<keyof SelectedSentryFeatures>\n> = {\n  client: ['performance', 'replay'],\n  server: ['performance'],\n};\n\nexport function getConfigBody(\n  dsn: string,\n  variant: 'client' | 'server',\n  selectedFeatures: SelectedSentryFeatures,\n) {\n  return [\n    `dsn: \"${dsn}\",`,\n    Object.entries(selectedFeatures)\n      .map(([feature, activated]: [keyof SelectedSentryFeatures, boolean]) => {\n        return featuresMap[variant].includes(feature) && activated\n          ? featuresConfigMap[feature]\n          : null;\n      })\n      .filter(Boolean)\n      .join('\\n\\n'),\n  ]\n    .filter(Boolean)\n    .join('\\n\\n');\n}\n\nfunction getSentryClientConfigContents(\n  dsn: string,\n  selectedFeatures: SelectedSentryFeatures,\n): string {\n  return `import * as Sentry from \"@sentry/nuxt\";\n\nSentry.init({\n  // If set up, you can use your runtime config here\n  // dsn: useRuntimeConfig().public.sentry.dsn,\n  ${getConfigBody(dsn, 'client', selectedFeatures)}\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\nfunction getSentryServerConfigContents(\n  dsn: string,\n  selectedFeatures: SelectedSentryFeatures,\n): string {\n  return `import * as Sentry from \"@sentry/nuxt\";\n \nSentry.init({\n  ${getConfigBody(dsn, 'server', selectedFeatures)}\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 getIndexRouteTemplate(): string {\n  return `<!--\nThis is just to verify the sentry-example-page.\nFeel free to delete this file.\n-->\n\n<template></template>`;\n}\n\nexport function getSentryExamplePageTemplate(options: {\n  url: string;\n  org: string;\n  projectId: string;\n}): string {\n  const { url, org, projectId } = options;\n  const issuesPageLink = getIssueStreamUrl({ url, orgSlug: org, projectId });\n\n  return `<!--\nThis is just a very simple page with a button to throw an example error.\nFeel free to delete this file.\n-->\n\n<script setup>\n  import * as Sentry from '@sentry/nuxt';\n\n  class SentryExampleFrontendError extends Error {\n    constructor(message) {\n      super(message);\n      this.name = \"SentryExampleFrontendError\";\n    }\n  }\n\n  const hasSentError = ref(false);\n  const isConnected = ref(true);\n  \n  onMounted(async () => {\n    try {\n      const result = await Sentry.diagnoseSdkConnectivity();\n      isConnected.value = result !== 'sentry-unreachable';\n    } catch (error) {\n      isConnected.value = false;\n    }\n  });\n  \n  async function getSentryData() {\n    await Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test'\n      },\n      async () => {\n        const res = await $fetch('/api/sentry-example-api', { \n          method: 'GET',\n          ignoreResponseError: true \n        }).catch(() => null);\n        if (!res) {\n          hasSentError.value = true;\n        }\n      }\n    );\n    throw new SentryExampleFrontendError(\"This error is raised on the frontend of the example page.\");\n  }\n</script>\n\n<template>\n  <title>Sentry Onboarding</title>\n  <div>\n    <main>\n      <div class=\"flex-spacer\" />\n      <svg height=\"40\" width=\"40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M21.85 2.995a3.698 3.698 0 0 1 1.353 1.354l16.303 28.278a3.703 3.703 0 0 1-1.354 5.053 3.694 3.694 0 0 1-1.848.496h-3.828a31.149 31.149 0 0 0 0-3.09h3.815a.61.61 0 0 0 .537-.917L20.523 5.893a.61.61 0 0 0-1.057 0l-3.739 6.494a28.948 28.948 0 0 1 9.63 10.453 28.988 28.988 0 0 1 3.499 13.78v1.542h-9.852v-1.544a19.106 19.106 0 0 0-2.182-8.85 19.08 19.08 0 0 0-6.032-6.829l-1.85 3.208a15.377 15.377 0 0 1 6.382 12.484v1.542H3.696A3.694 3.694 0 0 1 0 34.473c0-.648.17-1.286.494-1.849l2.33-4.074a8.562 8.562 0 0 1 2.689 1.536L3.158 34.17a.611.611 0 0 0 .538.917h8.448a12.481 12.481 0 0 0-6.037-9.09l-1.344-.772 4.908-8.545 1.344.77a22.16 22.16 0 0 1 7.705 7.444 22.193 22.193 0 0 1 3.316 10.193h3.699a25.892 25.892 0 0 0-3.811-12.033 25.856 25.856 0 0 0-9.046-8.796l-1.344-.772 5.269-9.136a3.698 3.698 0 0 1 3.2-1.849c.648 0 1.285.17 1.847.495Z\" fill=\"currentcolor\"/>\n      </svg>\n      <h1>\n        sentry-example-page\n      </h1>\n\n      <p class=\"description\">\n        Click the button below, and view the sample error on the Sentry <a target=\"_blank\" href=\"${issuesPageLink}\">Issues Page</a>.\n        For more details about setting up Sentry, <a target=\"_blank\" href=\"https://docs.sentry.io/platforms/javascript/guides/nuxt/\">read our docs</a>.\n      </p>\n\n      <button\n        type=\"button\"\n        @click=\"getSentryData\"\n        :disabled=\"!isConnected\"\n      >\n        <span>\n          Throw Sample Error\n        </span>\n      </button>\n\n      <p v-if=\"hasSentError\" class=\"success\">\n        Sample error was sent to Sentry.\n      </p>\n      <div v-else-if=\"!isConnected\" class=\"connectivity-error\">\n        <p>It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test.</p>\n      </div>\n      <div v-else class=\"success_placeholder\" />\n\n      <div class=\"flex-spacer\" />\n    </main>\n  </div>\n</template>\n\n<style scoped>\n  :global(body) {\n    margin: 0;\n\n    @media (prefers-color-scheme: dark) {\n      color: #ededed;\n      background-color: #0a0a0a;\n    }\n  }\n\n  main {\n    display: flex;\n    min-height: 100vh;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n  }\n\n  h1 {\n    padding: 0px 4px;\n    margin: 0;\n    border-radius: 4px;\n    background-color: rgba(24, 20, 35, 0.03);\n    font-family: monospace;\n    font-size: 20px;\n    line-height: 1.2;\n  }\n\n  p {\n    margin: 0;\n    font-size: 20px;\n  }\n\n  a {\n    color: #6341F0;\n    text-decoration: underline;\n    cursor: pointer;\n\n    @media (prefers-color-scheme: dark) {\n      color: #B3A1FF;\n    }\n  }\n\n  button {\n    border-radius: 8px;\n    color: white;\n    cursor: pointer;\n    background-color: #553DB8;\n    border: none;\n    padding: 0;\n    margin-top: 4px;\n\n    & > span {\n      display: inline-block;\n      padding: 12px 16px;\n      border-radius: inherit;\n      font-size: 20px;\n      font-weight: bold;\n      line-height: 1;\n      background-color: #7553FF;\n      border: 1px solid #553DB8;\n      transform: translateY(-4px);\n    }\n\n    &:hover > span {\n      transform: translateY(-8px);\n    }\n\n    &:active > span {\n      transform: translateY(0); \n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.6;\n\n      & > span {\n        transform: translateY(0);\n        border: none;\n      }\n    }\n  }\n\n  .description {\n    text-align: center;\n    color: #6E6C75;\n    max-width: 500px;\n    line-height: 1.5;\n    font-size: 20px;\n\n    @media (prefers-color-scheme: dark) {\n      color: #A49FB5;\n    }\n  }\n\n  .flex-spacer {\n    flex: 1;\n  }\n\n  .success {\n    padding: 12px 16px;\n    border-radius: 8px;\n    font-size: 20px;\n    line-height: 1;\n    background-color: #00F261;\n    border: 1px solid #00BF4D;\n    color: #181423;\n  }\n\n  .success_placeholder {\n    height: 46px;\n  }\n  \n  .connectivity-error {\n    padding: 12px 16px;\n    background-color: #E50045;\n    border-radius: 8px;\n    width: 500px;\n    color: #FFFFFF;\n    border: 1px solid #A80033;\n    text-align: center;\n    margin: 0;\n  }\n  \n  .connectivity-error a {\n    color: #FFFFFF;\n    text-decoration: underline;\n  }\n</style>\n\n`;\n}\n\nexport function getSentryExampleApiTemplate() {\n  return `// This is just a very simple API route that throws an example error.\n// Feel free to delete this file.\nimport { defineEventHandler } from '#imports';\n\nexport default defineEventHandler(() => {\n  throw new Error(\"Sentry Example API Route Error\");\n});\n`;\n}\n\nexport function getSentryErrorButtonTemplate() {\n  return `<!--\nThis is just a very simple component that throws an example error.\nFeel free to delete this file.\n-->\n\n<script setup>\n  import * as Sentry from '@sentry/nuxt';\n\n  const hasSentError = ref(false);\n  \n  const throwError = () => {\n    Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test'\n      },\n      () => {\n        hasSentError.value = true;\n        throw new Error('Sentry Example Error');\n      }\n    )\n  };\n</script>\n\n<template>\n  <div v-if=\"hasSentError\" class=\"success\">\n    Sample error was sent to Sentry.\n  </div>\n  <button v-else @click=\"throwError\">\n    <span>Throw Sample Error</span>\n  </button>\n</template>\n\n<style scoped>\n  button {\n    border-radius: 8px;\n    color: white;\n    cursor: pointer;\n    background-color: #553DB8;\n    border: none;\n    padding: 0;\n    margin-top: 4px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n\n    & > span {\n      display: inline-block;\n      padding: 12px 16px;\n      border-radius: inherit;\n      font-size: 20px;\n      font-weight: bold;\n      line-height: 1;\n      background-color: #7553FF;\n      border: 1px solid #553DB8;\n      transform: translateY(-4px);\n    }\n\n    &:hover > span {\n      transform: translateY(-8px);\n    }\n\n    &:active > span {\n      transform: translateY(0);\n    }\n  }\n\n  .success {\n    width: max-content;\n    padding: 12px 16px;\n    border-radius: 8px;\n    font-size: 20px;\n    line-height: 1;\n    background-color: #00F261;\n    border: 1px solid #00BF4D;\n    color: #181423;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n  }\n</style>\n`;\n}\n"]}

package/dist/src/remix/sdk-example.js

@@ -55,6 +55,13 @@ function getSentryExamplePageContents(options) {
     return `import * as Sentry from "@sentry/remix";
 import { useState, useEffect } from "react";
 
+class SentryExampleFrontendError extends Error {
+  constructor(message${options.isTS ? ': string | undefined' : ''}) {
+    super(message);
+    this.name = "SentryExampleFrontendError";
+  }
+}
+
 export const meta = () => {
   return [
     { title: "sentry-example-page" },
@@ -99,10 +106,11 @@ export default function SentryExamplePage() {
               const res = await fetch("/api/sentry-example-api");
               if (!res.ok) {
                 setHasSentError(true);
-                throw new Error("Sentry Example Frontend Error");
               }
             });
+            throw new SentryExampleFrontendError("This error is raised on the frontend of the example page.");
           }}
+          disabled={!isConnected}
         >
           <span>
             Throw Sample Error
@@ -115,16 +123,13 @@ export default function SentryExamplePage() {
           </p>
         ) : !isConnected ? (
           <div className="connectivity-error">
-            <p>The Sentry SDK is not able to reach Sentry right now - this may be due to an adblocker. For more information, see <a target="_blank" rel="noreferrer" href="https://docs.sentry.io/platforms/javascript/guides/remix/troubleshooting/#the-sdk-is-not-sending-any-data">the troubleshooting guide</a>.</p>
+            <p>It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test.</p>
           </div>
         ) : (
           <div className="success_placeholder" />
         )}
 
         <div className="flex-spacer" />
-        <p className="description">
-          Adblockers will prevent errors from being sent to Sentry.
-        </p>
       </main>
 
       {/* Not for production use! We're just saving you from having to delete an extra CSS file ;) */}
@@ -197,6 +202,16 @@ const styles = \`
     &:active > span {
       transform: translateY(0);
     }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+
+      & > span {
+        transform: translateY(0);
+        border: none;
+      }
+    }
   }
 
   .description {