From 0ece360b85427239ac4b2cd03d2cc6b3acb6d4b2 Mon Sep 17 00:00:00 2001 From: Lucas Date: Wed, 13 Mar 2024 15:15:21 +0000 Subject: [PATCH 1/2] working --- .../overview/javascript.capacitor.mdx | 47 +++++++++++++++++++ .../primer/javascript.capacitor.mdx | 3 ++ 2 files changed, 50 insertions(+) create mode 100644 platform-includes/sourcemaps/overview/javascript.capacitor.mdx create mode 100644 platform-includes/sourcemaps/primer/javascript.capacitor.mdx diff --git a/platform-includes/sourcemaps/overview/javascript.capacitor.mdx b/platform-includes/sourcemaps/overview/javascript.capacitor.mdx new file mode 100644 index 0000000000000..08643ca03fd3e --- /dev/null +++ b/platform-includes/sourcemaps/overview/javascript.capacitor.mdx @@ -0,0 +1,47 @@ +## Uploading Source Maps + +The easiest way to configure uploading source maps is by using the Sentry Wizard: + + + +After choosing your Sentry project, the setup process will prompt you to select a framework. This step is crucial for configuring Sentry correctly. Make sure to choose the appropriate framework based on your project’s requirements. + +```example +◆ Which framework, bundler or build tool are you using? +│ ○ Angular +│ ○ Create React App +│ ○ Next.js +│ ○ Remix +│ ● Webpack +│ ● Vite (Select this if you are using Vite and you have access to your Vite config.) +│ ● esbuild +│ ○ Rollup +│ ○ tsc +│ ○ I use another tool +│ ○ I don't minify, transpile or bundle my code +└ +``` + +If your project uses `Ionic build` for building your project, select the `tsc` option, otherwise, select `Angular`, `Webpack`, `Vite`, or `tsc` for the build script in your `package.json` file. + +## Manual Source Maps upload + +If you want to configure source maps upload manually, follow the guide for your bundler or build tool below. + +### Sentry Bundler Supporte + +- webpack +- Rollup +- Vite +- esbuild + +### Guides + +- TypeScript (tsc) + + If you're using one of webpack, Vite, Rollup or Esbuild, use the + corresponding Sentry plugin instead (see section "Sentry Bundler Support"). + +- UglifyJS +- SystemJS +- [GitHub Actions](/product/releases/setup/release-automation/github-actions/) diff --git a/platform-includes/sourcemaps/primer/javascript.capacitor.mdx b/platform-includes/sourcemaps/primer/javascript.capacitor.mdx new file mode 100644 index 0000000000000..2b4dd533c8108 --- /dev/null +++ b/platform-includes/sourcemaps/primer/javascript.capacitor.mdx @@ -0,0 +1,3 @@ +To enable readable stack traces in your Sentry errors, you need to upload your source maps to Sentry. + +![Readable Stack Traces](/platform-includes/sourcemaps/primer/readable-stacktraces.png) From 0952058e68494ab86c86302507677143b3a47c2b Mon Sep 17 00:00:00 2001 From: Lucas Date: Wed, 13 Mar 2024 15:23:01 +0000 Subject: [PATCH 2/2] wording --- .../sourcemaps/overview/javascript.capacitor.mdx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/platform-includes/sourcemaps/overview/javascript.capacitor.mdx b/platform-includes/sourcemaps/overview/javascript.capacitor.mdx index 08643ca03fd3e..7947225f2da22 100644 --- a/platform-includes/sourcemaps/overview/javascript.capacitor.mdx +++ b/platform-includes/sourcemaps/overview/javascript.capacitor.mdx @@ -8,7 +8,7 @@ After choosing your Sentry project, the setup process will prompt you to select ```example ◆ Which framework, bundler or build tool are you using? -│ ○ Angular +│ ● Angular │ ○ Create React App │ ○ Next.js │ ○ Remix @@ -16,13 +16,14 @@ After choosing your Sentry project, the setup process will prompt you to select │ ● Vite (Select this if you are using Vite and you have access to your Vite config.) │ ● esbuild │ ○ Rollup -│ ○ tsc +│ ● tsc │ ○ I use another tool │ ○ I don't minify, transpile or bundle my code └ ``` - -If your project uses `Ionic build` for building your project, select the `tsc` option, otherwise, select `Angular`, `Webpack`, `Vite`, or `tsc` for the build script in your `package.json` file. + + If your project uses `Ionic build` for building your project, select the `tsc` option. + ## Manual Source Maps upload