@sentry/wizard 4.4.0 → 4.6.0

package/dist/src/react-native/xcode.js.map

@@ -1 +1 @@
-{"version":3,"file":"xcode.js","sourceRoot":"","sources":["../../../src/react-native/xcode.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport * as fs from 'node:fs';\n// @ts-ignore - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\nimport chalk from 'chalk';\n\ntype BuildPhase = { shellScript: string };\ntype BuildPhaseMap = Record<string, BuildPhase>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function getValidExistingBuildPhases(xcodeProject: any): BuildPhaseMap {\n  const map: BuildPhaseMap = {};\n  const raw = xcodeProject.hash.project.objects.PBXShellScriptBuildPhase || {};\n  for (const key in raw) {\n    const val = raw[key];\n    val.isa && (map[key] = val);\n  }\n\n  return map;\n}\n\nexport function patchBundlePhase(\n  bundlePhase: BuildPhase | undefined,\n  patch: (script: string) => string,\n) {\n  if (!bundlePhase) {\n    clack.log.warn(\n      `Could not find ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} build phase.`,\n    );\n    return;\n  }\n\n  const bundlePhaseIncludesSentry = doesBundlePhaseIncludeSentry(bundlePhase);\n  if (bundlePhaseIncludesSentry) {\n    clack.log.warn(\n      `Build phase ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} already includes Sentry.`,\n    );\n    return;\n  }\n\n  const script: string = JSON.parse(bundlePhase.shellScript);\n  bundlePhase.shellScript = JSON.stringify(patch(script));\n  clack.log.success(\n    `Patched Build phase ${chalk.cyan('Bundle React Native code and images')}.`,\n  );\n}\n\nexport function unPatchBundlePhase(bundlePhase: BuildPhase | undefined) {\n  if (!bundlePhase) {\n    clack.log.warn(\n      `Could not find ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} build phase.`,\n    );\n    return;\n  }\n\n  if (\n    !bundlePhase.shellScript.match(/sentry-cli\\s+react-native\\s+xcode/i) &&\n    !bundlePhase.shellScript.includes('sentry-xcode.sh')\n  ) {\n    clack.log.success(\n      `Build phase ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} does not include Sentry.`,\n    );\n    return;\n  }\n\n  bundlePhase.shellScript = JSON.stringify(\n    removeSentryFromBundleShellScript(\n      <string>JSON.parse(bundlePhase.shellScript),\n    ),\n  );\n  clack.log.success(\n    `Build phase ${chalk.cyan(\n      'Bundle React Native code and images',\n    )} unpatched successfully.`,\n  );\n}\n\nexport function removeSentryFromBundleShellScript(script: string): string {\n  return (\n    script\n      // remove sentry properties export\n      .replace(/^export SENTRY_PROPERTIES=sentry.properties\\r?\\n/m, '')\n      .replace(\n        /^\\/bin\\/sh .*?..\\/node_modules\\/@sentry\\/react-native\\/scripts\\/collect-modules.sh\"?\\r?\\n/m,\n        '',\n      )\n      // unwrap react-native-xcode.sh command.  In case someone replaced it\n      // entirely with the sentry-cli command we need to put the original\n      // version back in.\n      .replace(\n        /\\.\\.\\/node_modules\\/@sentry\\/cli\\/bin\\/sentry-cli\\s+react-native\\s+xcode\\s+\\$REACT_NATIVE_XCODE/i,\n        '$REACT_NATIVE_XCODE',\n      )\n      .replace(\n        //  eslint-disable-next-line no-useless-escape\n        /\\\"\\/bin\\/sh.*?sentry-xcode.sh\\s+\\$REACT_NATIVE_XCODE/i,\n        // eslint-disable-next-line no-useless-escape\n        '\"$REACT_NATIVE_XCODE',\n      )\n  );\n}\n\nexport function findBundlePhase(buildPhases: BuildPhaseMap) {\n  return Object.values(buildPhases).find((buildPhase) =>\n    buildPhase.shellScript.match(/\\/scripts\\/react-native-xcode\\.sh/i),\n  );\n}\n\nexport function doesBundlePhaseIncludeSentry(buildPhase: BuildPhase) {\n  const containsSentryCliRNCommand = !!buildPhase.shellScript.match(\n    /sentry-cli\\s+react-native\\s+xcode/i,\n  );\n  const containsBundledScript =\n    buildPhase.shellScript.includes('sentry-xcode.sh');\n  return containsSentryCliRNCommand || containsBundledScript;\n}\n\nexport function addSentryWithBundledScriptsToBundleShellScript(\n  script: string,\n): string {\n  const isLikelyPlainReactNativeScript = script.includes('$REACT_NATIVE_XCODE');\n  if (isLikelyPlainReactNativeScript) {\n    return script.replace(\n      '$REACT_NATIVE_XCODE',\n      // eslint-disable-next-line no-useless-escape\n      '\\\\\"/bin/sh ../node_modules/@sentry/react-native/scripts/sentry-xcode.sh $REACT_NATIVE_XCODE\\\\\"',\n    );\n  }\n\n  const isLikelyExpoScript = script.includes('expo');\n  if (isLikelyExpoScript) {\n    const SENTRY_REACT_NATIVE_XCODE_PATH =\n      \"`\\\"$NODE_BINARY\\\" --print \\\"require('path').dirname(require.resolve('@sentry/react-native/package.json')) + '/scripts/sentry-xcode.sh'\\\"`\";\n    return script.replace(\n      /^.*?(packager|scripts)\\/react-native-xcode\\.sh\\s*(\\\\'\\\\\\\\\")?/m,\n      // eslint-disable-next-line no-useless-escape\n      (match: string) => `/bin/sh ${SENTRY_REACT_NATIVE_XCODE_PATH} ${match}`,\n    );\n  }\n\n  return script;\n}\n\nexport function addSentryWithCliToBundleShellScript(script: string): string {\n  return (\n    'export SENTRY_PROPERTIES=sentry.properties\\n' +\n    'export EXTRA_PACKAGER_ARGS=\"--sourcemap-output $DERIVED_FILE_DIR/main.jsbundle.map\"\\n' +\n    script.replace(\n      '$REACT_NATIVE_XCODE',\n      () =>\n        // eslint-disable-next-line no-useless-escape\n        '\\\\\"../node_modules/@sentry/cli/bin/sentry-cli react-native xcode $REACT_NATIVE_XCODE\\\\\"',\n    ) +\n    '\\n/bin/sh -c \"$WITH_ENVIRONMENT ../node_modules/@sentry/react-native/scripts/collect-modules.sh\"\\n'\n  );\n}\n\nexport function addDebugFilesUploadPhaseWithBundledScripts(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xcodeProject: any,\n  { debugFilesUploadPhaseExists }: { debugFilesUploadPhaseExists: boolean },\n) {\n  if (debugFilesUploadPhaseExists) {\n    clack.log.warn(\n      `Build phase ${chalk.cyan(\n        'Upload Debug Symbols to Sentry',\n      )} already exists.`,\n    );\n    return;\n  }\n\n  xcodeProject.addBuildPhase(\n    [],\n    'PBXShellScriptBuildPhase',\n    'Upload Debug Symbols to Sentry',\n    null,\n    {\n      shellPath: '/bin/sh',\n      shellScript: `/bin/sh ../node_modules/@sentry/react-native/scripts/sentry-xcode-debug-files.sh`,\n    },\n  );\n  clack.log.success(\n    `Added Build phase ${chalk.cyan('Upload Debug Symbols to Sentry')}.`,\n  );\n}\n\nexport function addDebugFilesUploadPhaseWithCli(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xcodeProject: any,\n  { debugFilesUploadPhaseExists }: { debugFilesUploadPhaseExists: boolean },\n) {\n  if (debugFilesUploadPhaseExists) {\n    clack.log.warn(\n      `Build phase ${chalk.cyan(\n        'Upload Debug Symbols to Sentry',\n      )} already exists.`,\n    );\n    return;\n  }\n\n  xcodeProject.addBuildPhase(\n    [],\n    'PBXShellScriptBuildPhase',\n    'Upload Debug Symbols to Sentry',\n    null,\n    {\n      shellPath: '/bin/sh',\n      shellScript: `\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nif [ -f \"$WITH_ENVIRONMENT\" ]; then\n  . \"$WITH_ENVIRONMENT\"\nfi\nexport SENTRY_PROPERTIES=sentry.properties\n[ \"$SENTRY_INCLUDE_NATIVE_SOURCES\" = \"true\" ] && INCLUDE_SOURCES_FLAG=\"--include-sources\" || INCLUDE_SOURCES_FLAG=\"\"\n../node_modules/@sentry/cli/bin/sentry-cli debug-files upload \"$INCLUDE_SOURCES_FLAG\" \"$DWARF_DSYM_FOLDER_PATH\"\n`,\n    },\n  );\n  clack.log.success(\n    `Added Build phase ${chalk.cyan('Upload Debug Symbols to Sentry')}.`,\n  );\n}\n\nexport function unPatchDebugFilesUploadPhase(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xcodeProject: any,\n) {\n  const buildPhasesMap =\n    xcodeProject.hash.project.objects.PBXShellScriptBuildPhase || {};\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n  const debugFilesUploadPhaseResult = findDebugFilesUploadPhase(buildPhasesMap);\n  if (!debugFilesUploadPhaseResult) {\n    clack.log.success(\n      `Build phase ${chalk.cyan('Upload Debug Symbols to Sentry')} not found.`,\n    );\n    return;\n  }\n\n  const [debugFilesUploadPhaseKey] = debugFilesUploadPhaseResult;\n  const firstTarget: string = xcodeProject.getFirstTarget().uuid;\n  const nativeTargets = xcodeProject.hash.project.objects.PBXNativeTarget;\n\n  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n  delete buildPhasesMap[debugFilesUploadPhaseKey];\n  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n  delete buildPhasesMap[`${debugFilesUploadPhaseKey}_comment`];\n  const phases = nativeTargets[firstTarget].buildPhases;\n  if (phases) {\n    for (let i = 0; i < phases.length; i++) {\n      if (phases[i].value === debugFilesUploadPhaseKey) {\n        phases.splice(i, 1);\n        break;\n      }\n    }\n  }\n  clack.log.success(\n    `Build phase ${chalk.cyan(\n      'Upload Debug Symbols to Sentry',\n    )} removed successfully.`,\n  );\n}\n\nexport function findDebugFilesUploadPhase(\n  buildPhasesMap: Record<string, BuildPhase>,\n): [key: string, buildPhase: BuildPhase] | undefined {\n  return Object.entries(buildPhasesMap).find(([_, buildPhase]) => {\n    const containsCliDebugUpload =\n      typeof buildPhase !== 'string' &&\n      !!buildPhase.shellScript.match(\n        /sentry-cli\\s+(upload-dsym|debug-files upload)\\b/,\n      );\n    const containsBundledDebugUpload =\n      typeof buildPhase !== 'string' &&\n      buildPhase.shellScript.includes('sentry-xcode-debug-files.sh');\n    return containsCliDebugUpload || containsBundledDebugUpload;\n  });\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function writeXcodeProject(xcodeProjectPath: string, xcodeProject: any) {\n  const newContent = xcodeProject.writeSync();\n  const currentContent = fs.readFileSync(xcodeProjectPath, 'utf-8');\n  if (newContent === currentContent) {\n    return;\n  }\n\n  fs.writeFileSync(xcodeProjectPath, newContent, 'utf-8');\n  clack.log.success(\n    chalk.green(`Xcode project ${chalk.cyan(xcodeProjectPath)} changes saved.`),\n  );\n}\n"]}
+{"version":3,"file":"xcode.js","sourceRoot":"","sources":["../../../src/react-native/xcode.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport * as fs from 'node:fs';\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 { Project } from 'xcode';\n\ntype BuildPhase = { shellScript: string };\ntype BuildPhaseMap = Record<string, BuildPhase>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function getValidExistingBuildPhases(xcodeProject: any): BuildPhaseMap {\n  const map: BuildPhaseMap = {};\n  const raw = xcodeProject.hash.project.objects.PBXShellScriptBuildPhase || {};\n  for (const key in raw) {\n    const val = raw[key];\n    val.isa && (map[key] = val);\n  }\n\n  return map;\n}\n\nexport function patchBundlePhase(\n  bundlePhase: BuildPhase | undefined,\n  patch: (script: string) => string,\n) {\n  if (!bundlePhase) {\n    clack.log.warn(\n      `Could not find ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} build phase.`,\n    );\n    return;\n  }\n\n  const bundlePhaseIncludesSentry = doesBundlePhaseIncludeSentry(bundlePhase);\n  if (bundlePhaseIncludesSentry) {\n    clack.log.warn(\n      `Build phase ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} already includes Sentry.`,\n    );\n    return;\n  }\n\n  const script: string = JSON.parse(bundlePhase.shellScript);\n  bundlePhase.shellScript = JSON.stringify(patch(script));\n  clack.log.success(\n    `Patched Build phase ${chalk.cyan('Bundle React Native code and images')}.`,\n  );\n}\n\nexport function unPatchBundlePhase(bundlePhase: BuildPhase | undefined) {\n  if (!bundlePhase) {\n    clack.log.warn(\n      `Could not find ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} build phase.`,\n    );\n    return;\n  }\n\n  if (\n    !bundlePhase.shellScript.match(/sentry-cli\\s+react-native\\s+xcode/i) &&\n    !bundlePhase.shellScript.includes('sentry-xcode.sh')\n  ) {\n    clack.log.success(\n      `Build phase ${chalk.cyan(\n        'Bundle React Native code and images',\n      )} does not include Sentry.`,\n    );\n    return;\n  }\n\n  bundlePhase.shellScript = JSON.stringify(\n    removeSentryFromBundleShellScript(\n      <string>JSON.parse(bundlePhase.shellScript),\n    ),\n  );\n  clack.log.success(\n    `Build phase ${chalk.cyan(\n      'Bundle React Native code and images',\n    )} unpatched successfully.`,\n  );\n}\n\nexport function removeSentryFromBundleShellScript(script: string): string {\n  return (\n    script\n      // remove sentry properties export\n      .replace(/^export SENTRY_PROPERTIES=sentry.properties\\r?\\n/m, '')\n      .replace(\n        /^\\/bin\\/sh .*?..\\/node_modules\\/@sentry\\/react-native\\/scripts\\/collect-modules.sh\"?\\r?\\n/m,\n        '',\n      )\n      // unwrap react-native-xcode.sh command.  In case someone replaced it\n      // entirely with the sentry-cli command we need to put the original\n      // version back in.\n      .replace(\n        /\\.\\.\\/node_modules\\/@sentry\\/cli\\/bin\\/sentry-cli\\s+react-native\\s+xcode\\s+\\$REACT_NATIVE_XCODE/i,\n        '$REACT_NATIVE_XCODE',\n      )\n      .replace(\n        //  eslint-disable-next-line no-useless-escape\n        /\\\"\\/bin\\/sh.*?sentry-xcode.sh\\s+\\$REACT_NATIVE_XCODE/i,\n        // eslint-disable-next-line no-useless-escape\n        '\"$REACT_NATIVE_XCODE',\n      )\n  );\n}\n\nexport function findBundlePhase(buildPhases: BuildPhaseMap) {\n  return Object.values(buildPhases).find((buildPhase) =>\n    buildPhase.shellScript.match(/\\/scripts\\/react-native-xcode\\.sh/i),\n  );\n}\n\nexport function doesBundlePhaseIncludeSentry(buildPhase: BuildPhase) {\n  const containsSentryCliRNCommand = !!buildPhase.shellScript.match(\n    /sentry-cli\\s+react-native\\s+xcode/i,\n  );\n  const containsBundledScript =\n    buildPhase.shellScript.includes('sentry-xcode.sh');\n  return containsSentryCliRNCommand || containsBundledScript;\n}\n\nexport function addSentryWithBundledScriptsToBundleShellScript(\n  script: string,\n): string {\n  const isLikelyPlainReactNativeScript = script.includes('$REACT_NATIVE_XCODE');\n  if (isLikelyPlainReactNativeScript) {\n    return script.replace(\n      '$REACT_NATIVE_XCODE',\n      // eslint-disable-next-line no-useless-escape\n      '\\\\\"/bin/sh ../node_modules/@sentry/react-native/scripts/sentry-xcode.sh $REACT_NATIVE_XCODE\\\\\"',\n    );\n  }\n\n  const isLikelyExpoScript = script.includes('expo');\n  if (isLikelyExpoScript) {\n    const SENTRY_REACT_NATIVE_XCODE_PATH =\n      \"`\\\"$NODE_BINARY\\\" --print \\\"require('path').dirname(require.resolve('@sentry/react-native/package.json')) + '/scripts/sentry-xcode.sh'\\\"`\";\n    return script.replace(\n      /^.*?(packager|scripts)\\/react-native-xcode\\.sh\\s*(\\\\'\\\\\\\\\")?/m,\n      // eslint-disable-next-line no-useless-escape\n      (match: string) => `/bin/sh ${SENTRY_REACT_NATIVE_XCODE_PATH} ${match}`,\n    );\n  }\n\n  return script;\n}\n\nexport function addSentryWithCliToBundleShellScript(script: string): string {\n  return (\n    'export SENTRY_PROPERTIES=sentry.properties\\n' +\n    'export EXTRA_PACKAGER_ARGS=\"--sourcemap-output $DERIVED_FILE_DIR/main.jsbundle.map\"\\n' +\n    script.replace(\n      '$REACT_NATIVE_XCODE',\n      () =>\n        // eslint-disable-next-line no-useless-escape\n        '\\\\\"../node_modules/@sentry/cli/bin/sentry-cli react-native xcode $REACT_NATIVE_XCODE\\\\\"',\n    ) +\n    '\\n/bin/sh -c \"$WITH_ENVIRONMENT ../node_modules/@sentry/react-native/scripts/collect-modules.sh\"\\n'\n  );\n}\n\nexport function addDebugFilesUploadPhaseWithBundledScripts(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xcodeProject: any,\n  { debugFilesUploadPhaseExists }: { debugFilesUploadPhaseExists: boolean },\n) {\n  if (debugFilesUploadPhaseExists) {\n    clack.log.warn(\n      `Build phase ${chalk.cyan(\n        'Upload Debug Symbols to Sentry',\n      )} already exists.`,\n    );\n    return;\n  }\n\n  xcodeProject.addBuildPhase(\n    [],\n    'PBXShellScriptBuildPhase',\n    'Upload Debug Symbols to Sentry',\n    null,\n    {\n      shellPath: '/bin/sh',\n      shellScript: `/bin/sh ../node_modules/@sentry/react-native/scripts/sentry-xcode-debug-files.sh`,\n    },\n  );\n  clack.log.success(\n    `Added Build phase ${chalk.cyan('Upload Debug Symbols to Sentry')}.`,\n  );\n}\n\nexport function addDebugFilesUploadPhaseWithCli(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xcodeProject: any,\n  { debugFilesUploadPhaseExists }: { debugFilesUploadPhaseExists: boolean },\n) {\n  if (debugFilesUploadPhaseExists) {\n    clack.log.warn(\n      `Build phase ${chalk.cyan(\n        'Upload Debug Symbols to Sentry',\n      )} already exists.`,\n    );\n    return;\n  }\n\n  xcodeProject.addBuildPhase(\n    [],\n    'PBXShellScriptBuildPhase',\n    'Upload Debug Symbols to Sentry',\n    null,\n    {\n      shellPath: '/bin/sh',\n      shellScript: `\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nif [ -f \"$WITH_ENVIRONMENT\" ]; then\n  . \"$WITH_ENVIRONMENT\"\nfi\nexport SENTRY_PROPERTIES=sentry.properties\n[ \"$SENTRY_INCLUDE_NATIVE_SOURCES\" = \"true\" ] && INCLUDE_SOURCES_FLAG=\"--include-sources\" || INCLUDE_SOURCES_FLAG=\"\"\n../node_modules/@sentry/cli/bin/sentry-cli debug-files upload \"$INCLUDE_SOURCES_FLAG\" \"$DWARF_DSYM_FOLDER_PATH\"\n`,\n    },\n  );\n  clack.log.success(\n    `Added Build phase ${chalk.cyan('Upload Debug Symbols to Sentry')}.`,\n  );\n}\n\nexport function unPatchDebugFilesUploadPhase(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xcodeProject: any,\n) {\n  const buildPhasesMap =\n    xcodeProject.hash.project.objects.PBXShellScriptBuildPhase || {};\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n  const debugFilesUploadPhaseResult = findDebugFilesUploadPhase(buildPhasesMap);\n  if (!debugFilesUploadPhaseResult) {\n    clack.log.success(\n      `Build phase ${chalk.cyan('Upload Debug Symbols to Sentry')} not found.`,\n    );\n    return;\n  }\n\n  const [debugFilesUploadPhaseKey] = debugFilesUploadPhaseResult;\n  const firstTarget: string = xcodeProject.getFirstTarget().uuid;\n  const nativeTargets = xcodeProject.hash.project.objects.PBXNativeTarget;\n\n  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n  delete buildPhasesMap[debugFilesUploadPhaseKey];\n  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n  delete buildPhasesMap[`${debugFilesUploadPhaseKey}_comment`];\n  const phases = nativeTargets[firstTarget].buildPhases;\n  if (phases) {\n    for (let i = 0; i < phases.length; i++) {\n      if (phases[i].value === debugFilesUploadPhaseKey) {\n        phases.splice(i, 1);\n        break;\n      }\n    }\n  }\n  clack.log.success(\n    `Build phase ${chalk.cyan(\n      'Upload Debug Symbols to Sentry',\n    )} removed successfully.`,\n  );\n}\n\nexport function findDebugFilesUploadPhase(\n  buildPhasesMap: Record<string, BuildPhase>,\n): [key: string, buildPhase: BuildPhase] | undefined {\n  return Object.entries(buildPhasesMap).find(([_, buildPhase]) => {\n    const containsCliDebugUpload =\n      typeof buildPhase !== 'string' &&\n      !!buildPhase.shellScript.match(\n        /sentry-cli\\s+(upload-dsym|debug-files upload)\\b/,\n      );\n    const containsBundledDebugUpload =\n      typeof buildPhase !== 'string' &&\n      buildPhase.shellScript.includes('sentry-xcode-debug-files.sh');\n    return containsCliDebugUpload || containsBundledDebugUpload;\n  });\n}\n\nexport function writeXcodeProject(\n  xcodeProjectPath: string,\n  xcodeProject: Project,\n) {\n  const newContent = xcodeProject.writeSync();\n  const currentContent = fs.readFileSync(xcodeProjectPath, 'utf-8');\n  if (newContent === currentContent) {\n    return;\n  }\n\n  fs.writeFileSync(xcodeProjectPath, newContent, 'utf-8');\n  clack.log.success(\n    chalk.green(`Xcode project ${chalk.cyan(xcodeProjectPath)} changes saved.`),\n  );\n}\n"]}

package/dist/src/remix/codemods/handle-error.js

@@ -36,7 +36,10 @@ const prompts_1 = __importDefault(require("@clack/prompts"));
 const chalk_1 = __importDefault(require("chalk"));
 // @ts-expect-error - magicast is ESM and TS complains about that. It works though
 const magicast_1 = require("magicast");
-function instrumentHandleError(originalEntryServerMod, serverEntryFilename) {
+function instrumentHandleError(
+// MagicAst returns `ProxifiedModule<any>` so therefore we have to use `any` here
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+originalEntryServerMod, serverEntryFilename) {
     const originalEntryServerModAST = originalEntryServerMod.$ast;
     const handleErrorFunctionExport = originalEntryServerModAST.body.find((node) => {
         return (node.type === 'ExportNamedDeclaration' &&

package/dist/src/remix/codemods/handle-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle-error.js","sourceRoot":"","sources":["../../../../src/remix/codemods/handle-error.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 type { ProxifiedModule } from 'magicast';\nimport type { Program } from '@babel/types';\n\nimport * as recast from 'recast';\n\nimport { HANDLE_ERROR_TEMPLATE_V2 } from '../templates';\nimport { getAfterImportsInsertionIndex, hasSentryContent } from '../utils';\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';\n\n// @ts-expect-error - magicast is ESM and TS complains about that. It works though\nimport { generateCode } from 'magicast';\n\nexport function instrumentHandleError(\n  originalEntryServerMod: ProxifiedModule<any>,\n  serverEntryFilename: string,\n): boolean {\n  const originalEntryServerModAST = originalEntryServerMod.$ast as Program;\n\n  const handleErrorFunctionExport = originalEntryServerModAST.body.find(\n    (node) => {\n      return (\n        node.type === 'ExportNamedDeclaration' &&\n        node.declaration?.type === 'FunctionDeclaration' &&\n        node.declaration.id?.name === 'handleError'\n      );\n    },\n  );\n\n  const handleErrorFunctionVariableDeclarationExport =\n    originalEntryServerModAST.body.find(\n      (node) =>\n        node.type === 'ExportNamedDeclaration' &&\n        node.declaration?.type === 'VariableDeclaration' &&\n        // @ts-expect-error - id should always have a name in this case\n        node.declaration.declarations[0].id.name === 'handleError',\n    );\n\n  if (\n    !handleErrorFunctionExport &&\n    !handleErrorFunctionVariableDeclarationExport\n  ) {\n    clack.log.warn(\n      `Could not find function ${chalk.cyan('handleError')} in ${chalk.cyan(\n        serverEntryFilename,\n      )}. Creating one for you.`,\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const implementation = recast.parse(HANDLE_ERROR_TEMPLATE_V2).program\n      .body[0];\n\n    originalEntryServerModAST.body.splice(\n      getAfterImportsInsertionIndex(originalEntryServerModAST),\n      0,\n      // @ts-expect-error - string works here because the AST is proxified by magicast\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      recast.types.builders.exportNamedDeclaration(implementation),\n    );\n  } else if (\n    (handleErrorFunctionExport &&\n      ['wrapHandleErrorWithSentry', 'sentryHandleError'].some((util) =>\n        hasSentryContent(\n          generateCode(handleErrorFunctionExport).code,\n          originalEntryServerMod.$code,\n          util,\n        ),\n      )) ||\n    (handleErrorFunctionVariableDeclarationExport &&\n      ['wrapHandleErrorWithSentry', 'sentryHandleError'].some((util) =>\n        hasSentryContent(\n          generateCode(handleErrorFunctionVariableDeclarationExport).code,\n          originalEntryServerMod.$code,\n          util,\n        ),\n      ))\n  ) {\n    return false;\n  } else if (handleErrorFunctionExport) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const implementation = recast.parse(HANDLE_ERROR_TEMPLATE_V2).program\n      .body[0];\n\n    // If the current handleError function has a body, we need to merge the new implementation with the existing one\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n    implementation.declarations[0].init.arguments[0].body.body.unshift(\n      // @ts-expect-error - declaration works here because the AST is proxified by magicast\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      ...handleErrorFunctionExport.declaration.body.body,\n    );\n\n    // @ts-expect-error - declaration works here because the AST is proxified by magicast\n    handleErrorFunctionExport.declaration = implementation;\n  } else if (handleErrorFunctionVariableDeclarationExport) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const implementation = recast.parse(HANDLE_ERROR_TEMPLATE_V2).program\n      .body[0];\n\n    // If the current handleError function has a body, we need to merge the new implementation with the existing one\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n    implementation.declarations[0].init.arguments[0].body.body.unshift(\n      // @ts-expect-error - declaration works here because the AST is proxified by magicast\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      ...handleErrorFunctionVariableDeclarationExport.declaration\n        .declarations[0].init.body.body,\n    );\n\n    // @ts-expect-error - declaration works here because the AST is proxified by magicast\n    handleErrorFunctionVariableDeclarationExport.declaration = implementation;\n  }\n\n  return true;\n}\n"]}
+{"version":3,"file":"handle-error.js","sourceRoot":"","sources":["../../../../src/remix/codemods/handle-error.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 type { ProxifiedModule } from 'magicast';\nimport type { Program } from '@babel/types';\n\nimport * as recast from 'recast';\n\nimport { HANDLE_ERROR_TEMPLATE_V2 } from '../templates';\nimport { getAfterImportsInsertionIndex, hasSentryContent } from '../utils';\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';\n\n// @ts-expect-error - magicast is ESM and TS complains about that. It works though\nimport { generateCode } from 'magicast';\n\nexport function instrumentHandleError(\n  // MagicAst returns `ProxifiedModule<any>` so therefore we have to use `any` here\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  originalEntryServerMod: ProxifiedModule<any>,\n  serverEntryFilename: string,\n): boolean {\n  const originalEntryServerModAST = originalEntryServerMod.$ast as Program;\n\n  const handleErrorFunctionExport = originalEntryServerModAST.body.find(\n    (node) => {\n      return (\n        node.type === 'ExportNamedDeclaration' &&\n        node.declaration?.type === 'FunctionDeclaration' &&\n        node.declaration.id?.name === 'handleError'\n      );\n    },\n  );\n\n  const handleErrorFunctionVariableDeclarationExport =\n    originalEntryServerModAST.body.find(\n      (node) =>\n        node.type === 'ExportNamedDeclaration' &&\n        node.declaration?.type === 'VariableDeclaration' &&\n        // @ts-expect-error - id should always have a name in this case\n        node.declaration.declarations[0].id.name === 'handleError',\n    );\n\n  if (\n    !handleErrorFunctionExport &&\n    !handleErrorFunctionVariableDeclarationExport\n  ) {\n    clack.log.warn(\n      `Could not find function ${chalk.cyan('handleError')} in ${chalk.cyan(\n        serverEntryFilename,\n      )}. Creating one for you.`,\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const implementation = recast.parse(HANDLE_ERROR_TEMPLATE_V2).program\n      .body[0];\n\n    originalEntryServerModAST.body.splice(\n      getAfterImportsInsertionIndex(originalEntryServerModAST),\n      0,\n      // @ts-expect-error - string works here because the AST is proxified by magicast\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      recast.types.builders.exportNamedDeclaration(implementation),\n    );\n  } else if (\n    (handleErrorFunctionExport &&\n      ['wrapHandleErrorWithSentry', 'sentryHandleError'].some((util) =>\n        hasSentryContent(\n          generateCode(handleErrorFunctionExport).code,\n          originalEntryServerMod.$code,\n          util,\n        ),\n      )) ||\n    (handleErrorFunctionVariableDeclarationExport &&\n      ['wrapHandleErrorWithSentry', 'sentryHandleError'].some((util) =>\n        hasSentryContent(\n          generateCode(handleErrorFunctionVariableDeclarationExport).code,\n          originalEntryServerMod.$code,\n          util,\n        ),\n      ))\n  ) {\n    return false;\n  } else if (handleErrorFunctionExport) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const implementation = recast.parse(HANDLE_ERROR_TEMPLATE_V2).program\n      .body[0];\n\n    // If the current handleError function has a body, we need to merge the new implementation with the existing one\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n    implementation.declarations[0].init.arguments[0].body.body.unshift(\n      // @ts-expect-error - declaration works here because the AST is proxified by magicast\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      ...handleErrorFunctionExport.declaration.body.body,\n    );\n\n    // @ts-expect-error - declaration works here because the AST is proxified by magicast\n    handleErrorFunctionExport.declaration = implementation;\n  } else if (handleErrorFunctionVariableDeclarationExport) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const implementation = recast.parse(HANDLE_ERROR_TEMPLATE_V2).program\n      .body[0];\n\n    // If the current handleError function has a body, we need to merge the new implementation with the existing one\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n    implementation.declarations[0].init.arguments[0].body.body.unshift(\n      // @ts-expect-error - declaration works here because the AST is proxified by magicast\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      ...handleErrorFunctionVariableDeclarationExport.declaration\n        .declarations[0].init.body.body,\n    );\n\n    // @ts-expect-error - declaration works here because the AST is proxified by magicast\n    handleErrorFunctionVariableDeclarationExport.declaration = implementation;\n  }\n\n  return true;\n}\n"]}

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

@@ -7,16 +7,16 @@ exports.runRemixWizard = void 0;
 // @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 clack_utils_1 = require("../utils/clack-utils");
-const package_json_1 = require("../utils/package-json");
-const sdk_setup_1 = require("./sdk-setup");
-const debug_1 = require("../utils/debug");
-const telemetry_1 = require("../telemetry");
-const utils_1 = require("./utils");
 const Constants_1 = require("../../lib/Constants");
-const ast_utils_1 = require("../utils/ast-utils");
 const vite_1 = require("../sourcemaps/tools/vite");
+const telemetry_1 = require("../telemetry");
+const ast_utils_1 = require("../utils/ast-utils");
+const clack_1 = require("../utils/clack");
+const debug_1 = require("../utils/debug");
+const package_json_1 = require("../utils/package-json");
 const sdk_example_1 = require("./sdk-example");
+const sdk_setup_1 = require("./sdk-setup");
+const utils_1 = require("./utils");
 async function runRemixWizard(options) {
     return (0, telemetry_1.withTelemetry)({
         enabled: options.telemetryEnabled,
@@ -27,28 +27,31 @@ async function runRemixWizard(options) {
 exports.runRemixWizard = runRemixWizard;
 async function runRemixWizardWithTelemetry(options) {
     const { promoCode, telemetryEnabled, forceInstall } = options;
-    (0, clack_utils_1.printWelcome)({
+    (0, clack_1.printWelcome)({
         wizardName: 'Sentry Remix Wizard',
         promoCode,
         telemetryEnabled,
     });
-    await (0, clack_utils_1.confirmContinueIfNoOrDirtyGitRepo)();
+    await (0, clack_1.confirmContinueIfNoOrDirtyGitRepo)({
+        ignoreGitChanges: options.ignoreGitChanges,
+        cwd: undefined,
+    });
     const remixConfig = await (0, sdk_setup_1.loadRemixConfig)();
-    const packageJson = await (0, clack_utils_1.getPackageDotJson)();
+    const packageJson = await (0, clack_1.getPackageDotJson)();
     // We expect `@remix-run/dev` to be installed for every Remix project
-    await (0, clack_utils_1.ensurePackageIsInstalled)(packageJson, '@remix-run/dev', 'Remix');
-    const { selectedProject, authToken, sentryUrl, selfHosted } = await (0, clack_utils_1.getOrAskForProjectData)(options, 'javascript-remix');
-    await (0, clack_utils_1.installPackage)({
+    await (0, clack_1.ensurePackageIsInstalled)(packageJson, '@remix-run/dev', 'Remix');
+    const { selectedProject, authToken, sentryUrl, selfHosted } = await (0, clack_1.getOrAskForProjectData)(options, 'javascript-remix');
+    await (0, clack_1.installPackage)({
         packageName: '@sentry/remix@^9',
         packageNameDisplayLabel: '@sentry/remix',
         alreadyInstalled: (0, package_json_1.hasPackageInstalled)('@sentry/remix', packageJson),
         forceInstall,
     });
     const dsn = selectedProject.keys[0].dsn.public;
-    const isTS = (0, clack_utils_1.isUsingTypeScript)();
+    const isTS = (0, clack_1.isUsingTypeScript)();
     const isV2 = (0, sdk_setup_1.isRemixV2)(remixConfig, packageJson);
     const viteConfig = (0, ast_utils_1.findFile)('vite.config');
-    const selectedFeatures = await (0, clack_utils_1.featureSelectionPrompt)([
+    const selectedFeatures = await (0, clack_1.featureSelectionPrompt)([
         {
             id: 'performance',
             prompt: `Do you want to enable ${chalk_1.default.bold('Tracing')} to track the performance of your application?`,
@@ -88,7 +91,7 @@ async function runRemixWizardWithTelemetry(options) {
                     url: sentryUrl === Constants_1.DEFAULT_URL ? undefined : sentryUrl,
                     isHydrogen: (0, utils_1.isHydrogenApp)(packageJson),
                 });
-                await (0, clack_utils_1.addSentryCliConfig)({ authToken }, clack_utils_1.rcCliSetupConfig);
+                await (0, clack_1.addSentryCliConfig)({ authToken }, clack_1.rcCliSetupConfig);
             }
             catch (e) {
                 prompts_1.default.log
@@ -171,7 +174,7 @@ async function runRemixWizardWithTelemetry(options) {
             (0, debug_1.debug)(e);
         }
     });
-    const shouldCreateExamplePage = await (0, clack_utils_1.askShouldCreateExamplePage)();
+    const shouldCreateExamplePage = await (0, clack_1.askShouldCreateExamplePage)();
     if (shouldCreateExamplePage) {
         await (0, telemetry_1.traceStep)('Create example page', async () => {
             await (0, sdk_example_1.createExamplePage)({
@@ -183,7 +186,9 @@ async function runRemixWizardWithTelemetry(options) {
             });
         });
     }
-    await (0, clack_utils_1.runPrettierIfInstalled)();
+    await (0, clack_1.runPrettierIfInstalled)({
+        cwd: undefined,
+    });
     prompts_1.default.outro(`
 ${chalk_1.default.green('Sentry has been successfully configured for your Remix project.')}
 

package/dist/src/remix/remix-wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"remix-wizard.js","sourceRoot":"","sources":["../../../src/remix/remix-wizard.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\nimport chalk from 'chalk';\n\nimport {\n  addSentryCliConfig,\n  askShouldCreateExamplePage,\n  confirmContinueIfNoOrDirtyGitRepo,\n  ensurePackageIsInstalled,\n  featureSelectionPrompt,\n  getOrAskForProjectData,\n  getPackageDotJson,\n  installPackage,\n  isUsingTypeScript,\n  printWelcome,\n  rcCliSetupConfig,\n  runPrettierIfInstalled,\n} from '../utils/clack-utils';\nimport { hasPackageInstalled } from '../utils/package-json';\nimport type { WizardOptions } from '../utils/types';\nimport {\n  initializeSentryOnEntryClient,\n  instrumentSentryOnEntryServer,\n  updateBuildScript,\n  instrumentRootRoute,\n  isRemixV2,\n  loadRemixConfig,\n  runRemixReveal,\n  insertServerInstrumentationFile,\n  createServerInstrumentationFile,\n  updateStartScript,\n} from './sdk-setup';\nimport { debug } from '../utils/debug';\nimport { traceStep, withTelemetry } from '../telemetry';\nimport { isHydrogenApp } from './utils';\nimport { DEFAULT_URL } from '../../lib/Constants';\nimport { findFile } from '../utils/ast-utils';\nimport { configureVitePlugin } from '../sourcemaps/tools/vite';\nimport { createExamplePage } from './sdk-example';\n\nexport async function runRemixWizard(options: WizardOptions): Promise<void> {\n  return withTelemetry(\n    {\n      enabled: options.telemetryEnabled,\n      integration: 'remix',\n      wizardOptions: options,\n    },\n    () => runRemixWizardWithTelemetry(options),\n  );\n}\n\nasync function runRemixWizardWithTelemetry(\n  options: WizardOptions,\n): Promise<void> {\n  const { promoCode, telemetryEnabled, forceInstall } = options;\n\n  printWelcome({\n    wizardName: 'Sentry Remix Wizard',\n    promoCode,\n    telemetryEnabled,\n  });\n\n  await confirmContinueIfNoOrDirtyGitRepo();\n\n  const remixConfig = await loadRemixConfig();\n  const packageJson = await getPackageDotJson();\n\n  // We expect `@remix-run/dev` to be installed for every Remix project\n  await ensurePackageIsInstalled(packageJson, '@remix-run/dev', 'Remix');\n\n  const { selectedProject, authToken, sentryUrl, selfHosted } =\n    await getOrAskForProjectData(options, 'javascript-remix');\n\n  await installPackage({\n    packageName: '@sentry/remix@^9',\n    packageNameDisplayLabel: '@sentry/remix',\n    alreadyInstalled: hasPackageInstalled('@sentry/remix', packageJson),\n    forceInstall,\n  });\n\n  const dsn = selectedProject.keys[0].dsn.public;\n\n  const isTS = isUsingTypeScript();\n  const isV2 = isRemixV2(remixConfig, packageJson);\n  const viteConfig = findFile('vite.config');\n  const selectedFeatures = await featureSelectionPrompt([\n    {\n      id: 'performance',\n      prompt: `Do you want to enable ${chalk.bold(\n        'Tracing',\n      )} to track the performance of your application?`,\n      enabledHint: 'recommended',\n    },\n    {\n      id: 'replay',\n      prompt: `Do you want to enable ${chalk.bold(\n        'Session Replay',\n      )} to get a video-like reproduction of errors during a user session?`,\n      enabledHint: 'recommended, but increases bundle size',\n    },\n  ] as const);\n\n  if (viteConfig) {\n    await traceStep(\n      'Update vite configuration for sourcemap uploads',\n      async () => {\n        try {\n          await configureVitePlugin({\n            orgSlug: selectedProject.organization.slug,\n            projectSlug: selectedProject.slug,\n            url: sentryUrl,\n            selfHosted,\n            authToken,\n          });\n        } catch (e) {\n          clack.log\n            .warn(`Could not update vite configuration to generate and upload sourcemaps.\n    Please update your vite configuration manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/sourcemaps/`);\n          debug(e);\n        }\n      },\n    );\n  } else {\n    await traceStep('Update build script for sourcemap uploads', async () => {\n      try {\n        await updateBuildScript({\n          org: selectedProject.organization.slug,\n          project: selectedProject.slug,\n          url: sentryUrl === DEFAULT_URL ? undefined : sentryUrl,\n          isHydrogen: isHydrogenApp(packageJson),\n        });\n\n        await addSentryCliConfig({ authToken }, rcCliSetupConfig);\n      } catch (e) {\n        clack.log\n          .warn(`Could not update build script to generate and upload sourcemaps.\n  Please update your build script manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/sourcemaps/`);\n        debug(e);\n      }\n    });\n  }\n\n  await traceStep('Instrument root route', async () => {\n    try {\n      await instrumentRootRoute(isV2, isTS);\n    } catch (e) {\n      clack.log.warn(`Could not instrument root route.\n  Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n      debug(e);\n    }\n  });\n\n  traceStep('Reveal missing entry files', () => {\n    try {\n      runRemixReveal(isTS);\n    } catch (e) {\n      clack.log.warn(`Could not run 'npx remix reveal'.\n  Please create your entry files manually`);\n      debug(e);\n    }\n  });\n\n  await traceStep('Initialize Sentry on client entry', async () => {\n    try {\n      await initializeSentryOnEntryClient(dsn, isTS, selectedFeatures);\n    } catch (e) {\n      clack.log.warn(`Could not initialize Sentry on client entry.\n  Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n      debug(e);\n    }\n  });\n\n  let instrumentationFile = '';\n\n  await traceStep('Create server instrumentation file', async () => {\n    try {\n      instrumentationFile = await createServerInstrumentationFile(\n        dsn,\n        selectedFeatures,\n      );\n    } catch (e) {\n      clack.log.warn(\n        'Could not create a server instrumentation file. Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/',\n      );\n      debug(e);\n    }\n  });\n\n  let serverFileInstrumented = false;\n\n  await traceStep(\n    'Create server instrumentation file and import it',\n    async () => {\n      try {\n        serverFileInstrumented = await insertServerInstrumentationFile(\n          dsn,\n          selectedFeatures,\n        );\n      } catch (e) {\n        clack.log.warn(\n          'Could not create a server instrumentation file. Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/',\n        );\n        debug(e);\n      }\n    },\n  );\n\n  if (!serverFileInstrumented && instrumentationFile) {\n    await traceStep(\n      'Update `start` script to import instrumentation file.',\n      async () => {\n        try {\n          await updateStartScript(instrumentationFile);\n        } catch (e) {\n          clack.log\n            .warn(`Could not automatically add Sentry initialization to server entry.\n    Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n          debug(e);\n        }\n      },\n    );\n  }\n\n  await traceStep('Instrument server `handleError`', async () => {\n    try {\n      await instrumentSentryOnEntryServer(isV2, isTS);\n    } catch (e) {\n      clack.log.warn(`Could not initialize Sentry on server entry.\n  Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n      debug(e);\n    }\n  });\n\n  const shouldCreateExamplePage = await askShouldCreateExamplePage();\n\n  if (shouldCreateExamplePage) {\n    await traceStep('Create example page', async () => {\n      await createExamplePage({\n        isTS,\n        selfHosted,\n        orgSlug: selectedProject.organization.slug,\n        projectId: selectedProject.id,\n        url: sentryUrl,\n      });\n    });\n  }\n\n  await runPrettierIfInstalled();\n\n  clack.outro(`\n${chalk.green(\n  'Sentry has been successfully configured for your Remix project.',\n)}\n\n${chalk.cyan('You can now deploy your project to see Sentry in action.')}\n\n${chalk.cyan(\n  `To learn more about how to use Sentry with Remix, visit our documentation:\nhttps://docs.sentry.io/platforms/javascript/guides/remix/`,\n)}`);\n}\n"]}
+{"version":3,"file":"remix-wizard.js","sourceRoot":"","sources":["../../../src/remix/remix-wizard.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\nimport chalk from 'chalk';\n\nimport { DEFAULT_URL } from '../../lib/Constants';\nimport { configureVitePlugin } from '../sourcemaps/tools/vite';\nimport { traceStep, withTelemetry } from '../telemetry';\nimport { findFile } from '../utils/ast-utils';\nimport {\n  addSentryCliConfig,\n  askShouldCreateExamplePage,\n  confirmContinueIfNoOrDirtyGitRepo,\n  ensurePackageIsInstalled,\n  featureSelectionPrompt,\n  getOrAskForProjectData,\n  getPackageDotJson,\n  installPackage,\n  isUsingTypeScript,\n  printWelcome,\n  rcCliSetupConfig,\n  runPrettierIfInstalled,\n} from '../utils/clack';\nimport { debug } from '../utils/debug';\nimport { hasPackageInstalled } from '../utils/package-json';\nimport type { WizardOptions } from '../utils/types';\nimport { createExamplePage } from './sdk-example';\nimport {\n  createServerInstrumentationFile,\n  initializeSentryOnEntryClient,\n  insertServerInstrumentationFile,\n  instrumentRootRoute,\n  instrumentSentryOnEntryServer,\n  isRemixV2,\n  loadRemixConfig,\n  runRemixReveal,\n  updateBuildScript,\n  updateStartScript,\n} from './sdk-setup';\nimport { isHydrogenApp } from './utils';\n\nexport async function runRemixWizard(options: WizardOptions): Promise<void> {\n  return withTelemetry(\n    {\n      enabled: options.telemetryEnabled,\n      integration: 'remix',\n      wizardOptions: options,\n    },\n    () => runRemixWizardWithTelemetry(options),\n  );\n}\n\nasync function runRemixWizardWithTelemetry(\n  options: WizardOptions,\n): Promise<void> {\n  const { promoCode, telemetryEnabled, forceInstall } = options;\n\n  printWelcome({\n    wizardName: 'Sentry Remix Wizard',\n    promoCode,\n    telemetryEnabled,\n  });\n\n  await confirmContinueIfNoOrDirtyGitRepo({\n    ignoreGitChanges: options.ignoreGitChanges,\n    cwd: undefined,\n  });\n\n  const remixConfig = await loadRemixConfig();\n  const packageJson = await getPackageDotJson();\n\n  // We expect `@remix-run/dev` to be installed for every Remix project\n  await ensurePackageIsInstalled(packageJson, '@remix-run/dev', 'Remix');\n\n  const { selectedProject, authToken, sentryUrl, selfHosted } =\n    await getOrAskForProjectData(options, 'javascript-remix');\n\n  await installPackage({\n    packageName: '@sentry/remix@^9',\n    packageNameDisplayLabel: '@sentry/remix',\n    alreadyInstalled: hasPackageInstalled('@sentry/remix', packageJson),\n    forceInstall,\n  });\n\n  const dsn = selectedProject.keys[0].dsn.public;\n\n  const isTS = isUsingTypeScript();\n  const isV2 = isRemixV2(remixConfig, packageJson);\n  const viteConfig = findFile('vite.config');\n  const selectedFeatures = await featureSelectionPrompt([\n    {\n      id: 'performance',\n      prompt: `Do you want to enable ${chalk.bold(\n        'Tracing',\n      )} to track the performance of your application?`,\n      enabledHint: 'recommended',\n    },\n    {\n      id: 'replay',\n      prompt: `Do you want to enable ${chalk.bold(\n        'Session Replay',\n      )} to get a video-like reproduction of errors during a user session?`,\n      enabledHint: 'recommended, but increases bundle size',\n    },\n  ] as const);\n\n  if (viteConfig) {\n    await traceStep(\n      'Update vite configuration for sourcemap uploads',\n      async () => {\n        try {\n          await configureVitePlugin({\n            orgSlug: selectedProject.organization.slug,\n            projectSlug: selectedProject.slug,\n            url: sentryUrl,\n            selfHosted,\n            authToken,\n          });\n        } catch (e) {\n          clack.log\n            .warn(`Could not update vite configuration to generate and upload sourcemaps.\n    Please update your vite configuration manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/sourcemaps/`);\n          debug(e);\n        }\n      },\n    );\n  } else {\n    await traceStep('Update build script for sourcemap uploads', async () => {\n      try {\n        await updateBuildScript({\n          org: selectedProject.organization.slug,\n          project: selectedProject.slug,\n          url: sentryUrl === DEFAULT_URL ? undefined : sentryUrl,\n          isHydrogen: isHydrogenApp(packageJson),\n        });\n\n        await addSentryCliConfig({ authToken }, rcCliSetupConfig);\n      } catch (e) {\n        clack.log\n          .warn(`Could not update build script to generate and upload sourcemaps.\n  Please update your build script manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/sourcemaps/`);\n        debug(e);\n      }\n    });\n  }\n\n  await traceStep('Instrument root route', async () => {\n    try {\n      await instrumentRootRoute(isV2, isTS);\n    } catch (e) {\n      clack.log.warn(`Could not instrument root route.\n  Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n      debug(e);\n    }\n  });\n\n  traceStep('Reveal missing entry files', () => {\n    try {\n      runRemixReveal(isTS);\n    } catch (e) {\n      clack.log.warn(`Could not run 'npx remix reveal'.\n  Please create your entry files manually`);\n      debug(e);\n    }\n  });\n\n  await traceStep('Initialize Sentry on client entry', async () => {\n    try {\n      await initializeSentryOnEntryClient(dsn, isTS, selectedFeatures);\n    } catch (e) {\n      clack.log.warn(`Could not initialize Sentry on client entry.\n  Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n      debug(e);\n    }\n  });\n\n  let instrumentationFile = '';\n\n  await traceStep('Create server instrumentation file', async () => {\n    try {\n      instrumentationFile = await createServerInstrumentationFile(\n        dsn,\n        selectedFeatures,\n      );\n    } catch (e) {\n      clack.log.warn(\n        'Could not create a server instrumentation file. Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/',\n      );\n      debug(e);\n    }\n  });\n\n  let serverFileInstrumented = false;\n\n  await traceStep(\n    'Create server instrumentation file and import it',\n    async () => {\n      try {\n        serverFileInstrumented = await insertServerInstrumentationFile(\n          dsn,\n          selectedFeatures,\n        );\n      } catch (e) {\n        clack.log.warn(\n          'Could not create a server instrumentation file. Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/',\n        );\n        debug(e);\n      }\n    },\n  );\n\n  if (!serverFileInstrumented && instrumentationFile) {\n    await traceStep(\n      'Update `start` script to import instrumentation file.',\n      async () => {\n        try {\n          await updateStartScript(instrumentationFile);\n        } catch (e) {\n          clack.log\n            .warn(`Could not automatically add Sentry initialization to server entry.\n    Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n          debug(e);\n        }\n      },\n    );\n  }\n\n  await traceStep('Instrument server `handleError`', async () => {\n    try {\n      await instrumentSentryOnEntryServer(isV2, isTS);\n    } catch (e) {\n      clack.log.warn(`Could not initialize Sentry on server entry.\n  Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);\n      debug(e);\n    }\n  });\n\n  const shouldCreateExamplePage = await askShouldCreateExamplePage();\n\n  if (shouldCreateExamplePage) {\n    await traceStep('Create example page', async () => {\n      await createExamplePage({\n        isTS,\n        selfHosted,\n        orgSlug: selectedProject.organization.slug,\n        projectId: selectedProject.id,\n        url: sentryUrl,\n      });\n    });\n  }\n\n  await runPrettierIfInstalled({\n    cwd: undefined,\n  });\n\n  clack.outro(`\n${chalk.green(\n  'Sentry has been successfully configured for your Remix project.',\n)}\n\n${chalk.cyan('You can now deploy your project to see Sentry in action.')}\n\n${chalk.cyan(\n  `To learn more about how to use Sentry with Remix, visit our documentation:\nhttps://docs.sentry.io/platforms/javascript/guides/remix/`,\n)}`);\n}\n"]}

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSentryExamplePageContents = exports.createExamplePage = void 0;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
-// @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 prompts_1 = __importDefault(require("@clack/prompts"));
 /**
  * Creates an example Remix page to test Sentry
@@ -52,71 +52,170 @@ function getSentryExamplePageContents(options) {
     const issuesPageLink = options.selfHosted
         ? `${options.url}organizations/${options.orgSlug}/issues/?project=${options.projectId}`
         : `https://${options.orgSlug}.sentry.io/issues/?project=${options.projectId}`;
-    return `
+    return `import * as Sentry from "@sentry/remix";
+import { useState } from "react";
+
+export const meta = () => {
+  return [
+    { title: "sentry-example-page" },
+  ];
+}
+
 export default function SentryExamplePage() {
-    return (
-        <div>
-            <main
-            style={{
-                minHeight: "100vh",
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center",
-            }}
-            >
-
-            <h1 style={{ fontSize: "4rem", margin: "14px 0" }}>
-                {/* biome-ignore lint/a11y/noSvgWithoutTitle: <explanation> */}
-                <svg
-                style={{
-                    height: "1em",
-                }}
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 200 44"
-                >
-                <path
-                    fill="currentColor"
-                    d="M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z"
-                />
-                </svg>
-            </h1>
-
-            <p>Get started by sending us a sample error:</p>
-
-            <button
-                type="button"
-                style={{
-                padding: "12px",
-                cursor: "pointer",
-                backgroundColor: "#AD6CAA",
-                borderRadius: "4px",
-                border: "none",
-                color: "white",
-                fontSize: "14px",
-                margin: "18px",
-                }}
-                onClick={() => {
-                    throw new Error("Sentry Example Frontend Error");
-                }}
-            >
-                Throw error!
-            </button>
-
-            <p>
-                Next, look for the error on the{" "}
-                <a href="${issuesPageLink}">Issues Page</a>.
-            </p>
-            <p style={{ marginTop: "24px" }}>
-                For more information, see{" "}
-                <a href="https://docs.sentry.io/platforms/javascript/guides/remix/">
-                https://docs.sentry.io/platforms/javascript/guides/remix/
-                </a>
-            </p>
-            </main>
-        </div>
-    );
+  const [hasSentError, setHasSentError] = useState(false);
+
+  return (
+    <div>
+      <main>
+        <div className="flex-spacer" />
+        <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>
+          sentry-example-page
+        </h1>
+
+        <p className="description">
+          Click the button below, and view the sample error on the Sentry <a target="_blank" rel="noreferrer" href="${issuesPageLink}">Issues Page</a>. 
+          For more details about setting up Sentry, <a target="_blank" rel="noreferrer" href="https://docs.sentry.io/platforms/javascript/guides/remix/">read our docs</a>.
+        </p>
+
+        <button
+          type="button"
+          onClick={async () => {
+            await Sentry.startSpan({
+              name: 'Example Frontend Span',
+              op: 'test'
+            }, async () => {
+              const res = await fetch("/api/sentry-example-api");
+              if (!res.ok) {
+                setHasSentError(true);
+                throw new Error("Sentry Example Frontend Error");
+              }
+            });
+          }}
+        >
+          <span>
+            Throw Sample Error
+          </span>
+        </button>
+
+        {hasSentError ? (
+          <p className="success">
+            Sample error was sent to Sentry.
+          </p>
+        ) : (
+          <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 ;) */}
+      <style dangerouslySetInnerHTML={{ __html: styles }}></style>
+    </div>
+  );
 }
+
+const styles = \`
+  main {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 16px;
+    padding: 16px;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+  }
+
+  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);
+    }
+  }
+
+  .description {
+    text-align: center;
+    color: #6E6C75;
+    max-width: 500px;
+    line-height: 1.5;
+    font-size: 20px;
+
+    @media (prefers-color-scheme: dark) {
+      color: #A49FB5;
+    }
+  }
+
+  .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;
+  }
+\`;
 `;
 }
 exports.getSentryExamplePageContents = getSentryExamplePageContents;

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

@@ -1 +1 @@
-{"version":3,"file":"sdk-example.js","sourceRoot":"","sources":["../../../src/remix/sdk-example.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyB;AACzB,2CAA6B;AAC7B,yEAAyE;AACzE,6DAAmC;AAEnC;;GAEG;AACI,KAAK,UAAU,iBAAiB,CAAC,OAMvC;IACC,MAAM,UAAU,GAAG,YAAY,CAAC;IAEhC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAC9B,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;KAC/C;IAED,MAAM,gBAAgB,GAAG,kCACvB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IACxB,GAAG,CAAC;IAEJ,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QACnC,iBAAK,CAAC,GAAG,CAAC,IAAI,CACZ,uDAAuD,IAAI,CAAC,QAAQ,CAClE,gBAAgB,CACjB,wCAAwC,CAC1C,CAAC;QACF,OAAO;KACR;IAED,MAAM,EAAE,CAAC,QAAQ,CAAC,SAAS,CACzB,gBAAgB,EAChB,4BAA4B,CAAC,OAAO,CAAC,CACtC,CAAC;IAEF,iBAAK,CAAC,GAAG,CAAC,IAAI,CAAC,kCAAkC,gBAAgB,GAAG,CAAC,CAAC;AACxE,CAAC;AAhCD,8CAgCC;AAED,SAAgB,4BAA4B,CAAC,OAM5C;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAqDkB,cAAc;;;;;;;;;;;;CAYxC,CAAC;AACF,CAAC;AA7ED,oEA6EC","sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n// @ts-ignore - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\n\n/**\n * Creates an example Remix page to test Sentry\n */\nexport async function createExamplePage(options: {\n  selfHosted: boolean;\n  orgSlug: string;\n  projectId: string;\n  url: string;\n  isTS: boolean;\n}) {\n  const routesPath = 'app/routes';\n\n  if (!fs.existsSync(routesPath)) {\n    fs.mkdirSync(routesPath, { recursive: true });\n  }\n\n  const exampleRoutePath = `app/routes/sentry-example-page.${\n    options.isTS ? 'ts' : 'js'\n  }x`;\n\n  if (fs.existsSync(exampleRoutePath)) {\n    clack.log.warn(\n      `It seems like a sentry example page already exists (${path.basename(\n        exampleRoutePath,\n      )}). Skipping creation of example route.`,\n    );\n    return;\n  }\n\n  await fs.promises.writeFile(\n    exampleRoutePath,\n    getSentryExamplePageContents(options),\n  );\n\n  clack.log.info(`Created sentry example page at ${exampleRoutePath}.`);\n}\n\nexport function getSentryExamplePageContents(options: {\n  selfHosted: boolean;\n  orgSlug: string;\n  projectId: string;\n  url: string;\n  isTS?: boolean;\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 `\nexport default function SentryExamplePage() {\n    return (\n        <div>\n            <main\n            style={{\n                minHeight: \"100vh\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            }}\n            >\n\n            <h1 style={{ fontSize: \"4rem\", margin: \"14px 0\" }}>\n                {/* biome-ignore lint/a11y/noSvgWithoutTitle: <explanation> */}\n                <svg\n                style={{\n                    height: \"1em\",\n                }}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 200 44\"\n                >\n                <path\n                    fill=\"currentColor\"\n                    d=\"M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z\"\n                />\n                </svg>\n            </h1>\n\n            <p>Get started by sending us a sample error:</p>\n\n            <button\n                type=\"button\"\n                style={{\n                padding: \"12px\",\n                cursor: \"pointer\",\n                backgroundColor: \"#AD6CAA\",\n                borderRadius: \"4px\",\n                border: \"none\",\n                color: \"white\",\n                fontSize: \"14px\",\n                margin: \"18px\",\n                }}\n                onClick={() => {\n                    throw new Error(\"Sentry Example Frontend Error\");\n                }}\n            >\n                Throw error!\n            </button>\n\n            <p>\n                Next, look for the error on the{\" \"}\n                <a href=\"${issuesPageLink}\">Issues Page</a>.\n            </p>\n            <p style={{ marginTop: \"24px\" }}>\n                For more information, see{\" \"}\n                <a href=\"https://docs.sentry.io/platforms/javascript/guides/remix/\">\n                https://docs.sentry.io/platforms/javascript/guides/remix/\n                </a>\n            </p>\n            </main>\n        </div>\n    );\n}\n`;\n}\n"]}
+{"version":3,"file":"sdk-example.js","sourceRoot":"","sources":["../../../src/remix/sdk-example.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyB;AACzB,2CAA6B;AAC7B,+EAA+E;AAC/E,6DAAmC;AAEnC;;GAEG;AACI,KAAK,UAAU,iBAAiB,CAAC,OAMvC;IACC,MAAM,UAAU,GAAG,YAAY,CAAC;IAEhC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAC9B,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;KAC/C;IAED,MAAM,gBAAgB,GAAG,kCACvB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IACxB,GAAG,CAAC;IAEJ,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QACnC,iBAAK,CAAC,GAAG,CAAC,IAAI,CACZ,uDAAuD,IAAI,CAAC,QAAQ,CAClE,gBAAgB,CACjB,wCAAwC,CAC1C,CAAC;QACF,OAAO;KACR;IAED,MAAM,EAAE,CAAC,QAAQ,CAAC,SAAS,CACzB,gBAAgB,EAChB,4BAA4B,CAAC,OAAO,CAAC,CACtC,CAAC;IAEF,iBAAK,CAAC,GAAG,CAAC,IAAI,CAAC,kCAAkC,gBAAgB,GAAG,CAAC,CAAC;AACxE,CAAC;AAhCD,8CAgCC;AAED,SAAgB,4BAA4B,CAAC,OAM5C;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;;;;;;;;;;;;;;;;;;;;;;;;sHAwB6G,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4InI,CAAC;AACF,CAAC;AAhLD,oEAgLC","sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\n\n/**\n * Creates an example Remix page to test Sentry\n */\nexport async function createExamplePage(options: {\n  selfHosted: boolean;\n  orgSlug: string;\n  projectId: string;\n  url: string;\n  isTS: boolean;\n}) {\n  const routesPath = 'app/routes';\n\n  if (!fs.existsSync(routesPath)) {\n    fs.mkdirSync(routesPath, { recursive: true });\n  }\n\n  const exampleRoutePath = `app/routes/sentry-example-page.${\n    options.isTS ? 'ts' : 'js'\n  }x`;\n\n  if (fs.existsSync(exampleRoutePath)) {\n    clack.log.warn(\n      `It seems like a sentry example page already exists (${path.basename(\n        exampleRoutePath,\n      )}). Skipping creation of example route.`,\n    );\n    return;\n  }\n\n  await fs.promises.writeFile(\n    exampleRoutePath,\n    getSentryExamplePageContents(options),\n  );\n\n  clack.log.info(`Created sentry example page at ${exampleRoutePath}.`);\n}\n\nexport function getSentryExamplePageContents(options: {\n  selfHosted: boolean;\n  orgSlug: string;\n  projectId: string;\n  url: string;\n  isTS?: boolean;\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 `import * as Sentry from \"@sentry/remix\";\nimport { useState } from \"react\";\n\nexport const meta = () => {\n  return [\n    { title: \"sentry-example-page\" },\n  ];\n}\n\nexport default function SentryExamplePage() {\n  const [hasSentError, setHasSentError] = useState(false);\n\n  return (\n    <div>\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\" rel=\"noreferrer\" href=\"${issuesPageLink}\">Issues Page</a>. \n          For more details about setting up Sentry, <a target=\"_blank\" rel=\"noreferrer\" href=\"https://docs.sentry.io/platforms/javascript/guides/remix/\">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 Error(\"Sentry Example Frontend Error\");\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        ) : (\n          <div className=\"success_placeholder\" />\n        )}\n\n        <div className=\"flex-spacer\" />\n        <p className=\"description\">\n          Adblockers will prevent errors from being sent to Sentry.\n        </p>\n      </main>\n\n      {/* Not for production use! We're just saving you from having to delete an extra CSS file ;) */}\n      <style dangerouslySetInnerHTML={{ __html: styles }}></style>\n    </div>\n  );\n}\n\nconst styles = \\`\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`;\n}\n"]}