@sentry/wizard 4.6.0 → 4.8.0

package/dist/src/angular/codemods/sourcemaps.js

@@ -0,0 +1,94 @@
+"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.addSourceMapsSetting = exports.addSourcemapEntryToAngularJSON = void 0;
+// @ts-expect-error - clack is ESM and TS complains about that. It works though
+const clack = __importStar(require("@clack/prompts"));
+const path = __importStar(require("path"));
+const fs = __importStar(require("fs"));
+const angular_1 = require("../../sourcemaps/tools/angular");
+const node_1 = require("@sentry/node");
+async function addSourcemapEntryToAngularJSON() {
+    const angularJsonPath = path.join(process.cwd(), 'angular.json');
+    const angularJson = getParsedAngularJson(angularJsonPath);
+    if (!angularJson || typeof angularJson !== 'object') {
+        await (0, angular_1.configureAngularSourcemapGenerationFlow)();
+        return;
+    }
+    const updatedAngularJson = addSourceMapsSetting(angularJson);
+    if (!updatedAngularJson) {
+        await (0, angular_1.configureAngularSourcemapGenerationFlow)();
+        return;
+    }
+    try {
+        fs.writeFileSync(angularJsonPath, JSON.stringify(updatedAngularJson, null, 2));
+    }
+    catch (error) {
+        clack.log.error(`Failed to write sourcemap configuration to angular.json`);
+        (0, node_1.captureException)('Failed to write sourcemap configuration to angular.json');
+        await (0, angular_1.configureAngularSourcemapGenerationFlow)();
+    }
+}
+exports.addSourcemapEntryToAngularJSON = addSourcemapEntryToAngularJSON;
+/**
+ * Extracted from `addSourcemapEntryToAngularJSON` and exported to allow for easier testing.
+ */
+function addSourceMapsSetting(angularJson) {
+    const newAngularJson = { ...angularJson };
+    const projectKeys = Object.keys(newAngularJson.projects || {});
+    if (!projectKeys.length || !newAngularJson.projects) {
+        return undefined;
+    }
+    // Emit sourcemaps from all projects in angular.json
+    for (const projectKey of projectKeys) {
+        const projectConfig = newAngularJson.projects[projectKey];
+        if (!projectConfig.architect) {
+            projectConfig.architect = {};
+        }
+        if (!projectConfig.architect.build) {
+            projectConfig.architect.build = {};
+        }
+        if (!projectConfig.architect.build.configurations) {
+            projectConfig.architect.build.configurations = {};
+        }
+        projectConfig.architect.build.configurations.production = {
+            ...projectConfig.architect.build.configurations.production,
+            sourceMap: true,
+        };
+    }
+    return newAngularJson;
+}
+exports.addSourceMapsSetting = addSourceMapsSetting;
+function getParsedAngularJson(path) {
+    try {
+        const angularJSONFile = fs.readFileSync(path, 'utf-8');
+        return JSON.parse(angularJSONFile);
+    }
+    catch {
+        (0, node_1.captureException)('Could not parse `angular.json`');
+        return undefined;
+    }
+}
+//# sourceMappingURL=sourcemaps.js.map

package/dist/src/angular/codemods/sourcemaps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sourcemaps.js","sourceRoot":"","sources":["../../../../src/angular/codemods/sourcemaps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+EAA+E;AAC/E,sDAAwC;AACxC,2CAA6B;AAC7B,uCAAyB;AACzB,4DAAyF;AACzF,uCAAgD;AAkBzC,KAAK,UAAU,8BAA8B;IAClD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,cAAc,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAC;IAE1D,IAAI,CAAC,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnD,MAAM,IAAA,iDAAuC,GAAE,CAAC;QAChD,OAAO;KACR;IAED,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAE7D,IAAI,CAAC,kBAAkB,EAAE;QACvB,MAAM,IAAA,iDAAuC,GAAE,CAAC;QAChD,OAAO;KACR;IAED,IAAI;QACF,EAAE,CAAC,aAAa,CACd,eAAe,EACf,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC,CAC5C,CAAC;KACH;IAAC,OAAO,KAAK,EAAE;QACd,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC3E,IAAA,uBAAgB,EAAC,yDAAyD,CAAC,CAAC;QAC5E,MAAM,IAAA,iDAAuC,GAAE,CAAC;KACjD;AACH,CAAC;AA1BD,wEA0BC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAClC,WAA+B;IAE/B,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAE/D,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE;QACnD,OAAO,SAAS,CAAC;KAClB;IAED,oDAAoD;IACpD,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;QACpC,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAE1D,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE;YAC5B,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;SAC9B;QAED,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE;YAClC,aAAa,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC;SACpC;QAED,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE;YACjD,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,CAAC;SACnD;QAED,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG;YACxD,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU;YAC1D,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAlCD,oDAkCC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,IAAI;QACF,MAAM,eAAe,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAmC,CAAC;KACtE;IAAC,MAAM;QACN,IAAA,uBAAgB,EAAC,gCAAgC,CAAC,CAAC;QACnD,OAAO,SAAS,CAAC;KAClB;AACH,CAAC","sourcesContent":["// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport * as clack from '@clack/prompts';\nimport * as path from 'path';\nimport * as fs from 'fs';\nimport { configureAngularSourcemapGenerationFlow } from '../../sourcemaps/tools/angular';\nimport { captureException } from '@sentry/node';\n\ninterface PartialAngularJson {\n  projects?: {\n    [key: string]: {\n      architect?: {\n        build?: {\n          configurations?: {\n            production?: {\n              sourceMap?: boolean;\n            } & Record<string, unknown>;\n          };\n        };\n      };\n    };\n  };\n}\n\nexport async function addSourcemapEntryToAngularJSON(): Promise<void> {\n  const angularJsonPath = path.join(process.cwd(), 'angular.json');\n  const angularJson = getParsedAngularJson(angularJsonPath);\n\n  if (!angularJson || typeof angularJson !== 'object') {\n    await configureAngularSourcemapGenerationFlow();\n    return;\n  }\n\n  const updatedAngularJson = addSourceMapsSetting(angularJson);\n\n  if (!updatedAngularJson) {\n    await configureAngularSourcemapGenerationFlow();\n    return;\n  }\n\n  try {\n    fs.writeFileSync(\n      angularJsonPath,\n      JSON.stringify(updatedAngularJson, null, 2),\n    );\n  } catch (error) {\n    clack.log.error(`Failed to write sourcemap configuration to angular.json`);\n    captureException('Failed to write sourcemap configuration to angular.json');\n    await configureAngularSourcemapGenerationFlow();\n  }\n}\n\n/**\n * Extracted from `addSourcemapEntryToAngularJSON` and exported to allow for easier testing.\n */\nexport function addSourceMapsSetting(\n  angularJson: PartialAngularJson,\n): PartialAngularJson | undefined {\n  const newAngularJson = { ...angularJson };\n\n  const projectKeys = Object.keys(newAngularJson.projects || {});\n\n  if (!projectKeys.length || !newAngularJson.projects) {\n    return undefined;\n  }\n\n  // Emit sourcemaps from all projects in angular.json\n  for (const projectKey of projectKeys) {\n    const projectConfig = newAngularJson.projects[projectKey];\n\n    if (!projectConfig.architect) {\n      projectConfig.architect = {};\n    }\n\n    if (!projectConfig.architect.build) {\n      projectConfig.architect.build = {};\n    }\n\n    if (!projectConfig.architect.build.configurations) {\n      projectConfig.architect.build.configurations = {};\n    }\n\n    projectConfig.architect.build.configurations.production = {\n      ...projectConfig.architect.build.configurations.production,\n      sourceMap: true,\n    };\n  }\n\n  return newAngularJson;\n}\n\nfunction getParsedAngularJson(path: string): PartialAngularJson | undefined {\n  try {\n    const angularJSONFile = fs.readFileSync(path, 'utf-8');\n    return JSON.parse(angularJSONFile) as PartialAngularJson | undefined;\n  } catch {\n    captureException('Could not parse `angular.json`');\n    return undefined;\n  }\n}\n"]}

package/dist/src/angular/example-component.d.ts

@@ -0,0 +1,8 @@
+interface ExampleComponentOptions {
+    url: string;
+    orgSlug: string;
+    projectId: string;
+}
+export declare function createExampleComponent(options: ExampleComponentOptions): Promise<void>;
+export declare function getSentryExampleComponentCode(options: ExampleComponentOptions): string;
+export {};

package/dist/src/angular/example-component.js

@@ -0,0 +1,286 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSentryExampleComponentCode = exports.createExampleComponent = void 0;
+const fs = __importStar(require("fs"));
+const clack_1 = require("../utils/clack");
+// @ts-expect-error - clack is ESM and TS complains about that. It works though
+const clack = __importStar(require("@clack/prompts"));
+const url_1 = require("../utils/url");
+const chalk_1 = __importDefault(require("chalk"));
+async function createExampleComponent(options) {
+    const componentName = 'sentry-example';
+    const appRootPath = './src/app';
+    let componentDirPath = appRootPath;
+    const hasAppRoot = fs.existsSync(appRootPath);
+    if (!hasAppRoot) {
+        componentDirPath = await (0, clack_1.abortIfCancelled)(clack.text({
+            message: 'Where should we create the example component?',
+            placeholder: appRootPath,
+        }));
+    }
+    if (!fs.existsSync(componentDirPath)) {
+        fs.mkdirSync(componentDirPath, { recursive: true });
+    }
+    const componentCode = getSentryExampleComponentCode(options);
+    const componentFilePath = `${componentDirPath}/${componentName}.component.ts`;
+    fs.writeFileSync(componentFilePath, componentCode);
+    clack.log.success(`Created example component at ${chalk_1.default.cyan(componentFilePath)}`);
+    const addComponentCodeSnippet = (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => unchanged(`${plus("import { SentryExample } from './sentry-example.component'")}
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet, ${plus('SentryExample')}],
+  template: \`
+    <div class="app">
+      <h1>Your Application</h1>
+      ${plus('<app-sentry-example></app-sentry-example>')}
+    </div>
+  \`,
+})
+`));
+    await (0, clack_1.showCopyPasteInstructions)({
+        instructions: `Add the example component one of your pages or components (for example, in ${chalk_1.default.cyan('app.component.ts')}).`,
+        codeSnippet: addComponentCodeSnippet,
+    });
+}
+exports.createExampleComponent = createExampleComponent;
+function getSentryExampleComponentCode(options) {
+    const issueStreamUrl = (0, url_1.getIssueStreamUrl)(options);
+    return `import { NgIf } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import * as Sentry from '@sentry/angular';
+
+/**
+ * This is just a very simple component that throws an example error.
+ * Feel free to delete this file once you verify that Sentry is working.
+ */
+
+@Component({
+  selector: 'app-sentry-example',
+  standalone: true,
+  imports: [NgIf],
+  template: \`
+    <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>
+
+    <h1>app-sentry-example</h1>
+
+    <p class="description">
+      Click the button below, and view the sample error on the Sentry
+      <a
+        target="_blank"
+        href="${issueStreamUrl}"
+        >Issues Page</a
+      >. For more details about setting up Sentry,
+      <a
+        target="_blank"
+        href="https://docs.sentry.io/platforms/javascript/guides/angular/"
+        >read our docs</a
+      >.
+    </p>
+
+    <button (click)="throwError()">
+      <span>Throw Sample Error</span>
+    </button>
+
+    <div *ngIf="isConnected && sentError" class="success">
+      Sample error was sent to Sentry.
+    </div>
+    <div *ngIf="isConnected && !sentError" class="success_placeholder"></div>
+
+    <div *ngIf="!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/angular/troubleshooting/#the-sdk-is-not-sending-any-data"
+          >the troubleshooting guide</a
+        >.
+      </p>
+    </div>
+
+    <p class="description">
+      Adblockers will prevent errors from being sent to Sentry.
+    </p>
+  \`,
+  styles: \`
+    :host {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+      border: 2px solid #553DB8;
+      border-radius: 8px;
+      padding: 1em;
+      margin: 0.5em;
+      width: 500px;
+      height: 495px;
+      gap: 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 {
+      border-radius: 8px;
+      color: white;
+      cursor: pointer;
+      background-color: #553DB8;
+      border: none;
+      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);
+      }
+    }
+
+    .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;
+    }
+
+    .description {
+      text-align: center;
+      color: #6E6C75;
+      max-width: 500px;
+      line-height: 1.5;
+      font-size: 20px;
+
+      @media (prefers-color-scheme: dark) {
+        color: #A49FB5;
+      }
+    }
+
+    .connectivity-error {
+      padding: 12px 16px;
+      background-color: #E50045;
+      border-radius: 8px;
+      width: 500px;
+      color: #FFFFFF;
+      border: 1px solid #A80033;
+      text-align: center;
+      margin: 0;
+      max-width: 400px;
+    }
+  
+    .connectivity-error a {
+      color: #FFFFFF;
+      text-decoration: underline;
+    }
+  \`,
+})
+export class SentryExample implements OnInit {
+  sentError = false;
+  isConnected = true;
+
+  async ngOnInit(): Promise<void> {
+    const res = await Sentry.diagnoseSdkConnectivity();
+    this.isConnected = res !== 'sentry-unreachable';
+    console.log({ res });
+  }
+
+  throwError() {
+    Sentry.startSpan(
+      {
+        name: 'Example Frontend Span',
+        op: 'test',
+      },
+      () => {
+        this.sentError = true;
+        throw new SentryExampleError(
+          'This error was thrown by the Sentry example component.'
+        );
+      }
+    );
+  }
+}
+
+class SentryExampleError extends Error {
+  constructor(message: string | undefined) {
+    super(message);
+    this.name = 'SentryExampleError';
+  }
+}
+`;
+}
+exports.getSentryExampleComponentCode = getSentryExampleComponentCode;
+//# sourceMappingURL=example-component.js.map

package/dist/src/angular/example-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-component.js","sourceRoot":"","sources":["../../../src/angular/example-component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyB;AACzB,0CAIwB;AAExB,+EAA+E;AAC/E,sDAAwC;AACxC,sCAAiD;AACjD,kDAA0B;AAQnB,KAAK,UAAU,sBAAsB,CAAC,OAAgC;IAC3E,MAAM,aAAa,GAAG,gBAAgB,CAAC;IACvC,MAAM,WAAW,GAAG,WAAW,CAAC;IAEhC,IAAI,gBAAgB,GAAG,WAAW,CAAC;IACnC,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC,UAAU,EAAE;QACf,gBAAgB,GAAG,MAAM,IAAA,wBAAgB,EACvC,KAAK,CAAC,IAAI,CAAC;YACT,OAAO,EAAE,+CAA+C;YACxD,WAAW,EAAE,WAAW;SACzB,CAAC,CACH,CAAC;KACH;IAED,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QACpC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;KACrD;IAED,MAAM,aAAa,GAAG,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAE7D,MAAM,iBAAiB,GAAG,GAAG,gBAAgB,IAAI,aAAa,eAAe,CAAC;IAE9E,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;IAEnD,KAAK,CAAC,GAAG,CAAC,OAAO,CACf,gCAAgC,eAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAChE,CAAC;IAEF,MAAM,uBAAuB,GAAG,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CACxE,SAAS,CAAC,GAAG,IAAI,CACf,4DAA4D,CAC7D;;;;;4BAKuB,IAAI,CAAC,eAAe,CAAC;;;;QAIzC,IAAI,CAAC,2CAA2C,CAAC;;;;CAIxD,CAAC,CACC,CAAC;IAEF,MAAM,IAAA,iCAAyB,EAAC;QAC9B,YAAY,EAAE,8EAA8E,eAAK,CAAC,IAAI,CACpG,kBAAkB,CACnB,IAAI;QACL,WAAW,EAAE,uBAAuB;KACrC,CAAC,CAAC;AACL,CAAC;AAtDD,wDAsDC;AAED,SAAgB,6BAA6B,CAC3C,OAAgC;IAEhC,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,OAAO,CAAC,CAAC;IAElD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2BO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL7B,CAAC;AACF,CAAC;AArND,sEAqNC","sourcesContent":["import * as fs from 'fs';\nimport {\n  abortIfCancelled,\n  makeCodeSnippet,\n  showCopyPasteInstructions,\n} from '../utils/clack';\n\n// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport * as clack from '@clack/prompts';\nimport { getIssueStreamUrl } from '../utils/url';\nimport chalk from 'chalk';\n\ninterface ExampleComponentOptions {\n  url: string;\n  orgSlug: string;\n  projectId: string;\n}\n\nexport async function createExampleComponent(options: ExampleComponentOptions) {\n  const componentName = 'sentry-example';\n  const appRootPath = './src/app';\n\n  let componentDirPath = appRootPath;\n  const hasAppRoot = fs.existsSync(appRootPath);\n  if (!hasAppRoot) {\n    componentDirPath = await abortIfCancelled(\n      clack.text({\n        message: 'Where should we create the example component?',\n        placeholder: appRootPath,\n      }),\n    );\n  }\n\n  if (!fs.existsSync(componentDirPath)) {\n    fs.mkdirSync(componentDirPath, { recursive: true });\n  }\n\n  const componentCode = getSentryExampleComponentCode(options);\n\n  const componentFilePath = `${componentDirPath}/${componentName}.component.ts`;\n\n  fs.writeFileSync(componentFilePath, componentCode);\n\n  clack.log.success(\n    `Created example component at ${chalk.cyan(componentFilePath)}`,\n  );\n\n  const addComponentCodeSnippet = makeCodeSnippet(true, (unchanged, plus) =>\n    unchanged(`${plus(\n      \"import { SentryExample } from './sentry-example.component'\",\n    )}\n\n@Component({\n  selector: 'app-root',\n  standalone: true,\n  imports: [RouterOutlet, ${plus('SentryExample')}],\n  template: \\`\n    <div class=\"app\">\n      <h1>Your Application</h1>\n      ${plus('<app-sentry-example></app-sentry-example>')}\n    </div>\n  \\`,\n})\n`),\n  );\n\n  await showCopyPasteInstructions({\n    instructions: `Add the example component one of your pages or components (for example, in ${chalk.cyan(\n      'app.component.ts',\n    )}).`,\n    codeSnippet: addComponentCodeSnippet,\n  });\n}\n\nexport function getSentryExampleComponentCode(\n  options: ExampleComponentOptions,\n) {\n  const issueStreamUrl = getIssueStreamUrl(options);\n\n  return `import { NgIf } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport * as Sentry from '@sentry/angular';\n\n/**\n * This is just a very simple component that throws an example error.\n * Feel free to delete this file once you verify that Sentry is working.\n */\n\n@Component({\n  selector: 'app-sentry-example',\n  standalone: true,\n  imports: [NgIf],\n  template: \\`\n    <svg height=\"40\" width=\"40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        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\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n\n    <h1>app-sentry-example</h1>\n\n    <p class=\"description\">\n      Click the button below, and view the sample error on the Sentry\n      <a\n        target=\"_blank\"\n        href=\"${issueStreamUrl}\"\n        >Issues Page</a\n      >. For more details about setting up Sentry,\n      <a\n        target=\"_blank\"\n        href=\"https://docs.sentry.io/platforms/javascript/guides/angular/\"\n        >read our docs</a\n      >.\n    </p>\n\n    <button (click)=\"throwError()\">\n      <span>Throw Sample Error</span>\n    </button>\n\n    <div *ngIf=\"isConnected && sentError\" class=\"success\">\n      Sample error was sent to Sentry.\n    </div>\n    <div *ngIf=\"isConnected && !sentError\" class=\"success_placeholder\"></div>\n\n    <div *ngIf=\"!isConnected\" class=\"connectivity-error\">\n      <p>\n        The Sentry SDK is not able to reach Sentry right now - this may be due\n        to an adblocker. For more information, see\n        <a\n          target=\"_blank\"\n          href=\"https://docs.sentry.io/platforms/javascript/guides/angular/troubleshooting/#the-sdk-is-not-sending-any-data\"\n          >the troubleshooting guide</a\n        >.\n      </p>\n    </div>\n\n    <p class=\"description\">\n      Adblockers will prevent errors from being sent to Sentry.\n    </p>\n  \\`,\n  styles: \\`\n    :host {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      align-items: center;\n      border: 2px solid #553DB8;\n      border-radius: 8px;\n      padding: 1em;\n      margin: 0.5em;\n      width: 500px;\n      height: 495px;\n      gap: 1em;\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    .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    .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    .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      max-width: 400px;\n    }\n  \n    .connectivity-error a {\n      color: #FFFFFF;\n      text-decoration: underline;\n    }\n  \\`,\n})\nexport class SentryExample implements OnInit {\n  sentError = false;\n  isConnected = true;\n\n  async ngOnInit(): Promise<void> {\n    const res = await Sentry.diagnoseSdkConnectivity();\n    this.isConnected = res !== 'sentry-unreachable';\n    console.log({ res });\n  }\n\n  throwError() {\n    Sentry.startSpan(\n      {\n        name: 'Example Frontend Span',\n        op: 'test',\n      },\n      () => {\n        this.sentError = true;\n        throw new SentryExampleError(\n          'This error was thrown by the Sentry example component.'\n        );\n      }\n    );\n  }\n}\n\nclass SentryExampleError extends Error {\n  constructor(message: string | undefined) {\n    super(message);\n    this.name = 'SentryExampleError';\n  }\n}\n`;\n}\n"]}

package/dist/src/angular/sdk-setup.d.ts

@@ -0,0 +1,6 @@
+import type { SemVer } from 'semver';
+export declare function initalizeSentryOnApplicationEntry(dsn: string, selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+}): Promise<void>;
+export declare function updateAppConfig(angularVersion: SemVer, isTracingEnabled: boolean): Promise<void>;

package/dist/src/angular/sdk-setup.js

@@ -0,0 +1,99 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateAppConfig = exports.initalizeSentryOnApplicationEntry = void 0;
+// @ts-expect-error - magicast is ESM and TS complains about that. It works though
+const magicast_1 = require("magicast");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+// @ts-expect-error - clack is ESM and TS complains about that. It works though
+const prompts_1 = __importDefault(require("@clack/prompts"));
+const chalk_1 = __importDefault(require("chalk"));
+const app_config_1 = require("./codemods/app-config");
+const main_1 = require("./codemods/main");
+const ast_utils_1 = require("../utils/ast-utils");
+const Sentry = __importStar(require("@sentry/node"));
+async function initalizeSentryOnApplicationEntry(dsn, selectedFeatures) {
+    const appEntryFilename = 'main.ts';
+    const appEntryPath = path.join(process.cwd(), 'src', appEntryFilename);
+    const originalAppEntry = await (0, magicast_1.loadFile)(appEntryPath);
+    if ((0, ast_utils_1.hasSentryContent)(originalAppEntry.$ast)) {
+        prompts_1.default.log.warn(`File ${chalk_1.default.cyan(appEntryFilename)} already contains Sentry.
+Skipping adding Sentry functionality to ${chalk_1.default.cyan(appEntryFilename)}.`);
+        return;
+    }
+    const updatedAppEntryMod = (0, main_1.updateAppEntryMod)(originalAppEntry, dsn, selectedFeatures);
+    try {
+        await (0, magicast_1.writeFile)(updatedAppEntryMod.$ast, appEntryPath);
+    }
+    catch (error) {
+        prompts_1.default.log.error(`Error while adding Sentry to ${chalk_1.default.cyan(appEntryFilename)}`);
+        prompts_1.default.log.warn(`Please refer to the documentation for manual setup:
+${chalk_1.default.underline('https://docs.sentry.io/platforms/javascript/guides/angular/#configure')}`);
+        return;
+    }
+    prompts_1.default.log.success(`Successfully initialized Sentry on ${chalk_1.default.cyan(appEntryFilename)}`);
+}
+exports.initalizeSentryOnApplicationEntry = initalizeSentryOnApplicationEntry;
+async function updateAppConfig(angularVersion, isTracingEnabled) {
+    const appConfigFilename = 'app.config.ts';
+    const appConfigPath = path.join(process.cwd(), 'src', 'app', appConfigFilename);
+    if (!fs.existsSync(appConfigPath)) {
+        Sentry.setTag('angular-app-config-found', false);
+        prompts_1.default.log.warn(`File ${chalk_1.default.cyan(appConfigFilename)} not found. Skipping adding Sentry functionality.`);
+        prompts_1.default.log.warn(`Please refer to the documentation for manual setup:
+${chalk_1.default.underline('https://docs.sentry.io/platforms/javascript/guides/angular/#configure')}`);
+        return;
+    }
+    Sentry.setTag('angular-app-config-found', true);
+    const appConfig = await (0, magicast_1.loadFile)(appConfigPath);
+    if ((0, ast_utils_1.hasSentryContent)(appConfig.$ast)) {
+        prompts_1.default.log.warn(`File ${chalk_1.default.cyan(appConfigFilename)} already contains Sentry.
+  Skipping adding Sentry functionality to ${chalk_1.default.cyan(appConfigFilename)}.`);
+        return;
+    }
+    try {
+        const updatedAppConfigMod = (0, app_config_1.updateAppConfigMod)(appConfig, angularVersion, isTracingEnabled);
+        await (0, magicast_1.writeFile)(updatedAppConfigMod.$ast, appConfigPath);
+    }
+    catch (error) {
+        prompts_1.default.log.error(`Error while updating your app config ${chalk_1.default.cyan(appConfigFilename)}.`);
+        prompts_1.default.log.info(chalk_1.default.dim(typeof error === 'object' && error != null && 'toString' in error
+            ? error.toString()
+            : typeof error === 'string'
+                ? error
+                : ''));
+        prompts_1.default.log.warn(`Please refer to the documentation for manual setup:
+${chalk_1.default.underline('https://docs.sentry.io/platforms/javascript/guides/angular/#configure')}`);
+        return;
+    }
+    prompts_1.default.log.success(`Successfully updated your app config ${chalk_1.default.cyan(appConfigFilename)}`);
+}
+exports.updateAppConfig = updateAppConfig;
+//# sourceMappingURL=sdk-setup.js.map

package/dist/src/angular/sdk-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk-setup.js","sourceRoot":"","sources":["../../../src/angular/sdk-setup.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n\n// @ts-expect-error - magicast is ESM and TS complains about that. It works though\nimport { loadFile, writeFile } from 'magicast';\n\nimport * as fs from 'fs';\nimport * as path from 'path';\n\n// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\nimport chalk from 'chalk';\nimport { updateAppConfigMod } from './codemods/app-config';\nimport { updateAppEntryMod } from './codemods/main';\nimport { hasSentryContent } from '../utils/ast-utils';\nimport * as Sentry from '@sentry/node';\n\nimport type { namedTypes as t } from 'ast-types';\nimport type { SemVer } from 'semver';\n\nexport async function initalizeSentryOnApplicationEntry(\n  dsn: string,\n  selectedFeatures: {\n    performance: boolean;\n    replay: boolean;\n  },\n): Promise<void> {\n  const appEntryFilename = 'main.ts';\n  const appEntryPath = path.join(process.cwd(), 'src', appEntryFilename);\n\n  const originalAppEntry = await loadFile(appEntryPath);\n\n  if (hasSentryContent(originalAppEntry.$ast as t.Program)) {\n    clack.log.warn(\n      `File ${chalk.cyan(appEntryFilename)} already contains Sentry.\nSkipping adding Sentry functionality to ${chalk.cyan(appEntryFilename)}.`,\n    );\n\n    return;\n  }\n\n  const updatedAppEntryMod = updateAppEntryMod(\n    originalAppEntry,\n    dsn,\n    selectedFeatures,\n  );\n\n  try {\n    await writeFile(updatedAppEntryMod.$ast, appEntryPath);\n  } catch (error: unknown) {\n    clack.log.error(\n      `Error while adding Sentry to ${chalk.cyan(appEntryFilename)}`,\n    );\n\n    clack.log.warn(\n      `Please refer to the documentation for manual setup:\n${chalk.underline(\n  'https://docs.sentry.io/platforms/javascript/guides/angular/#configure',\n)}`,\n    );\n\n    return;\n  }\n\n  clack.log.success(\n    `Successfully initialized Sentry on ${chalk.cyan(appEntryFilename)}`,\n  );\n}\n\nexport async function updateAppConfig(\n  angularVersion: SemVer,\n  isTracingEnabled: boolean,\n): Promise<void> {\n  const appConfigFilename = 'app.config.ts';\n  const appConfigPath = path.join(\n    process.cwd(),\n    'src',\n    'app',\n    appConfigFilename,\n  );\n\n  if (!fs.existsSync(appConfigPath)) {\n    Sentry.setTag('angular-app-config-found', false);\n\n    clack.log.warn(\n      `File ${chalk.cyan(\n        appConfigFilename,\n      )} not found. Skipping adding Sentry functionality.`,\n    );\n\n    clack.log.warn(`Please refer to the documentation for manual setup:\n${chalk.underline(\n  'https://docs.sentry.io/platforms/javascript/guides/angular/#configure',\n)}`);\n\n    return;\n  }\n\n  Sentry.setTag('angular-app-config-found', true);\n\n  const appConfig = await loadFile(appConfigPath);\n\n  if (hasSentryContent(appConfig.$ast as t.Program)) {\n    clack.log.warn(\n      `File ${chalk.cyan(appConfigFilename)} already contains Sentry.\n  Skipping adding Sentry functionality to ${chalk.cyan(appConfigFilename)}.`,\n    );\n\n    return;\n  }\n\n  try {\n    const updatedAppConfigMod = updateAppConfigMod(\n      appConfig,\n      angularVersion,\n      isTracingEnabled,\n    );\n\n    await writeFile(updatedAppConfigMod.$ast, appConfigPath);\n  } catch (error: unknown) {\n    clack.log.error(\n      `Error while updating your app config ${chalk.cyan(appConfigFilename)}.`,\n    );\n\n    clack.log.info(\n      chalk.dim(\n        typeof error === 'object' && error != null && 'toString' in error\n          ? error.toString()\n          : typeof error === 'string'\n          ? error\n          : '',\n      ),\n    );\n\n    clack.log.warn(`Please refer to the documentation for manual setup:\n${chalk.underline(\n  'https://docs.sentry.io/platforms/javascript/guides/angular/#configure',\n)}`);\n\n    return;\n  }\n\n  clack.log.success(\n    `Successfully updated your app config ${chalk.cyan(appConfigFilename)}`,\n  );\n}\n"]}

package/dist/src/apple/apple-wizard.js

@@ -1,49 +1,19 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runAppleWizard = void 0;
-/* eslint-disable max-lines */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 // @ts-expect-error - clack is ESM and TS complains about that. It works though
 const prompts_1 = __importDefault(require("@clack/prompts"));
-const Sentry = __importStar(require("@sentry/node"));
-const chalk_1 = __importDefault(require("chalk"));
 const telemetry_1 = require("../telemetry");
-const SentryUtils = __importStar(require("../utils/sentrycli-utils"));
-const cocoapod = __importStar(require("./cocoapod"));
-const codeTools = __importStar(require("./code-tools"));
-/* eslint-enable @typescript-eslint/no-unused-vars */
 const clack_1 = require("../utils/clack");
 const check_installed_cli_1 = require("./check-installed-cli");
 const configure_fastlane_1 = require("./configure-fastlane");
+const configure_package_manager_1 = require("./configure-package-manager");
+const configure_sentry_cli_1 = require("./configure-sentry-cli");
+const configure_xcode_project_1 = require("./configure-xcode-project");
+const inject_code_snippet_1 = require("./inject-code-snippet");
 const lookup_xcode_project_1 = require("./lookup-xcode-project");
 async function runAppleWizard(options) {
     return (0, telemetry_1.withTelemetry)({
@@ -76,38 +46,28 @@ async function runAppleWizardWithTelementry(options) {
     });
     // Step - Sentry Project and API Key
     const { selectedProject, authToken } = await (0, clack_1.getOrAskForProjectData)(options, 'apple-ios');
-    SentryUtils.createSentryCLIRC(projectDir, { auth_token: authToken });
-    prompts_1.default.log.info(`Created a ${chalk_1.default.cyan('.sentryclirc')} file in your project directory to provide an auth token for Sentry CLI.
-    
-It was also added to your ${chalk_1.default.cyan('.gitignore')} file.
-Set the ${chalk_1.default.cyan('SENTRY_AUTH_TOKEN')} environment variable in your CI environment. See https://docs.sentry.io/cli/configuration/#auth-token for more information.`);
-    let hasCocoa = cocoapod.usesCocoaPod(projectDir);
-    Sentry.setTag('cocoapod-exists', hasCocoa);
-    if (hasCocoa) {
-        const pm = (await (0, telemetry_1.traceStep)('Choose a package manager', () => (0, clack_1.askForItemSelection)(['Swift Package Manager', 'CocoaPods'], 'Which package manager would you like to use to add Sentry?'))).value;
-        hasCocoa = pm === 'CocoaPods';
-        if (hasCocoa) {
-            const podAdded = await (0, telemetry_1.traceStep)('Add CocoaPods reference', () => cocoapod.addCocoaPods(projectDir));
-            Sentry.setTag('cocoapod-added', podAdded);
-            if (!podAdded) {
-                prompts_1.default.log.warn("Could not add Sentry pod to your Podfile. You'll have to add it manually.\nPlease follow the instructions at https://docs.sentry.io/platforms/apple/guides/ios/#install");
-            }
-        }
-    }
-    Sentry.setTag('package-manager', hasCocoa ? 'cocoapods' : 'SPM');
-    (0, telemetry_1.traceStep)('Update Xcode project', () => {
-        xcProject.updateXcodeProject(selectedProject, target, !hasCocoa, true);
+    // Step - Sentry CLI Configuration Setup
+    (0, configure_sentry_cli_1.configureSentryCLI)({
+        projectDir,
+        authToken: authToken,
+    });
+    // Step - Set up Package Manager
+    const { shouldUseSPM } = await (0, configure_package_manager_1.configurePackageManager)({
+        projectDir,
+    });
+    // Step - Configure Xcode Project
+    (0, configure_xcode_project_1.configureXcodeProject)({
+        xcProject,
+        project: selectedProject,
+        target,
+        shouldUseSPM,
     });
-    const codeAdded = (0, telemetry_1.traceStep)('Add code snippet', () => {
-        const files = xcProject.filesForTarget(target);
-        if (files === undefined || files.length == 0)
-            return false;
-        return codeTools.addCodeSnippetToProject(projectDir, files, selectedProject.keys[0].dsn.public);
+    // Step - Add Code Snippet
+    (0, inject_code_snippet_1.injectCodeSnippet)({
+        project: xcProject,
+        target,
+        dsn: selectedProject.keys[0].dsn.public,
     });
-    Sentry.setTag('Snippet-Added', codeAdded);
-    if (!codeAdded) {
-        prompts_1.default.log.warn('Added the Sentry dependency to your project but could not add the Sentry code snippet. Please add the code snipped manually by following the docs: https://docs.sentry.io/platforms/apple/guides/ios/#configure');
-    }
     // Step - Fastlane Configuration
     await (0, configure_fastlane_1.configureFastlane)({
         projectDir,