@sentry/wizard 4.4.0 → 4.6.0

package/dist/src/sveltekit/templates.js

@@ -69,6 +69,10 @@ Feel free to delete this file and the entire sentry route.
 
 <script>
   import * as Sentry from '@sentry/sveltekit';
+  
+  // Svelte Runes (requires Svelte 5)
+  // let hasSentError = $state(false);
+  let hasSentError = false;
 
   function getSentryData() {
     Sentry.startSpan(
@@ -79,6 +83,7 @@ Feel free to delete this file and the entire sentry route.
       async () => {
         const res = await fetch('/sentry-example');
         if (!res.ok) {
+          hasSentError = true;
           throw new Error('Sentry Example Frontend Error');
         }
       }
@@ -86,68 +91,152 @@ Feel free to delete this file and the entire sentry route.
   }
 </script>
 
-<title>Sentry Onboarding</title>
+<title>sentry-example-page</title>
 
 <div>
   <main>
-    <svg 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"
-      />
+    <div class="flex-spacer"></div>
+    <svg height="40" width="40" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <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"/>
     </svg>
-    <p>
-      Get Started with this <strong>simple Example:</strong>
-    </p>
-
-    <p>1. Send us a sample error:</p>
-    <button type="button" on:click={getSentryData}> Throw error! </button>
+    <h1>
+      sentry-example-page
+    </h1>
 
-    <p>
-      2. Look for the error on the
-      <a href="${issuesPageLink}">Issues Page</a>.
+    <p class="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/sveltekit/">read our docs</a>.
     </p>
-    <p style="margin-top: 24px;">
-      For more information, take a look at the
-      <a href="https://docs.sentry.io/platforms/javascript/guides/sveltekit/">
-        Sentry SvelteKit Documentation
-      </a>
+
+    <button
+      type="button"
+      onclick={getSentryData}
+    >
+      <span>
+        Throw Sample Error
+      </span>
+    </button>
+
+    {#if hasSentError}
+      <p class="success">
+        Sample error was sent to Sentry.
+      </p>
+    {:else}
+      <div class="success_placeholder"></div>
+    {/if}
+
+    <div class="flex-spacer"></div> 
+    <p class="description">
+      Adblockers will prevent errors from being sent to Sentry.
     </p>
   </main>
 </div>
 
 <style>
+  :global(body) {
+    margin: 0;
+
+    @media (prefers-color-scheme: dark) {
+      color: #ededed;
+      background-color: #0a0a0a;
+    }
+  }
+
   main {
     display: flex;
+    min-height: 100vh;
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    box-sizing: border-box;
+    gap: 16px;
+    margin: 0;
+    padding: 16px;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   }
 
-  svg {
-    font-size: 4rem;
-    margin: 14px 0;
-    height: 1em;
+  h1 {
+    padding: 0px 4px;
+    border-radius: 4px;
+    background-color: rgba(24, 20, 35, 0.03);
+    font-family: monospace;
+    font-size: 20px;
+    line-height: 1.2;
+  }
+
+  p {
+    margin: 0;
+    font-size: 20px;
+  }
+
+  a {
+    color: #6341F0;
+    text-decoration: underline;
+    cursor: pointer;
+
+    @media (prefers-color-scheme: dark) {
+      color: #B3A1FF;
+    }
   }
 
   button {
-    padding: 12px;
+    border-radius: 8px;
+    color: white;
     cursor: pointer;
-    background-color: rgb(54, 45, 89);
-    border-radius: 4px;
+    background-color: #553DB8;
     border: none;
-    color: white;
-    font-size: 1em;
-    margin: 1em;
-    transition: all 0.25s ease-in-out;
+    padding: 0;
+    margin-top: 4px;
+
+    & > span {
+      display: inline-block;
+      padding: 12px 16px;
+      border-radius: inherit;
+      font-size: 20px;
+      font-weight: bold;
+      line-height: 1;
+      background-color: #7553FF;
+      border: 1px solid #553DB8;
+      transform: translateY(-4px);
+    }
+
+    &:hover > span {
+      transform: translateY(-8px);
+    }
+
+    &:active > span {
+      transform: translateY(0);
+    }
   }
-  button:hover {
-    background-color: #8c5393;
-    box-shadow: 4px;
-    box-shadow: 0px 0px 15px 2px rgba(140, 83, 147, 0.5);
+
+  .description {
+    text-align: center;
+    color: #6E6C75;
+    max-width: 500px;
+    line-height: 1.5;
+    font-size: 20px;
+
+    @media (prefers-color-scheme: dark) {
+      color: #A49FB5;
+    }
   }
-  button:active {
-    background-color: #c73852;
+
+  .flex-spacer {
+    flex: 1;
+  }
+
+  .success {
+    padding: 12px 16px;
+    border-radius: 8px;
+    font-size: 20px;
+    line-height: 1;
+    background-color: #00F261;
+    border: 1px solid #00BF4D;
+    color: #181423;
+  }
+
+  .success_placeholder {
+    height: 46px;
   }
 </style>
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/sveltekit/templates.ts"],"names":[],"mappings":";;;AAAA,SAAgB,sBAAsB,CACpC,GAAW,EACX,gBAGC;IAED,OAAO;;;;UAIC,GAAG;EAEX,gBAAgB,CAAC,WAAW;QAC1B,CAAC,CAAC;;CAEL;QACG,CAAC,CAAC,EACN;EAEE,gBAAgB,CAAC,MAAM;QACrB,CAAC,CAAC;;;;;;;;;uCASiC;QACnC,CAAC,CAAC,EACN;;;;;CAKC,CAAC;AACF,CAAC;AAtCD,wDAsCC;AAED,SAAgB,sBAAsB,CACpC,GAAW,EACX,gBAGC;IAED,OAAO;;;;;UAKC,GAAG;EAEX,gBAAgB,CAAC,WAAW;QAC1B,CAAC,CAAC;;CAEL;QACG,CAAC,CAAC,EACN;;;;;;;;;;CAUC,CAAC;AACF,CAAC;AA9BD,wDA8BC;AAED;;GAEG;AACH,SAAgB,0BAA0B,CAAC,OAK1C;IACC,MAAM,cAAc,GAAG,OAAO,CAAC,UAAU;QACvC,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,iBAAiB,OAAO,CAAC,OAAO,oBAAoB,OAAO,CAAC,SAAS,EAAE;QACvF,CAAC,CAAC,WAAW,OAAO,CAAC,OAAO,8BAA8B,OAAO,CAAC,SAAS,EAAE,CAAC;IAEhF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2CQ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C9B,CAAC;AACF,CAAC;AAnGD,gEAmGC;AAED,SAAgB,wBAAwB;IACtC,OAAO;;;;;;CAMR,CAAC;AACF,CAAC;AARD,4DAQC","sourcesContent":["export function getClientHooksTemplate(\n  dsn: string,\n  selectedFeatures: {\n    performance: boolean;\n    replay: boolean;\n  },\n) {\n  return `import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\nimport * as Sentry from '@sentry/sveltekit';\n\nSentry.init({\n  dsn: '${dsn}',\n${\n  selectedFeatures.performance\n    ? `\n  tracesSampleRate: 1.0,\n`\n    : ''\n}\n${\n  selectedFeatures.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: [replayIntegration()],`\n    : ''\n}\n});\n\n// If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\nexport const handleError = handleErrorWithSentry();\n`;\n}\n\nexport function getServerHooksTemplate(\n  dsn: string,\n  selectedFeatures: {\n    performance: boolean;\n    replay: boolean;\n  },\n) {\n  return `import { sequence } from \"@sveltejs/kit/hooks\";\nimport { handleErrorWithSentry, sentryHandle } from \"@sentry/sveltekit\";\nimport * as Sentry from '@sentry/sveltekit';\n\nSentry.init({\n  dsn: '${dsn}',\n${\n  selectedFeatures.performance\n    ? `\n  tracesSampleRate: 1.0,\n`\n    : ''\n}\n  // uncomment the line below to enable Spotlight (https://spotlightjs.com)\n  // spotlight: import.meta.env.DEV,\n});\n\n// If you have custom handlers, make sure to place them after \\`sentryHandle()\\` in the \\`sequence\\` function.\nexport const handle = sequence(sentryHandle());\n\n// If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\nexport const handleError = handleErrorWithSentry();\n`;\n}\n\n/**\n * +page.svelte with Sentry example\n */\nexport function getSentryExampleSveltePage(options: {\n  selfHosted: boolean;\n  url: string;\n  orgSlug: string;\n  projectId: string;\n}) {\n  const issuesPageLink = options.selfHosted\n    ? `${options.url}organizations/${options.orgSlug}/issues/?project=${options.projectId}`\n    : `https://${options.orgSlug}.sentry.io/issues/?project=${options.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 and the entire sentry route.\n-->\n\n<script>\n  import * as Sentry from '@sentry/sveltekit';\n\n  function getSentryData() {\n    Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test'\n      },\n      async () => {\n        const res = await fetch('/sentry-example');\n        if (!res.ok) {\n          throw new Error('Sentry Example Frontend Error');\n        }\n      }\n    );\n  }\n</script>\n\n<title>Sentry Onboarding</title>\n\n<div>\n  <main>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 44\">\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      />\n    </svg>\n    <p>\n      Get Started with this <strong>simple Example:</strong>\n    </p>\n\n    <p>1. Send us a sample error:</p>\n    <button type=\"button\" on:click={getSentryData}> Throw error! </button>\n\n    <p>\n      2. Look for the error on the\n      <a href=\"${issuesPageLink}\">Issues Page</a>.\n    </p>\n    <p style=\"margin-top: 24px;\">\n      For more information, take a look at the\n      <a href=\"https://docs.sentry.io/platforms/javascript/guides/sveltekit/\">\n        Sentry SvelteKit Documentation\n      </a>\n    </p>\n  </main>\n</div>\n\n<style>\n  main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n\n  svg {\n    font-size: 4rem;\n    margin: 14px 0;\n    height: 1em;\n  }\n\n  button {\n    padding: 12px;\n    cursor: pointer;\n    background-color: rgb(54, 45, 89);\n    border-radius: 4px;\n    border: none;\n    color: white;\n    font-size: 1em;\n    margin: 1em;\n    transition: all 0.25s ease-in-out;\n  }\n  button:hover {\n    background-color: #8c5393;\n    box-shadow: 4px;\n    box-shadow: 0px 0px 15px 2px rgba(140, 83, 147, 0.5);\n  }\n  button:active {\n    background-color: #c73852;\n  }\n</style>\n`;\n}\n\nexport function getSentryExampleApiRoute() {\n  return `// This is just a very simple API route that throws an example error.\n// Feel free to delete this file and the entire sentry route.\n\nexport const GET = async () => {\n  throw new Error(\"Sentry Example API Route Error\");\n};\n`;\n}\n"]}
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/sveltekit/templates.ts"],"names":[],"mappings":";;;AAAA,SAAgB,sBAAsB,CACpC,GAAW,EACX,gBAGC;IAED,OAAO;;;;UAIC,GAAG;EAEX,gBAAgB,CAAC,WAAW;QAC1B,CAAC,CAAC;;CAEL;QACG,CAAC,CAAC,EACN;EAEE,gBAAgB,CAAC,MAAM;QACrB,CAAC,CAAC;;;;;;;;;uCASiC;QACnC,CAAC,CAAC,EACN;;;;;CAKC,CAAC;AACF,CAAC;AAtCD,wDAsCC;AAED,SAAgB,sBAAsB,CACpC,GAAW,EACX,gBAGC;IAED,OAAO;;;;;UAKC,GAAG;EAEX,gBAAgB,CAAC,WAAW;QAC1B,CAAC,CAAC;;CAEL;QACG,CAAC,CAAC,EACN;;;;;;;;;;CAUC,CAAC;AACF,CAAC;AA9BD,wDA8BC;AAED;;GAEG;AACH,SAAgB,0BAA0B,CAAC,OAK1C;IACC,MAAM,cAAc,GAAG,OAAO,CAAC,UAAU;QACvC,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,iBAAiB,OAAO,CAAC,OAAO,oBAAoB,OAAO,CAAC,SAAS,EAAE;QACvF,CAAC,CAAC,WAAW,OAAO,CAAC,OAAO,8BAA8B,OAAO,CAAC,SAAS,EAAE,CAAC;IAEhF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iGA0CwF,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuI9G,CAAC;AACF,CAAC;AA5LD,gEA4LC;AAED,SAAgB,wBAAwB;IACtC,OAAO;;;;;;CAMR,CAAC;AACF,CAAC;AARD,4DAQC","sourcesContent":["export function getClientHooksTemplate(\n  dsn: string,\n  selectedFeatures: {\n    performance: boolean;\n    replay: boolean;\n  },\n) {\n  return `import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\nimport * as Sentry from '@sentry/sveltekit';\n\nSentry.init({\n  dsn: '${dsn}',\n${\n  selectedFeatures.performance\n    ? `\n  tracesSampleRate: 1.0,\n`\n    : ''\n}\n${\n  selectedFeatures.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: [replayIntegration()],`\n    : ''\n}\n});\n\n// If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\nexport const handleError = handleErrorWithSentry();\n`;\n}\n\nexport function getServerHooksTemplate(\n  dsn: string,\n  selectedFeatures: {\n    performance: boolean;\n    replay: boolean;\n  },\n) {\n  return `import { sequence } from \"@sveltejs/kit/hooks\";\nimport { handleErrorWithSentry, sentryHandle } from \"@sentry/sveltekit\";\nimport * as Sentry from '@sentry/sveltekit';\n\nSentry.init({\n  dsn: '${dsn}',\n${\n  selectedFeatures.performance\n    ? `\n  tracesSampleRate: 1.0,\n`\n    : ''\n}\n  // uncomment the line below to enable Spotlight (https://spotlightjs.com)\n  // spotlight: import.meta.env.DEV,\n});\n\n// If you have custom handlers, make sure to place them after \\`sentryHandle()\\` in the \\`sequence\\` function.\nexport const handle = sequence(sentryHandle());\n\n// If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\nexport const handleError = handleErrorWithSentry();\n`;\n}\n\n/**\n * +page.svelte with Sentry example\n */\nexport function getSentryExampleSveltePage(options: {\n  selfHosted: boolean;\n  url: string;\n  orgSlug: string;\n  projectId: string;\n}) {\n  const issuesPageLink = options.selfHosted\n    ? `${options.url}organizations/${options.orgSlug}/issues/?project=${options.projectId}`\n    : `https://${options.orgSlug}.sentry.io/issues/?project=${options.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 and the entire sentry route.\n-->\n\n<script>\n  import * as Sentry from '@sentry/sveltekit';\n  \n  // Svelte Runes (requires Svelte 5)\n  // let hasSentError = $state(false);\n  let hasSentError = false;\n\n  function getSentryData() {\n    Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test'\n      },\n      async () => {\n        const res = await fetch('/sentry-example');\n        if (!res.ok) {\n          hasSentError = true;\n          throw new Error('Sentry Example Frontend Error');\n        }\n      }\n    );\n  }\n</script>\n\n<title>sentry-example-page</title>\n\n<div>\n  <main>\n    <div class=\"flex-spacer\"></div>\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/sveltekit/\">read our docs</a>.\n    </p>\n\n    <button\n      type=\"button\"\n      onclick={getSentryData}\n    >\n      <span>\n        Throw Sample Error\n      </span>\n    </button>\n\n    {#if hasSentError}\n      <p class=\"success\">\n        Sample error was sent to Sentry.\n      </p>\n    {:else}\n      <div class=\"success_placeholder\"></div>\n    {/if}\n\n    <div class=\"flex-spacer\"></div> \n    <p class=\"description\">\n      Adblockers will prevent errors from being sent to Sentry.\n    </p>\n  </main>\n</div>\n\n<style>\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    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    gap: 16px;\n    margin: 0;\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</style>\n`;\n}\n\nexport function getSentryExampleApiRoute() {\n  return `// This is just a very simple API route that throws an example error.\n// Feel free to delete this file and the entire sentry route.\n\nexport const GET = async () => {\n  throw new Error(\"Sentry Example API Route Error\");\n};\n`;\n}\n"]}

package/dist/src/telemetry.js

@@ -69,6 +69,17 @@ function createSentryInstance(enabled, integration) {
     hub.setTag('integration', integration);
     hub.setTag('node', process.version);
     hub.setTag('platform', process.platform);
+    try {
+        // The `require` call here is fine because the binary node versions
+        // support `require` and we try/catch the call anyway for any other
+        // version of node.
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const sea = require('node:sea');
+        hub.setTag('is_binary', sea.isSea());
+    }
+    catch {
+        hub.setTag('is_binary', false);
+    }
     return { sentryHub: hub, sentryClient: client };
 }
 function traceStep(step, callback) {

package/dist/src/telemetry.js.map

@@ -1 +1 @@
-{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../src/telemetry.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Hub,\n  Integrations,\n  NodeClient,\n  type Span,\n  defaultStackParser,\n  flush,\n  makeMain,\n  makeNodeTransport,\n  runWithAsyncContext,\n  setTag,\n  startSpan,\n} from '@sentry/node';\nimport type { WizardOptions } from './utils/types';\nimport { WIZARD_VERSION } from './version';\n\nexport async function withTelemetry<F>(\n  options: {\n    enabled: boolean;\n    integration: string;\n    wizardOptions: WizardOptions;\n  },\n  callback: () => F | Promise<F>,\n): Promise<F> {\n  const { sentryHub, sentryClient } = createSentryInstance(\n    options.enabled,\n    options.integration,\n  );\n\n  makeMain(sentryHub);\n\n  const sentrySession = sentryHub.startSession();\n  sentryHub.captureSession();\n\n  // Set tag for passed CLI args\n  sentryHub.setTag('args.project', !!options.wizardOptions.projectSlug);\n  sentryHub.setTag('args.org', !!options.wizardOptions.orgSlug);\n  sentryHub.setTag('args.saas', !!options.wizardOptions.saas);\n\n  try {\n    return await startSpan(\n      {\n        name: 'sentry-wizard-execution',\n        status: 'ok',\n        op: 'wizard.flow',\n      },\n      async () => {\n        updateProgress('start');\n        const res = await runWithAsyncContext(callback);\n        updateProgress('finished');\n\n        return res;\n      },\n    );\n  } catch (e) {\n    sentryHub.captureException('Error during wizard execution.');\n    sentrySession.status = 'crashed';\n    throw e;\n  } finally {\n    sentryHub.endSession();\n    await sentryClient.flush(3000).then(null, () => {\n      // If telemetry flushing fails we generally don't care\n    });\n    await flush(3000).then(null, () => {\n      // If telemetry flushing fails we generally don't care\n    });\n  }\n}\n\nfunction createSentryInstance(enabled: boolean, integration: string) {\n  const client = new NodeClient({\n    dsn: 'https://8871d3ff64814ed8960c96d1fcc98a27@o1.ingest.sentry.io/4505425820712960',\n    enabled: enabled,\n\n    environment: `production-${integration}`,\n\n    tracesSampleRate: 1,\n    sampleRate: 1,\n\n    release: WIZARD_VERSION,\n    integrations: [new Integrations.Http()],\n    tracePropagationTargets: [/^https:\\/\\/sentry.io\\//],\n\n    stackParser: defaultStackParser,\n\n    beforeSendTransaction: (event) => {\n      delete event.server_name; // Server name might contain PII\n      return event;\n    },\n\n    beforeSend: (event) => {\n      event.exception?.values?.forEach((exception) => {\n        delete exception.stacktrace;\n      });\n\n      delete event.server_name; // Server name might contain PII\n      return event;\n    },\n\n    transport: makeNodeTransport,\n\n    debug: true,\n  });\n\n  const hub = new Hub(client);\n\n  hub.setTag('integration', integration);\n  hub.setTag('node', process.version);\n  hub.setTag('platform', process.platform);\n\n  return { sentryHub: hub, sentryClient: client };\n}\n\nexport function traceStep<T>(\n  step: string,\n  callback: (span: Span | undefined) => T,\n): T {\n  updateProgress(step);\n  return startSpan({ name: step, op: 'wizard.step' }, (span) => callback(span));\n}\n\nexport function updateProgress(step: string) {\n  setTag('progress', step);\n}\n"]}
+{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../src/telemetry.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Hub,\n  Integrations,\n  NodeClient,\n  type Span,\n  defaultStackParser,\n  flush,\n  makeMain,\n  makeNodeTransport,\n  runWithAsyncContext,\n  setTag,\n  startSpan,\n} from '@sentry/node';\nimport type { WizardOptions } from './utils/types';\nimport { WIZARD_VERSION } from './version';\n\nexport async function withTelemetry<F>(\n  options: {\n    enabled: boolean;\n    integration: string;\n    wizardOptions: WizardOptions;\n  },\n  callback: () => F | Promise<F>,\n): Promise<F> {\n  const { sentryHub, sentryClient } = createSentryInstance(\n    options.enabled,\n    options.integration,\n  );\n\n  makeMain(sentryHub);\n\n  const sentrySession = sentryHub.startSession();\n  sentryHub.captureSession();\n\n  // Set tag for passed CLI args\n  sentryHub.setTag('args.project', !!options.wizardOptions.projectSlug);\n  sentryHub.setTag('args.org', !!options.wizardOptions.orgSlug);\n  sentryHub.setTag('args.saas', !!options.wizardOptions.saas);\n\n  try {\n    return await startSpan(\n      {\n        name: 'sentry-wizard-execution',\n        status: 'ok',\n        op: 'wizard.flow',\n      },\n      async () => {\n        updateProgress('start');\n        const res = await runWithAsyncContext(callback);\n        updateProgress('finished');\n\n        return res;\n      },\n    );\n  } catch (e) {\n    sentryHub.captureException('Error during wizard execution.');\n    sentrySession.status = 'crashed';\n    throw e;\n  } finally {\n    sentryHub.endSession();\n    await sentryClient.flush(3000).then(null, () => {\n      // If telemetry flushing fails we generally don't care\n    });\n    await flush(3000).then(null, () => {\n      // If telemetry flushing fails we generally don't care\n    });\n  }\n}\n\nfunction createSentryInstance(enabled: boolean, integration: string) {\n  const client = new NodeClient({\n    dsn: 'https://8871d3ff64814ed8960c96d1fcc98a27@o1.ingest.sentry.io/4505425820712960',\n    enabled: enabled,\n\n    environment: `production-${integration}`,\n\n    tracesSampleRate: 1,\n    sampleRate: 1,\n\n    release: WIZARD_VERSION,\n    integrations: [new Integrations.Http()],\n    tracePropagationTargets: [/^https:\\/\\/sentry.io\\//],\n\n    stackParser: defaultStackParser,\n\n    beforeSendTransaction: (event) => {\n      delete event.server_name; // Server name might contain PII\n      return event;\n    },\n\n    beforeSend: (event) => {\n      event.exception?.values?.forEach((exception) => {\n        delete exception.stacktrace;\n      });\n\n      delete event.server_name; // Server name might contain PII\n      return event;\n    },\n\n    transport: makeNodeTransport,\n\n    debug: true,\n  });\n\n  const hub = new Hub(client);\n\n  hub.setTag('integration', integration);\n  hub.setTag('node', process.version);\n  hub.setTag('platform', process.platform);\n\n  try {\n    // The `require` call here is fine because the binary node versions\n    // support `require` and we try/catch the call anyway for any other\n    // version of node.\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    const sea = require('node:sea') as { isSea: () => boolean };\n    hub.setTag('is_binary', sea.isSea());\n  } catch {\n    hub.setTag('is_binary', false);\n  }\n\n  return { sentryHub: hub, sentryClient: client };\n}\n\nexport function traceStep<T>(\n  step: string,\n  callback: (span: Span | undefined) => T,\n): T {\n  updateProgress(step);\n  return startSpan({ name: step, op: 'wizard.step' }, (span) => callback(span));\n}\n\nexport function updateProgress(step: string) {\n  setTag('progress', step);\n}\n"]}

package/dist/src/utils/{clack-utils.d.ts → clack/index.d.ts}

@@ -1,6 +1,6 @@
-import { type PackageDotJson } from './package-json';
-import { type PackageManager } from './package-manager';
-import type { Feature, SentryProjectData, WizardOptions } from './types';
+import { type PackageDotJson } from '../package-json';
+import { type PackageManager } from '../package-manager';
+import type { Feature, SentryProjectData, WizardOptions } from '../types';
 export declare const SENTRY_DOT_ENV_FILE = ".env.sentry-build-plugin";
 export declare const SENTRY_CLI_RC_FILE = ".sentryclirc";
 export declare const SENTRY_PROPERTIES_FILE = "sentry.properties";
@@ -37,8 +37,25 @@ export declare function printWelcome(options: {
     message?: string;
     telemetryEnabled?: boolean;
 }): void;
-export declare function confirmContinueIfNoOrDirtyGitRepo(): Promise<void>;
-export declare function isInGitRepo(): boolean;
+/**
+ * Confirms if the user wants to continue with the wizard if the project is not a git repository.
+ *
+ * @param options.ignoreGitChanges If true, the wizard will not check if the project is a git repository.
+ * @param options.cwd The directory of the project. If undefined, the current process working directory will be used.
+ */
+export declare function confirmContinueIfNoOrDirtyGitRepo(options: {
+    ignoreGitChanges: boolean | undefined;
+    cwd: string | undefined;
+}): Promise<void>;
+/**
+ * Checks if the current working directory is a git repository.
+ *
+ * @param cwd The directory of the project. If undefined, the current process working directory will be used.
+ * @returns true if the current working directory is a git repository, false otherwise.
+ */
+export declare function isInGitRepo({ cwd }: {
+    cwd: string | undefined;
+}): boolean;
 export declare function getUncommittedOrUntrackedFiles(): string[];
 export declare function askToInstallSentryCLI(): Promise<boolean>;
 export declare function askForItemSelection(items: string[], message: string): Promise<{
@@ -52,13 +69,7 @@ export declare function confirmContinueIfPackageVersionNotSupported({ packageId,
     acceptableVersions: string;
     note?: string;
 }): Promise<void>;
-/**
- * Installs or updates a package with the user's package manager.
- *
- * IMPORTANT: This function modifies the `package.json`! Be sure to re-read
- * it if you make additional modifications to it after calling this function!
- */
-export declare function installPackage({ packageName, alreadyInstalled, askBeforeUpdating, packageNameDisplayLabel, packageManager, forceInstall, }: {
+type InstallPackageOptions = {
     /** The string that is passed to the package manager CLI as identifier to install (e.g. `@sentry/nextjs`, or `@sentry/nextjs@^8`) */
     packageName: string;
     alreadyInstalled: boolean;
@@ -68,12 +79,26 @@ export declare function installPackage({ packageName, alreadyInstalled, askBefor
     packageManager?: PackageManager;
     /** Add force install flag to command to skip install precondition fails */
     forceInstall?: boolean;
-}): Promise<{
+};
+/**
+ * Installs or updates a package with the user's package manager.
+ *
+ * IMPORTANT: This function modifies the `package.json`! Be sure to re-read
+ * it if you make additional modifications to it after calling this function!
+ */
+export declare function installPackage({ packageName, alreadyInstalled, askBeforeUpdating, packageNameDisplayLabel, packageManager, forceInstall, }: InstallPackageOptions): Promise<{
     packageManager?: PackageManager;
 }>;
 export declare function addSentryCliConfig({ authToken, org, project, url }: CliSetupConfigContent, setupConfig?: CliSetupConfig): Promise<void>;
 export declare function addDotEnvSentryBuildPluginFile(authToken: string): Promise<void>;
-export declare function runPrettierIfInstalled(): Promise<void>;
+/**
+ * Runs prettier on the changed or untracked files in the project.
+ *
+ * @param cwd The directory of the project. If undefined, the current process working directory will be used.
+ */
+export declare function runPrettierIfInstalled({ cwd, }: {
+    cwd: string | undefined;
+}): Promise<void>;
 /**
  * Checks if @param packageId is listed as a dependency in @param packageJson.
  * If not, it will ask users if they want to continue without the package.
@@ -87,7 +112,21 @@ export declare function runPrettierIfInstalled(): Promise<void>;
 export declare function ensurePackageIsInstalled(packageJson: PackageDotJson, packageId: string, packageName: string): Promise<void>;
 export declare function getPackageDotJson(): Promise<PackageDotJson>;
 export declare function updatePackageDotJson(packageDotJson: PackageDotJson): Promise<void>;
-export declare function getPackageManager(): Promise<PackageManager>;
+/**
+ * Use this function to get the used JS Package manager.
+ *
+ * This function:
+ * - attempts to auto-detect the used package manager and return it
+ * - if unsuccessful, returns the passed fallback package manager
+ * - if no fallback is passed, it asks the user to select a package manager
+ *
+ * The result is cached on the first invocation to avoid asking the user multiple times.
+ *
+ * @param fallback the package manager to use if auto-detection fails and you don't want to
+ * ask the user. This is useful in cases where asking users would be too intrusive/low in value
+ * and where it's okay to fall back to a default package manager. Use this with caution.
+ */
+export declare function getPackageManager(fallback?: PackageManager): Promise<PackageManager>;
 export declare function isUsingTypeScript(): boolean;
 /**
  * Checks if we already got project data from a previous wizard invocation.

package/dist/src/utils/{clack-utils.js → clack/index.js}

@@ -33,18 +33,18 @@ const os = __importStar(require("node:os"));
 const node_path_1 = require("node:path");
 const node_timers_1 = require("node:timers");
 const node_url_1 = require("node:url");
-// @ts-ignore - clack is ESM and TS complains about that. It works though
+// @ts-expect-error - clack is ESM and TS complains about that. It works though
 const clack = __importStar(require("@clack/prompts"));
 const Sentry = __importStar(require("@sentry/node"));
 const axios_1 = __importDefault(require("axios"));
 const chalk_1 = __importDefault(require("chalk"));
 const opn_1 = __importDefault(require("opn"));
-const telemetry_1 = require("../telemetry");
-const debug_1 = require("./debug");
-const package_json_1 = require("./package-json");
-const package_manager_1 = require("./package-manager");
-const semver_1 = require("./semver");
-const version_1 = require("../version");
+const telemetry_1 = require("../../telemetry");
+const version_1 = require("../../version");
+const debug_1 = require("../debug");
+const package_json_1 = require("../package-json");
+const package_manager_1 = require("../package-manager");
+const semver_1 = require("../semver");
 exports.SENTRY_DOT_ENV_FILE = '.env.sentry-build-plugin';
 exports.SENTRY_CLI_RC_FILE = '.sentryclirc';
 exports.SENTRY_PROPERTIES_FILE = 'sentry.properties';
@@ -146,9 +146,18 @@ You can turn this off at any time by running ${chalk_1.default.cyanBright('sentr
     clack.note(welcomeText);
 }
 exports.printWelcome = printWelcome;
-async function confirmContinueIfNoOrDirtyGitRepo() {
+/**
+ * Confirms if the user wants to continue with the wizard if the project is not a git repository.
+ *
+ * @param options.ignoreGitChanges If true, the wizard will not check if the project is a git repository.
+ * @param options.cwd The directory of the project. If undefined, the current process working directory will be used.
+ */
+async function confirmContinueIfNoOrDirtyGitRepo(options) {
     return (0, telemetry_1.traceStep)('check-git-status', async () => {
-        if (!isInGitRepo()) {
+        if (!isInGitRepo({
+            cwd: options.cwd,
+        }) &&
+            options.ignoreGitChanges !== true) {
             const continueWithoutGit = await abortIfCancelled(clack.confirm({
                 message: 'You are not inside a git repository. The wizard will create and update files. Do you want to continue anyway?',
             }));
@@ -160,7 +169,8 @@ async function confirmContinueIfNoOrDirtyGitRepo() {
             return;
         }
         const uncommittedOrUntrackedFiles = getUncommittedOrUntrackedFiles();
-        if (uncommittedOrUntrackedFiles.length) {
+        if (uncommittedOrUntrackedFiles.length &&
+            options.ignoreGitChanges !== true) {
             clack.log.warn(`You have uncommitted or untracked files in your repo:
 
 ${uncommittedOrUntrackedFiles.join('\n')}
@@ -177,10 +187,17 @@ The wizard will create and update files.`);
     });
 }
 exports.confirmContinueIfNoOrDirtyGitRepo = confirmContinueIfNoOrDirtyGitRepo;
-function isInGitRepo() {
+/**
+ * Checks if the current working directory is a git repository.
+ *
+ * @param cwd The directory of the project. If undefined, the current process working directory will be used.
+ * @returns true if the current working directory is a git repository, false otherwise.
+ */
+function isInGitRepo({ cwd }) {
     try {
         childProcess.execSync('git rev-parse --is-inside-work-tree', {
             stdio: 'ignore',
+            cwd: cwd,
         });
         return true;
     }
@@ -277,14 +294,47 @@ async function installPackage({ packageName, alreadyInstalled, askBeforeUpdating
         sdkInstallSpinner.start(`${alreadyInstalled ? 'Updating' : 'Installing'} ${chalk_1.default.bold.cyan(packageNameDisplayLabel ?? packageName)} with ${chalk_1.default.bold(pkgManager.label)}.`);
         try {
             await new Promise((resolve, reject) => {
-                childProcess.exec(`${pkgManager.installCommand} ${packageName} ${pkgManager.flags} ${forceInstall ? pkgManager.forceInstallFlag : ''}`, (err, stdout, stderr) => {
-                    if (err) {
-                        // Write a log file so we can better troubleshoot issues
-                        fs.writeFileSync((0, node_path_1.join)(process.cwd(), `sentry-wizard-installation-error-${Date.now()}.log`), JSON.stringify({
-                            stdout,
-                            stderr,
-                        }), { encoding: 'utf8' });
-                        reject(err);
+                const installArgs = [
+                    pkgManager.installCommand,
+                    packageName,
+                    ...(pkgManager.flags ? pkgManager.flags.split(' ') : []),
+                    ...(forceInstall ? [pkgManager.forceInstallFlag] : []),
+                ];
+                const stringifiedInstallCmd = `${pkgManager.name} ${installArgs.join(' ')}`;
+                function handleErrorAndReject(code, cause, type) {
+                    // Write a log file so we can better troubleshoot issues
+                    fs.writeFileSync((0, node_path_1.join)(process.cwd(), `sentry-wizard-installation-error-${Date.now()}.log`), stderr, { encoding: 'utf8' });
+                    Sentry.captureException('Package Installation Error', {
+                        tags: {
+                            'install-command': stringifiedInstallCmd,
+                            'package-manager': pkgManager.name,
+                            'package-name': packageName,
+                            'error-type': type,
+                        },
+                    });
+                    reject(new Error(`Installation command ${chalk_1.default.cyan(stringifiedInstallCmd)} exited with code ${code ?? 'null'}.`, {
+                        cause,
+                    }));
+                }
+                const installProcess = childProcess.spawn(pkgManager.name, installArgs, {
+                    shell: true,
+                    // Ignoring `stdout` to prevent certain node + yarn v4 (observed on ubuntu + snap)
+                    // combinations from crashing here. See #851
+                    stdio: ['pipe', 'ignore', 'pipe'],
+                });
+                let stderr = '';
+                // Defining data as unknown to avoid TS and ESLint errors because of `any` type
+                installProcess.stderr.on('data', (data) => {
+                    if (data && data.toString && typeof data.toString === 'function') {
+                        stderr += data.toString();
+                    }
+                });
+                installProcess.on('error', (err) => {
+                    handleErrorAndReject(null, err, 'spawn_error');
+                });
+                installProcess.on('close', (code) => {
+                    if (code !== 0) {
+                        handleErrorAndReject(code, stderr, 'process_error');
                     }
                     else {
                         resolve();
@@ -423,9 +473,14 @@ async function addCliConfigFileToGitIgnore(filename) {
         clack.log.error(`Failed adding ${chalk_1.default.cyan(filename)} to ${chalk_1.default.cyan('.gitignore')}. Please add it manually!`);
     }
 }
-async function runPrettierIfInstalled() {
+/**
+ * Runs prettier on the changed or untracked files in the project.
+ *
+ * @param cwd The directory of the project. If undefined, the current process working directory will be used.
+ */
+async function runPrettierIfInstalled({ cwd, }) {
     return (0, telemetry_1.traceStep)('run-prettier', async () => {
-        if (!isInGitRepo()) {
+        if (!isInGitRepo({ cwd })) {
             // We only run formatting on changed files. If we're not in a git repo, we can't find
             // changed files. So let's early-return without showing any formatting-related messages.
             return;
@@ -536,11 +591,37 @@ async function updatePackageDotJson(packageDotJson) {
     }
 }
 exports.updatePackageDotJson = updatePackageDotJson;
-async function getPackageManager() {
-    const detectedPackageManager = (0, package_manager_1.detectPackageManger)();
+/**
+ * Use this function to get the used JS Package manager.
+ *
+ * This function:
+ * - attempts to auto-detect the used package manager and return it
+ * - if unsuccessful, returns the passed fallback package manager
+ * - if no fallback is passed, it asks the user to select a package manager
+ *
+ * The result is cached on the first invocation to avoid asking the user multiple times.
+ *
+ * @param fallback the package manager to use if auto-detection fails and you don't want to
+ * ask the user. This is useful in cases where asking users would be too intrusive/low in value
+ * and where it's okay to fall back to a default package manager. Use this with caution.
+ */
+async function getPackageManager(fallback) {
+    const globalWithSentryWizard = global;
+    if (globalWithSentryWizard.__sentry_wizard_cached_package_manager) {
+        return globalWithSentryWizard.__sentry_wizard_cached_package_manager;
+    }
+    const detectedPackageManager = (0, package_manager_1._detectPackageManger)();
     if (detectedPackageManager) {
+        globalWithSentryWizard.__sentry_wizard_cached_package_manager =
+            detectedPackageManager;
         return detectedPackageManager;
     }
+    if (fallback) {
+        // explicitly avoiding to cache the fallback in case this function
+        // gets called again without a fallback (or a different fallback)
+        // later on in the wizard flow.
+        return fallback;
+    }
     const selectedPackageManager = await abortIfCancelled(clack.select({
         message: 'Please select your package manager.',
         options: package_manager_1.packageManagers.map((packageManager) => ({
@@ -548,6 +629,8 @@ async function getPackageManager() {
             label: packageManager.label,
         })),
     }));
+    globalWithSentryWizard.__sentry_wizard_cached_package_manager =
+        selectedPackageManager;
     Sentry.setTag('package-manager', selectedPackageManager.name);
     return selectedPackageManager;
 }
@@ -1022,4 +1105,4 @@ async function askShouldAddPackageOverride(pkgName, pkgVersion) {
     })));
 }
 exports.askShouldAddPackageOverride = askShouldAddPackageOverride;
-//# sourceMappingURL=clack-utils.js.map
+//# sourceMappingURL=index.js.map