diff --git a/docs/platforms/javascript/common/configuration/filtering.mdx b/docs/platforms/javascript/common/configuration/filtering.mdx index bab598465223c..8d3fa2d9b9428 100644 --- a/docs/platforms/javascript/common/configuration/filtering.mdx +++ b/docs/platforms/javascript/common/configuration/filtering.mdx @@ -103,58 +103,7 @@ This allows you to filter out errors with "unmarked" stack frames, which would i To set up this integration and to mark your JavaScript files with an application key, first pass an `applicationKey` option to your Sentry bundler plugin. This can be an arbitrary string that identifies your application code: -```ts {tabTitle:Vite} {8} -// vite.config.ts -import { defineConfig } from "vite"; -import { sentryVitePlugin } from "@sentry/vite-plugin"; - -export default defineConfig({ - plugins: [ - sentryVitePlugin({ - applicationKey: "your-custom-application-key", - }), - ], -}); -``` - -```js {tabTitle:Webpack} {7} -// webpack.config.js -const { sentryWebpackPlugin } = require("@sentry/webpack-plugin"); - -module.exports = { - plugins: [ - sentryWebpackPlugin({ - applicationKey: "your-custom-application-key", - }), - ], -}; -``` - -```js {tabTitle:esbuild} {7} -// esbuild.config.js -const { sentryEsbuildPlugin } = require("@sentry/esbuild-plugin"); - -require("esbuild").build({ - plugins: [ - sentryEsbuildPlugin({ - applicationKey: "your-custom-application-key", - }), - ], -}); -``` - -```js {tabTitle:Rollup} {7} -// rollup.config.mjs -import { sentryRollupPlugin } from "@sentry/rollup-plugin"; - -export default { - plugins: [ - sentryRollupPlugin({ - applicationKey: "your-custom-application-key", - }), - ], -}; -``` + Next, add the `thirdPartyErrorFilterIntegration` to your Sentry initialization: diff --git a/platform-includes/configuration/filter-application-key/javascript.mdx b/platform-includes/configuration/filter-application-key/javascript.mdx new file mode 100644 index 0000000000000..1acd85544ef6a --- /dev/null +++ b/platform-includes/configuration/filter-application-key/javascript.mdx @@ -0,0 +1,52 @@ +```ts {tabTitle:Vite} {8} +// vite.config.ts +import { defineConfig } from "vite"; +import { sentryVitePlugin } from "@sentry/vite-plugin"; + +export default defineConfig({ + plugins: [ + sentryVitePlugin({ + applicationKey: "your-custom-application-key", + }), + ], +}); +``` + +```js {tabTitle:Webpack} {7} +// webpack.config.js +const { sentryWebpackPlugin } = require("@sentry/webpack-plugin"); + +module.exports = { + plugins: [ + sentryWebpackPlugin({ + applicationKey: "your-custom-application-key", + }), + ], +}; +``` + +```js {tabTitle:esbuild} {7} +// esbuild.config.js +const { sentryEsbuildPlugin } = require("@sentry/esbuild-plugin"); + +require("esbuild").build({ + plugins: [ + sentryEsbuildPlugin({ + applicationKey: "your-custom-application-key", + }), + ], +}); +``` + +```js {tabTitle:Rollup} {7} +// rollup.config.mjs +import { sentryRollupPlugin } from "@sentry/rollup-plugin"; + +export default { + plugins: [ + sentryRollupPlugin({ + applicationKey: "your-custom-application-key", + }), + ], +}; +``` diff --git a/platform-includes/configuration/filter-application-key/javascript.nextjs.mdx b/platform-includes/configuration/filter-application-key/javascript.nextjs.mdx new file mode 100644 index 0000000000000..0252e242417a0 --- /dev/null +++ b/platform-includes/configuration/filter-application-key/javascript.nextjs.mdx @@ -0,0 +1,15 @@ +```javascript {tabTitle:CJS} {filename:next.config.js} {3} +module.exports = withSentryConfig(nextConfig, { + unstable_sentryWebpackPluginOptions: { + applicationKey: "your-custom-application-key", + }, +}); +``` + +```javascript {tabTitle:ESM} {filename:next.config.mjs} {3} +export default withSentryConfig(nextConfig, { + unstable_sentryWebpackPluginOptions: { + applicationKey: "your-custom-application-key", + }, +}); +``` diff --git a/platform-includes/configuration/filter-application-key/javascript.nuxt.mdx b/platform-includes/configuration/filter-application-key/javascript.nuxt.mdx new file mode 100644 index 0000000000000..86f21b9b341fc --- /dev/null +++ b/platform-includes/configuration/filter-application-key/javascript.nuxt.mdx @@ -0,0 +1,10 @@ +```javascript {tabTitle:Nuxt Config} {filename:nuxt.config.ts} {4} +export default defineNuxtConfig({ + sentry: { + unstable_sentryBundlerPluginOptions: { + applicationKey: "your-custom-application-key", + }, + }, +}); + +``` diff --git a/platform-includes/configuration/filter-application-key/javascript.react-router.mdx b/platform-includes/configuration/filter-application-key/javascript.react-router.mdx new file mode 100644 index 0000000000000..e55bb9351f311 --- /dev/null +++ b/platform-includes/configuration/filter-application-key/javascript.react-router.mdx @@ -0,0 +1,14 @@ +```js {tabTitle:Vite} {filename:vite.config.ts} {3} +const sentryConfig = { + unstable_sentryVitePluginOptions: { + applicationKey: "your-custom-application-key", + }, +}; + +export default defineConfig((config) => { + return { + plugins: [reactRouter(), sentryReactRouter(sentryConfig, config)], + sentryConfig, + }; +}); +``` diff --git a/platform-includes/configuration/filter-application-key/javascript.solidstart.mdx b/platform-includes/configuration/filter-application-key/javascript.solidstart.mdx new file mode 100644 index 0000000000000..8c5781af56213 --- /dev/null +++ b/platform-includes/configuration/filter-application-key/javascript.solidstart.mdx @@ -0,0 +1,16 @@ +```js {tabTitle:Vite} {filename:app.config.ts} {9} +export default defineConfig( + withSentry( + { + /* Your SolidStart config */ + }, + { + sourceMapsUploadOptions: { + unstable_sentryVitePluginOptions: { + applicationKey: "your-custom-application-key", + }, + }, + }, + ), +); +``` diff --git a/platform-includes/configuration/filter-application-key/javascript.sveltekit.mdx b/platform-includes/configuration/filter-application-key/javascript.sveltekit.mdx new file mode 100644 index 0000000000000..753d05612fd7c --- /dev/null +++ b/platform-includes/configuration/filter-application-key/javascript.sveltekit.mdx @@ -0,0 +1,13 @@ +```js {tabTitle:Vite} {filename:vite.config.js} {6} +export default defineConfig({ + plugins: [ + sentrySvelteKit({ + sourceMapsUploadOptions: { + unstable_sentryVitePluginOptions: { + applicationKey: "your-custom-application-key", + }, + }, + }) + ] +}); +```