Skip to content

Commit 8584284

Browse files
committed
Merge branch 'master' of github.com:getsentry/sentry-docs into smi/react/router-clean-up
2 parents a8ed4d4 + d08d170 commit 8584284

File tree

19 files changed

+309
-121
lines changed

19 files changed

+309
-121
lines changed

apps/changelog/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
"@radix-ui/react-icons": "^1.3.2",
2626
"@radix-ui/react-toolbar": "^1.1.0",
2727
"@radix-ui/themes": "^3.1.3",
28-
"@sentry/nextjs": "9.9.0",
28+
"@sentry/nextjs": "9.10.1",
2929
"@spotlightjs/spotlight": "^2.1.1",
3030
"next": "15.2.3",
3131
"next-auth": "^4.24.5",
@@ -68,4 +68,4 @@
6868
"@types/react": "npm:[email protected]",
6969
"@types/react-dom": "npm:[email protected]"
7070
}
71-
}
71+
}

apps/changelog/sentry.client.config.ts renamed to apps/changelog/src/instrumentation-client.ts

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,3 @@
1-
// This file configures the initialization of Sentry on the client.
2-
// The config you add here will be used whenever a users loads a page in their browser.
3-
// https://docs.sentry.io/platforms/javascript/guides/nextjs/
4-
51
import * as SentryCore from '@sentry/core';
62
import * as Sentry from '@sentry/nextjs';
73
import * as Spotlight from '@spotlightjs/spotlight';

develop-docs/development-infrastructure/continuous-integration.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ You might also be interested in <Link to="/development/environment/#troubleshoot
3232

3333
**Problem:**
3434

35-
When pushing your build to staging and you it fails the `Ensure test image` step on Travis.
35+
When pushing your build to staging and it fails the `Ensure test image` step on Travis.
3636

3737
**Solution:**
3838

docs/platforms/javascript/common/troubleshooting/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@ A tunnel is an HTTP endpoint that acts as a proxy between Sentry and your applic
159159

160160
Starting with version `6.7.0` of the JavaScript SDK, you can use the `tunnel` option to tell the SDK to deliver events to the configured URL, instead of using the DSN. This allows the SDK to remove `sentry_key` from the query parameters, which is one of the main reasons ad-blockers prevent sending events in the first place. This option also stops the SDK from sending preflight requests, which was one of the requirements that necessitated sending the `sentry_key` in the query parameters.
161161

162-
To enable the `tunnel` option, provide either a relative or an absolute URL in your `Sentry.init` call. When you use a relative URL, it's relative to the current origin, and this is the form that we recommend. Using a relative URL will not trigger a preflight CORS request, so no events will be blocked, because the ad-blocker will not treat these events as third-party requests.
162+
To enable the `tunnel` option, provide either a relative or an absolute URL in your `Sentry.init` call. When you use a relative URL, it's relative to the current origin, and this is the form that we recommend. Using a relative URL will not trigger a preflight CORS request, so no events will be blocked, because the ad-blocker will not treat these events as third-party requests. When using tunneling with server-side SDKs like `@sentry/node` or `@sentry/bun` you must provide an absolute URL.
163163

164164
```javascript
165165
Sentry.init({

docs/platforms/javascript/guides/aws-lambda/install/cjs-layer.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: "Learn how to add the Sentry Node Lambda Layer to use Sentry in you
44
sidebar_order: 1
55
---
66

7-
The easiest way to get started with Sentry is to use the Sentry [Lambda Layer](https://docs.aws.amazon.com/Lambda/latest/dg/configuration-layers.html) instead of adding `@sentry/aws-serverless` with `npm` or `yarn` [manually](../cjs-npm).
7+
The easiest way to get started with Sentry is to use the Sentry [Lambda Layer](https://docs.aws.amazon.com/lambda/latest/dg/adding-layers.html) instead of adding `@sentry/aws-serverless` with `npm` or `yarn` [manually](../cjs-npm).
88
If you follow this guide, you don't have to worry about deploying Sentry dependencies alongside your function code.
99
To actually start the SDK, you can decide between setting up the SDK using environment variables or in your Lambda function code. We recommend using environment variables as it's the easiest way to get started. [Initializing the SDK in code](#alternative-initialize-the-sdk-in-code) instead of setting environment variables gives you more control over the SDK setup if you need it.
1010

docs/platforms/javascript/guides/svelte/index.mdx

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,47 @@ Configuration should happen as early as possible in your application's lifecycle
4444

4545
To use the SDK, initialize it in your Svelte entry point before bootstrapping your app. In a typical Svelte project, that is your `main.js` or `main.ts` file.
4646

47-
```javascript {filename: main.js} {"onboardingOptions": {"performance": "10, 13-20", "session-replay": "11, 23-29"}}
47+
```javascript {tabTitle: Svelte v5+} {filename: main.js} {"onboardingOptions": {"performance": "11, 14-21", "session-replay": "12, 24-30"}}
48+
import { mount } from "svelte";
49+
import "./app.css";
50+
import App from "./App.svelte";
51+
52+
import * as Sentry from "@sentry/svelte";
53+
54+
// Initialize the Sentry SDK here
55+
Sentry.init({
56+
dsn: "___PUBLIC_DSN___",
57+
integrations: [
58+
Sentry.browserTracingIntegration(),
59+
Sentry.replayIntegration(),
60+
],
61+
62+
// Set tracesSampleRate to 1.0 to capture 100%
63+
// of transactions for tracing.
64+
// We recommend adjusting this value in production
65+
// Learn more at
66+
// https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
67+
tracesSampleRate: 1.0,
68+
69+
// Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
70+
tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
71+
72+
// Capture Replay for 10% of all sessions,
73+
// plus 100% of sessions with an error
74+
// Learn more at
75+
// https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
76+
replaysSessionSampleRate: 0.1,
77+
replaysOnErrorSampleRate: 1.0,
78+
});
79+
80+
const app = mount(App, {
81+
target: document.getElementById("app"),
82+
});
83+
84+
export default app;
85+
```
86+
87+
```javascript {tabTitle: Svelte v3-v4} {filename: main.js} {"onboardingOptions": {"performance": "10, 13-20", "session-replay": "11, 23-29"}}
4888
import "./app.css";
4989
import App from "./App.svelte";
5090

docs/platforms/javascript/guides/vue/index.mdx

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
1818

1919
<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
2020

21-
Sentry captures data by using an SDK within your applications runtime.
21+
Sentry captures data by using an SDK within your application's runtime.
2222

2323
```bash {tabTitle:npm}
2424
npm install @sentry/vue --save
@@ -38,9 +38,7 @@ Configuration should happen as early as possible in your application's lifecycle
3838

3939
To initialize Sentry in your Vue application, add the following code snippet to your `main.js`:
4040

41-
### Vue 3
42-
43-
```javascript {filename:main.js} {"onboardingOptions": {"performance": "16, 19-25", "session-replay": "17, 29-35"}}
41+
```javascript {tabTitle:Vue 3} {filename:main.js} {"onboardingOptions": {"performance": "16, 19-25", "session-replay": "17, 29-35"}}
4442
import { createApp } from "vue";
4543
import { createRouter } from "vue-router";
4644
import * as Sentry from "@sentry/vue";
@@ -82,9 +80,7 @@ app.use(router);
8280
app.mount("#app");
8381
```
8482

85-
### Vue 2
86-
87-
```javascript {filename:main.js} {"onboardingOptions": {"performance": "15, 18-24", "session-replay": "16, 28-34"}}
83+
```javascript {tabTitle:Vue 2} {filename:main.js} {"onboardingOptions": {"performance": "15, 18-24", "session-replay": "16, 28-34"}}
8884
import Vue from "vue";
8985
import Router from "vue-router";
9086
import * as Sentry from "@sentry/vue";

docs/platforms/python/integrations/rust_tracing/index.mdx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,12 @@ title: Rust Tracing
33
description: "Learn about the Rust Tracing integration and how to get performance data for Rust native extensions."
44
---
55

6+
<Alert>
7+
8+
Are you using Rust (without Python) and looking for Sentry's integration with the `tracing` crate? You can find it [here](/platforms/rust/tracing/instrumentation/automatic-instrumentation/).
9+
10+
</Alert>
11+
612
`RustTracingIntegration` acts as a bridge between the Sentry Python SDK and Rust's [`tracing` framework](https://tracing.rs/). With this integration, traces that begin in Python can extend into Rust seamlessly.
713

814
<Alert level="warning">

docs/platforms/rust/common/tracing/index.mdx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,12 @@ description: "Learn how to enable tracing in your app and discover valuable perf
44
sidebar_order: 4000
55
---
66

7+
<Alert>
8+
9+
Are you looking for Sentry's integration with the `tracing` crate? You can find it <PlatformLink to="/tracing/instrumentation/automatic-instrumentation/">here</PlatformLink>.
10+
11+
</Alert>
12+
713
With [tracing](/product/insights/), Sentry tracks your software performance, measuring metrics like throughput and latency, and displaying the impact of errors across multiple systems. Sentry captures distributed traces consisting of transactions and spans, which measure individual services and individual operations within those services. Learn more about our model in [Distributed Tracing](/product/sentry-basics/tracing/distributed-tracing/).
814

915
<Alert>

docs/product/explore/session-replay/mobile/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ description: "Use Session Replay for Mobile to get reproductions of user session
66

77
Session Replay allows you to see reproductions of user sessions, which can help you understand what happened before, during, and after an error or performance issue occurred. As you play back each session, you'll be able to see every user interaction in relation to network requests, frontend and backend errors, backend spans, and more.
88

9-
Replays help you see exactly how the user experience is impacted by errors. Because they're integrated with our Issues product, you'll be able to see session replays connected to error events on the [Issue Details](/product/issues/issue-details/) page in Sentry. To make sure backend errors are also included in the replay, see our [backend set up instructions](/product/explore/session-replay/getting-started/#replays-for-backend-errors).
9+
Replays help you see exactly how the user experience is impacted by errors. Because they're integrated with our Issues product, you'll be able to see session replays connected to error events on the [Issue Details](/product/issues/issue-details/) page in Sentry. To make sure backend errors are also included in the replay, see our [backend set up instructions](/product/explore/session-replay/web/getting-started/#replays-for-backend-errors).
1010

1111
![Session Replay User Interface](./img/session-replay.png)
1212

0 commit comments

Comments
 (0)