From 7ca5c2f7d6dac50b3dc92f6211397820100150e1 Mon Sep 17 00:00:00 2001 From: Abdellah Hariti Date: Mon, 4 Nov 2024 14:47:36 +0100 Subject: [PATCH 1/4] remove irrelevant title attributes from arcade embeds --- docs/concepts/data-management/event-grouping/index.mdx | 1 - docs/concepts/key-terms/environments/index.mdx | 1 - docs/concepts/key-terms/tracing/trace-view.mdx | 6 ------ .../integrations/integration-platform/index.mdx | 1 - .../integration-platform/webhooks/issue-alerts.mdx | 1 - .../integration-platform/webhooks/metric-alerts.mdx | 1 - docs/product/alerts/create-alerts/routing-alerts.mdx | 1 - docs/product/crons/job-monitoring.mdx | 1 - docs/product/explore/metrics/metrics-explorer-page.mdx | 5 ----- docs/product/insights/caches/index.mdx | 1 - docs/product/insights/queries.mdx | 2 +- docs/product/insights/queue-monitoring/index.mdx | 2 -- docs/product/insights/requests.mdx | 1 - docs/product/issues/suspect-commits/index.mdx | 2 -- docs/product/performance/retention-priorities/index.mdx | 1 - docs/product/projects/index.mdx | 1 - docs/product/projects/project-details/index.mdx | 6 ------ .../distributed-tracing/create-new-project.mdx | 2 -- .../distributed-tracing/generate-first-error.mdx | 1 - .../sentry-basics/integrate-frontend/configure-scms.mdx | 4 ---- .../sentry-basics/integrate-frontend/create-new-project.mdx | 1 - .../integrate-frontend/generate-first-error.mdx | 2 -- .../sentry-basics/integrate-frontend/upload-source-maps.mdx | 1 - 23 files changed, 1 insertion(+), 44 deletions(-) diff --git a/docs/concepts/data-management/event-grouping/index.mdx b/docs/concepts/data-management/event-grouping/index.mdx index 343ac2baeb069..18b2286e0b13a 100644 --- a/docs/concepts/data-management/event-grouping/index.mdx +++ b/docs/concepts/data-management/event-grouping/index.mdx @@ -90,7 +90,6 @@ You can see a fingerprint by opening an issue, clicking "{} View JSON", and find allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="View Issue Fingerprint" > diff --git a/docs/concepts/key-terms/environments/index.mdx b/docs/concepts/key-terms/environments/index.mdx index a055a1381a1ad..5048453a266a6 100644 --- a/docs/concepts/key-terms/environments/index.mdx +++ b/docs/concepts/key-terms/environments/index.mdx @@ -50,6 +50,5 @@ Follow along with the interactive demo below to see how to hide and unhide envir allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Environments - Hide/show" > diff --git a/docs/concepts/key-terms/tracing/trace-view.mdx b/docs/concepts/key-terms/tracing/trace-view.mdx index 1de5135d43ccf..15ccb0a0ce430 100644 --- a/docs/concepts/key-terms/tracing/trace-view.mdx +++ b/docs/concepts/key-terms/tracing/trace-view.mdx @@ -30,7 +30,6 @@ By default, the waterfall view shows a list of transactions. If you need more gr > @@ -69,7 +67,6 @@ If you're doing a comparison and want an easy way to go back and forth between h >
@@ -103,7 +99,6 @@ your scroll wheel. >
diff --git a/docs/organization/integrations/integration-platform/index.mdx b/docs/organization/integrations/integration-platform/index.mdx index da4abb325b742..3f56cc2f5c32b 100644 --- a/docs/organization/integrations/integration-platform/index.mdx +++ b/docs/organization/integrations/integration-platform/index.mdx @@ -47,7 +47,6 @@ up as a service in the action section when creating or updating an alert rule. T allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Create Internal Integration & Alert Rule" > diff --git a/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx b/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx index b031499082bcd..a17bc30a09d3e 100644 --- a/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx +++ b/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx @@ -18,7 +18,6 @@ The interactive demo below shows how to set up an internal integration that can allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Create Internal Integration & Alert Rule" > diff --git a/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx b/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx index 721c3d1bfa473..d2dc2362cb22f 100644 --- a/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx +++ b/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx @@ -18,7 +18,6 @@ The interactive demo below shows how to set up an internal integration that can allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Create Internal Integration & Alert Rule" > diff --git a/docs/product/alerts/create-alerts/routing-alerts.mdx b/docs/product/alerts/create-alerts/routing-alerts.mdx index c5812c4a8e31a..acb987d6ac230 100644 --- a/docs/product/alerts/create-alerts/routing-alerts.mdx +++ b/docs/product/alerts/create-alerts/routing-alerts.mdx @@ -58,7 +58,6 @@ The interactive demo below shows how to set up an integration that can receive S allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Create Internal Integration & Alert Rule" > diff --git a/docs/product/crons/job-monitoring.mdx b/docs/product/crons/job-monitoring.mdx index 2a605757f4e12..45b24572eab1e 100644 --- a/docs/product/crons/job-monitoring.mdx +++ b/docs/product/crons/job-monitoring.mdx @@ -46,7 +46,6 @@ The table of recent check-ins lists previously scheduled jobs and their statuses height: '100%', colorScheme: 'light' }} - title="Crons - Details page walkthrough" > diff --git a/docs/product/explore/metrics/metrics-explorer-page.mdx b/docs/product/explore/metrics/metrics-explorer-page.mdx index e852c6a3998e8..9c4f15ff6f814 100644 --- a/docs/product/explore/metrics/metrics-explorer-page.mdx +++ b/docs/product/explore/metrics/metrics-explorer-page.mdx @@ -20,7 +20,6 @@ Once you've started sending metrics to Sentry, you can explore them in the produ allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Sentry Metrics Explorer - Query & Visualize" > @@ -48,7 +47,6 @@ Sometimes observing one metric is enough to reach an insight. However, it's ofte allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Sentry Metrics Explorer - Multiple Metrics" > @@ -76,7 +74,6 @@ Below your metric charts, the "Span Samples" tab shows a list of exemplars assoc allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Sentry Metrics Explorer - Sample Transactions" > Within the trace view, custom metrics associated with a span are also displayed in the span details. @@ -103,7 +100,6 @@ When it comes to custom metrics, you can use the code locations tab to see the l allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Sentry Metrics Explorer - Code Location" > @@ -121,7 +117,6 @@ In order to stay ahead of issues, you can also create metric-based alerts to get allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Sentry Metrics Explorer - Create Alerts & Dashboards" > diff --git a/docs/product/insights/caches/index.mdx b/docs/product/insights/caches/index.mdx index 94eb9f91c1188..a3dcbd0800659 100644 --- a/docs/product/insights/caches/index.mdx +++ b/docs/product/insights/caches/index.mdx @@ -24,7 +24,6 @@ Starting with the [Cache page](https://sentry.io/orgredirect/organizations/:orgs allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Performance -> Caches Module Walkthrough" > diff --git a/docs/product/insights/queries.mdx b/docs/product/insights/queries.mdx index c0e0fa59e6e53..c76616555850e 100644 --- a/docs/product/insights/queries.mdx +++ b/docs/product/insights/queries.mdx @@ -14,7 +14,7 @@ Starting with the [**Queries** page](#queries-page), you get a high-level overvi The interactive demo below demonstrates how to get insights on your query performance. -
+

diff --git a/docs/product/insights/queue-monitoring/index.mdx b/docs/product/insights/queue-monitoring/index.mdx index 2636e90bf67b2..499183a87f8a0 100644 --- a/docs/product/insights/queue-monitoring/index.mdx +++ b/docs/product/insights/queue-monitoring/index.mdx @@ -24,7 +24,6 @@ The **Queues** page gives you a high-level overview so that you can see where me allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Performance -> Queues Module Walkthrough" > @@ -40,4 +39,3 @@ Instructions for custom instrumentation in various languages are linked to below - [Java SDK](/platforms/java/tracing/instrumentation/custom-instrumentation/queues-module/) - [Ruby SDK](/platforms/ruby/tracing/instrumentation/custom-instrumentation/queues-module/) - [.NET SDK](/platforms/dotnet/tracing/instrumentation/custom-instrumentation/queues-module/) - diff --git a/docs/product/insights/requests.mdx b/docs/product/insights/requests.mdx index 85a745814352d..feb53dddc4fb6 100644 --- a/docs/product/insights/requests.mdx +++ b/docs/product/insights/requests.mdx @@ -20,7 +20,6 @@ On the [**Requests** page](#requests-page), you get an overview of the domains t allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="[Walkthrough] Insights -> Requests" > diff --git a/docs/product/issues/suspect-commits/index.mdx b/docs/product/issues/suspect-commits/index.mdx index cc878990d215b..c3010d9cc35cb 100644 --- a/docs/product/issues/suspect-commits/index.mdx +++ b/docs/product/issues/suspect-commits/index.mdx @@ -26,7 +26,6 @@ Suspect commits and suggested assignees are then displayed on the **Issue Detail allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> See Suspect Commits & Suggested Assignees" > @@ -115,7 +114,6 @@ Follow along with the interactive demo below to see how to integrate your GitHub allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> Install GitHub Config & Add Code Mapping" > diff --git a/docs/product/performance/retention-priorities/index.mdx b/docs/product/performance/retention-priorities/index.mdx index 6350788d52f51..17dd4adc13566 100644 --- a/docs/product/performance/retention-priorities/index.mdx +++ b/docs/product/performance/retention-priorities/index.mdx @@ -134,7 +134,6 @@ To make changes to a project's retention priorities in Sentry, go to **Settings allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="General Settings — totes-ma-gotes — Sentry" > diff --git a/docs/product/projects/index.mdx b/docs/product/projects/index.mdx index c3674a4dc6b30..c134d051d3665 100644 --- a/docs/product/projects/index.mdx +++ b/docs/product/projects/index.mdx @@ -32,7 +32,6 @@ The **Projects** page lists all the projects assigned to teams you're a member o allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Projects -> Star Project" > diff --git a/docs/product/projects/project-details/index.mdx b/docs/product/projects/project-details/index.mdx index e7f8b777d6687..aa72788fbd45b 100644 --- a/docs/product/projects/project-details/index.mdx +++ b/docs/product/projects/project-details/index.mdx @@ -25,7 +25,6 @@ The two graphs below the cards show the value of a specific metric over the spec allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Project Details -> Graphs" > @@ -60,7 +59,6 @@ Click the **Create Alert** button at the top right to set up either an [Issue Al allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Project Details -> Create Alert" > @@ -78,7 +76,6 @@ The **Latest Alerts** section in the right sidebar shows the 3 latest triggered allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Project Details -> Latest Alerts" > @@ -104,7 +101,6 @@ To help you triage issues, the **Project Details** page shows you the 5 most fre allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Project Details -> Triage Issue" > @@ -130,7 +126,6 @@ Click on a team to see that team's members and their roles. If you are a team ad allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Project Details -> Project Teams" > @@ -148,7 +143,6 @@ Use the settings icon at the top of the page to access **Project Settings**. Mod allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="Project Details -> Project Settings" > diff --git a/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx b/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx index 1294a692d0111..aab0b4aeff680 100644 --- a/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx +++ b/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx @@ -60,7 +60,6 @@ The interactive demo below walks through how to create a new project in the UI. top: "0px", width: "100%", }} - title="FE Tutorial -> Create Project" > @@ -114,7 +113,6 @@ Next, follow the steps below to create a new Sentry project for a sample Backend top: "0px", width: "100%", }} - title="Tracing Tutorial -> Create Express Project" > diff --git a/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx b/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx index d74de0a920d78..7c82a93ca93f1 100644 --- a/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx +++ b/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx @@ -89,7 +89,6 @@ The interactive demo below walks through how to view a distributed trace in Sent top: "0px", width: "100%", }} - title="FE Tutorial - View First Error" > diff --git a/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx b/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx index bdfb24f1a896e..ccb2bc40d7816 100644 --- a/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx +++ b/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx @@ -40,7 +40,6 @@ Follow along with the interactive demo below to see how to integrate your GitHub allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> Install GitHub Config & Add Code Mapping" > @@ -148,7 +147,6 @@ The interactive demo below shows how to view suspect commits and suggested assig allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> See Suspect Commits & Suggested Assignees" > @@ -176,7 +174,6 @@ The interactive demo below shows how to view commits associated with the release allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> See Release Commit Data" > @@ -208,7 +205,6 @@ The interactive demo below walks through how to set up and view stack trace link allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> Add Stack Trace Linking" > diff --git a/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx b/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx index 24e9047865e39..cc2bf2fd0e6d3 100644 --- a/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx +++ b/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx @@ -48,7 +48,6 @@ The interactive demo below walks through how to create a new project in the UI. allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> Create Project" > diff --git a/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx b/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx index 3994dfd88e76b..e991b8831aa1f 100644 --- a/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx +++ b/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx @@ -40,7 +40,6 @@ If you're using your own source code, skip this step. Instead, select your [plat allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> Checkout Demo" > @@ -85,7 +84,6 @@ The interactive demo below walks through how to view error details in Sentry. allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial - View First Error" > diff --git a/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx b/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx index 5c1d0eff4096f..7165e26132536 100644 --- a/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx +++ b/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx @@ -135,7 +135,6 @@ If your project has a different configuration, use the [Sentry Wizard](/platform allowfullscreen allow="fullscreen;" style={{"colorScheme":"light","height":"100%","left":"0px","position":"absolute","top":"0px","width":"100%"}} - title="FE Tutorial -> View Readable Stack Trace" > From 6956bd499ad9b6f2bf848ce3538beec9c65343e8 Mon Sep 17 00:00:00 2001 From: Abdellah Hariti Date: Mon, 4 Nov 2024 16:46:11 +0100 Subject: [PATCH 2/4] add Arcade embeds component --- .../data-management/event-grouping/index.mdx | 13 +--- .../concepts/key-terms/environments/index.mdx | 13 +--- .../concepts/key-terms/tracing/trace-view.mdx | 54 +------------ .../integration-platform/index.mdx | 13 +--- .../webhooks/issue-alerts.mdx | 13 +--- .../webhooks/metric-alerts.mdx | 13 +--- .../alerts/create-alerts/routing-alerts.mdx | 13 +--- docs/product/crons/job-monitoring.mdx | 25 +----- .../explore/metrics/metrics-explorer-page.mdx | 65 ++-------------- docs/product/insights/assets.mdx | 2 +- docs/product/insights/caches/index.mdx | 13 +--- docs/product/insights/queries.mdx | 2 +- .../insights/queue-monitoring/index.mdx | 13 +--- docs/product/insights/requests.mdx | 13 +--- docs/product/insights/web-vitals/index.mdx | 26 +------ docs/product/issues/suspect-commits/index.mdx | 26 +------ .../retention-priorities/index.mdx | 13 +--- docs/product/projects/index.mdx | 13 +--- .../projects/project-details/index.mdx | 78 ++----------------- .../create-new-project.mdx | 54 +------------ .../generate-first-error.mdx | 27 +------ .../integrate-frontend/configure-scms.mdx | 52 +------------ .../integrate-frontend/create-new-project.mdx | 13 +--- .../generate-first-error.mdx | 26 +------ .../integrate-frontend/upload-source-maps.mdx | 13 +--- src/components/arcade.tsx | 30 +++++++ src/mdxComponents.ts | 2 + 27 files changed, 74 insertions(+), 564 deletions(-) create mode 100644 src/components/arcade.tsx diff --git a/docs/concepts/data-management/event-grouping/index.mdx b/docs/concepts/data-management/event-grouping/index.mdx index 18b2286e0b13a..eab51900c22ac 100644 --- a/docs/concepts/data-management/event-grouping/index.mdx +++ b/docs/concepts/data-management/event-grouping/index.mdx @@ -80,18 +80,7 @@ Stack trace rules can work as a combination of both SDK and project settings. As You can see a fingerprint by opening an issue, clicking "{} View JSON", and finding the _fingerprint_ property in that file. If the default grouping was used, you'll see "default" written there. If a different grouping was used, you'll see the actual fingerprint value itself. -
- -
+ ## Transaction Grouping Algorithms diff --git a/docs/concepts/key-terms/environments/index.mdx b/docs/concepts/key-terms/environments/index.mdx index 5048453a266a6..f9c42679a07ca 100644 --- a/docs/concepts/key-terms/environments/index.mdx +++ b/docs/concepts/key-terms/environments/index.mdx @@ -40,15 +40,4 @@ If a project is hidden, you won't see that environment in the environment select Follow along with the interactive demo below to see how to hide and unhide environments. -
- -
+ diff --git a/docs/concepts/key-terms/tracing/trace-view.mdx b/docs/concepts/key-terms/tracing/trace-view.mdx index 15ccb0a0ce430..feca8d47c2ba9 100644 --- a/docs/concepts/key-terms/tracing/trace-view.mdx +++ b/docs/concepts/key-terms/tracing/trace-view.mdx @@ -57,64 +57,14 @@ Whatever you highlight will also be saved if you navigate away from the page and If you're doing a comparison and want an easy way to go back and forth between highlighted areas of interest in your trace, you can pin the tabs. When a tab is pinned, the view will be persistent throughout your session.
-
- -
+
Sometimes, duration gaps between entries can be small, but critical to your debugging effort. That's why the Trace View enables you to zoom into certain areas of the trace, either by double clicking on row elements (which zooms into the row) or by using your scroll wheel.
-
- -
+
The Trace View has other features like search, which makes it easy to visualize matching spans that you can then iterate over using the up or down arrows. You can also tailor diff --git a/docs/organization/integrations/integration-platform/index.mdx b/docs/organization/integrations/integration-platform/index.mdx index 3f56cc2f5c32b..85fd528191e7c 100644 --- a/docs/organization/integrations/integration-platform/index.mdx +++ b/docs/organization/integrations/integration-platform/index.mdx @@ -37,18 +37,7 @@ The Sentry integration platform provides the ability to add rich UI components t You can make any integration available as an action in [issue alerts](/organization/integrations/integration-platform/webhooks/issue-alerts) and [metric alerts](/organization/integrations/integration-platform/webhooks/metric-alerts) by enabling the "Alert Rule Action" toggle. The integration will then show up as a service in the action section when creating or updating an alert rule. The interactive demo below shows how to set up an integration that can receive Sentry alerts. -
- -
+ For your service to receive webhooks for alert rules, you must have `Send a notification via ` as an action in the rule. Once that's set up, you'll start receiving webhook requests for triggered alerts. For more information about the request and payload, check out the [full Webhooks documentation](/organization/integrations/integration-platform/webhooks/). If you'd like users to provide more app-specific information to handle these webhooks (e.g. assignees, teams, notification channels), consider implementing the [alert rule action UI component](/organization/integrations/integration-platform/ui-components/alert-rule-action). diff --git a/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx b/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx index a17bc30a09d3e..f7fe684759135 100644 --- a/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx +++ b/docs/organization/integrations/integration-platform/webhooks/issue-alerts.mdx @@ -8,18 +8,7 @@ Sentry integrations which have been made available as [alert rule actions](/orga The interactive demo below shows how to set up an internal integration that can receive issue alerts. -
- -
+ ## Sentry-Hook-Resource Header diff --git a/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx b/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx index d2dc2362cb22f..2116300989a36 100644 --- a/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx +++ b/docs/organization/integrations/integration-platform/webhooks/metric-alerts.mdx @@ -8,18 +8,7 @@ Sentry integrations which have been made available as [alert rule actions](/orga The interactive demo below shows how to set up an internal integration that can receive Sentry alerts. -
- -
+ ## Sentry-Hook-Resource Header diff --git a/docs/product/alerts/create-alerts/routing-alerts.mdx b/docs/product/alerts/create-alerts/routing-alerts.mdx index acb987d6ac230..0545d0b9b4b94 100644 --- a/docs/product/alerts/create-alerts/routing-alerts.mdx +++ b/docs/product/alerts/create-alerts/routing-alerts.mdx @@ -48,18 +48,7 @@ When you create a new integration and enable the "Alert Rule Action" option on i The interactive demo below shows how to set up an integration that can receive Sentry alerts. -
- -
+ ## Legacy Integrations diff --git a/docs/product/crons/job-monitoring.mdx b/docs/product/crons/job-monitoring.mdx index 45b24572eab1e..f4f189a2ad90c 100644 --- a/docs/product/crons/job-monitoring.mdx +++ b/docs/product/crons/job-monitoring.mdx @@ -24,30 +24,7 @@ The "Issues" section shows the issues created from this Cron Monitor. Issues are The table of recent check-ins lists previously scheduled jobs and their statuses. -
- -
+ ## Multiple Environments diff --git a/docs/product/explore/metrics/metrics-explorer-page.mdx b/docs/product/explore/metrics/metrics-explorer-page.mdx index 9c4f15ff6f814..548d76d4137af 100644 --- a/docs/product/explore/metrics/metrics-explorer-page.mdx +++ b/docs/product/explore/metrics/metrics-explorer-page.mdx @@ -10,18 +10,7 @@ Once you've started sending metrics to Sentry, you can explore them in the produ ## Querying & Visualization -
- -
+ You can use the dropdowns at the top of the page as a query editor for your metrics. Select the metric you want to plot from a list of available metrics in your project, the aggregate operation you'd like to perform (such as avg, min, max, and so on), and, optionally, any tags you'd like to group by. In the image above the metric `gibpotato.potatoes.event_processing_time`, is queried and shown, grouped by `event_type`. @@ -37,18 +26,7 @@ If you'd like to zoom in and dig deeper into a particular area of your chart, dr Sometimes observing one metric is enough to reach an insight. However, it's oftentimes necessary to look at multiple metrics simultaneously to find potential correlations. -
- -
+ In this case, you can create additional queries in order to compare and contrast different metrics. Click "Add Query" button to create a new query. Alternatively, you can also click "... > Duplicate" next to an existing query to create a duplicate of that query. @@ -64,18 +42,7 @@ While metrics are a great tool for analyzing your data in aggregate and identify Below your metric charts, the "Span Samples" tab shows a list of exemplars associated with that metric. By clicking on a span, you can navigate to the full trace view. -
- -
+ Within the trace view, custom metrics associated with a span are also displayed in the span details. ![Trace View Metrics](./img/trace-view-metrics.png) @@ -90,34 +57,12 @@ This feature is not currently available in all SDKs. When it comes to custom metrics, you can use the code locations tab to see the line of code in your application where your metric is being emitted. This can come in handy when troubleshooting an issue, especially if you were not the one creating the metric in the first place. -
- -
+ ## Create Alerts & Dashboards In order to stay ahead of issues, you can also create metric-based alerts to get notified about unexpected changes or spikes. Click "... > Create Alert" next to your metric query to configure your custom metric alert. -
- -
+ If you want to continuously monitor a particular metric, click "... > Add to Dashboard" to create a new Dashboard widget. You can configure your dashboard to display custom metrics that matter most to you. To learn more, see [Dashboards](/product/dashboards/). diff --git a/docs/product/insights/assets.mdx b/docs/product/insights/assets.mdx index 1ed83eedc6cd3..2052698c03d64 100644 --- a/docs/product/insights/assets.mdx +++ b/docs/product/insights/assets.mdx @@ -14,7 +14,7 @@ If you have performance monitoring enabled for your frontend, you can see how yo Starting with the [**Assets** page](#assets-page), you get a high-level overview of how your assets are doing. From there, you can drill into a specific asset's [**Asset Summary** page](#asset-summary-page) and then investigate sample events from the [Sample List](#sample-list) to better understand the context of its performance in a specific page. -
+ ## Prerequisites and Limitations diff --git a/docs/product/insights/caches/index.mdx b/docs/product/insights/caches/index.mdx index a3dcbd0800659..8662f89b89386 100644 --- a/docs/product/insights/caches/index.mdx +++ b/docs/product/insights/caches/index.mdx @@ -14,18 +14,7 @@ Sentry's cache monitoring provides insights into cache utilization and latency s Starting with the [Cache page](https://sentry.io/orgredirect/organizations/:orgslug/insights/caches/), you get an overview of the transactions within your application that are making at least one lookup against a cache. From there, you can dig into specific cache span operations by clicking a transaction and viewing its sample list. -
- -
+ ## Instrumentation diff --git a/docs/product/insights/queries.mdx b/docs/product/insights/queries.mdx index c76616555850e..1f33dc7c8e32f 100644 --- a/docs/product/insights/queries.mdx +++ b/docs/product/insights/queries.mdx @@ -14,7 +14,7 @@ Starting with the [**Queries** page](#queries-page), you get a high-level overvi The interactive demo below demonstrates how to get insights on your query performance. -
+
diff --git a/docs/product/insights/queue-monitoring/index.mdx b/docs/product/insights/queue-monitoring/index.mdx index 499183a87f8a0..2e1da3e0fb2b6 100644 --- a/docs/product/insights/queue-monitoring/index.mdx +++ b/docs/product/insights/queue-monitoring/index.mdx @@ -14,18 +14,7 @@ Queues allows you to monitor both the performance and error rates of your queue The **Queues** page gives you a high-level overview so that you can see where messages are being written to. (You may see topic names or actual queue names, depending on the messaging system.) If you click on a transaction, you'll see the **Destination Summary** page, which provides metrics about specific endpoints within your applications that either write to, or read from the destination. You can also dig into individual endpoints within your application representing producers creating messages, and consumers reading messages. You'll see actual traces representing messages processed by your application. -
- -
+ ### Prerequisites and Limitations diff --git a/docs/product/insights/requests.mdx b/docs/product/insights/requests.mdx index feb53dddc4fb6..2b4232307fbe7 100644 --- a/docs/product/insights/requests.mdx +++ b/docs/product/insights/requests.mdx @@ -10,18 +10,7 @@ If you have performance monitoring enabled, you can track your application's HTT On the [**Requests** page](#requests-page), you get an overview of the domains that serve your application's outgoing requests. From there, you can check each individual domain's behavior on its [**Domain Summary** page](#domain-summary-page) and find sample events in the [Sample List](#sample-list). -
- -
+
diff --git a/docs/product/insights/web-vitals/index.mdx b/docs/product/insights/web-vitals/index.mdx index a942cc2532219..844520222a7eb 100644 --- a/docs/product/insights/web-vitals/index.mdx +++ b/docs/product/insights/web-vitals/index.mdx @@ -12,18 +12,7 @@ For your instrumented web apps, Sentry gathers web vitals from real user traffic The interactive demo below walks through how to get insights on your web vitals. -
- -
+ ## Web Vitals Page @@ -55,18 +44,7 @@ The samples list only shows page loads with web vitals and performance score. If At the center of the **Page Overview**, Web Vital p75 values and scores are displayed. Clicking a Web Vital score will open a slideout panel containing a variety of **Page Load** samples with good to poor scores. Each sample contains an **Event ID** that can be clicked to open the [Trace View](/concepts/key-terms/tracing/trace-view/#product-walkthrough-trace-details-page) page for further investigation. If there is a [Replay](/product/session-replay/) or [Profile](/product/profiling/) associated with the sample page load, links will be included in the associated table columns. -
- -
+ ## Performance Score diff --git a/docs/product/issues/suspect-commits/index.mdx b/docs/product/issues/suspect-commits/index.mdx index c3010d9cc35cb..23a38e41d1b78 100644 --- a/docs/product/issues/suspect-commits/index.mdx +++ b/docs/product/issues/suspect-commits/index.mdx @@ -16,18 +16,7 @@ When you've enabled suspect commits, we can tie together issues with the commits Suspect commits and suggested assignees are then displayed on the **Issue Details** page in [sentry.io](https://sentry.io), as shown below. -
- -
+ ## Enable Suspect Commits @@ -104,18 +93,7 @@ The first frame in the stack trace is considered suspect when looking at them to Follow along with the interactive demo below to see how to integrate your GitHub account and repository. -
- -
+ ## How It Works diff --git a/docs/product/performance/retention-priorities/index.mdx b/docs/product/performance/retention-priorities/index.mdx index 17dd4adc13566..59deb0898a39b 100644 --- a/docs/product/performance/retention-priorities/index.mdx +++ b/docs/product/performance/retention-priorities/index.mdx @@ -124,18 +124,7 @@ We deprioritize health check type transactions because while they're important f To make changes to a project's retention priorities in Sentry, go to **Settings > Projects**, select the project you're interested in, then scroll down to "Performance" in the "PROCESSING" section and make any updates under "RETENTION PRIORITIES" using the toggles. Each of your projects can have an individual set of retention priorities. -
- -
+ ## Deciding on Your SDK Sample Rate diff --git a/docs/product/projects/index.mdx b/docs/product/projects/index.mdx index c134d051d3665..15e7d45311c78 100644 --- a/docs/product/projects/index.mdx +++ b/docs/product/projects/index.mdx @@ -22,18 +22,7 @@ The **Projects** page lists all the projects assigned to teams you're a member o **Tip:** For faster access, star your favorite projects to move them to the top of the page. -
- -
+ ## View Project Details diff --git a/docs/product/projects/project-details/index.mdx b/docs/product/projects/project-details/index.mdx index aa72788fbd45b..1ca0aad709d08 100644 --- a/docs/product/projects/project-details/index.mdx +++ b/docs/product/projects/project-details/index.mdx @@ -15,18 +15,7 @@ The top four cards display the following: The two graphs below the cards show the value of a specific metric over the specified time range. Click on the graph legend to show or hide an overlay of the previous time period and any releases (if set up). -
- -
+
@@ -49,35 +38,13 @@ You can use the **Project Details** page to access Sentry's alerts feature. Click the **Create Alert** button at the top right to set up either an [Issue Alert](/product/alerts-notifications/issue-alerts/) or a [Metric Alert](/product/alerts-notifications/metric-alerts/). -
- -
+ ## View Latest Alerts The **Latest Alerts** section in the right sidebar shows the 3 latest triggered alerts. Click on an alert to go to the **Alert Details** page. The selected time range does not affect the displayed alerts. -
- -
+ ## View Latest Releases @@ -91,18 +58,7 @@ You can use the **Project Details** page to assess how often you release new ver To help you triage issues, the **Project Details** page shows you the 5 most frequent unhandled issues, sorted by the number of events in the selected time range. Click on an issue to navigate to the **Issue Details** page. -
- -
+
@@ -116,35 +72,13 @@ Click the open icon to navigate to **Project Teams** page to see all the teams t Click on a team to see that team's members and their roles. If you are a team admin, you can also add or remove members from the team or change their role. You can also see other projects that team owns. -
- -
+ ## Modify Project Settings Use the settings icon at the top of the page to access **Project Settings**. Modify settings as appropriate for your team and organization. -
- -
+
diff --git a/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx b/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx index aab0b4aeff680..29cd0175fd7d3 100644 --- a/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx +++ b/docs/product/sentry-basics/distributed-tracing/create-new-project.mdx @@ -36,32 +36,7 @@ Follow the steps below to create a new Sentry project for a sample React applica The interactive demo below walks through how to create a new project in the UI. -
- -
+ ## Create a Backend Project @@ -89,32 +64,7 @@ Next, follow the steps below to create a new Sentry project for a sample Backend ### UI Walkthrough -
- -
+ ## Next diff --git a/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx b/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx index 7c82a93ca93f1..4bfcef6c4e559 100644 --- a/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx +++ b/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx @@ -65,32 +65,7 @@ Now that you've triggered an error, let's see what it looks like in Sentry. The interactive demo below walks through how to view a distributed trace in Sentry. -
- -
+ ## Next diff --git a/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx b/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx index ccb2bc40d7816..578750ce07a77 100644 --- a/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx +++ b/docs/product/sentry-basics/integrate-frontend/configure-scms.mdx @@ -30,18 +30,7 @@ Use Sentry's GitHub integration to link your source code repository to your Sent Follow along with the interactive demo below to see how to integrate your GitHub account and repository. -
- -
+ ## 2. Set Up Commit Tracking @@ -137,18 +126,7 @@ Now suspect commits and suggested assignees should start appearing on the **Issu The interactive demo below shows how to view suspect commits and suggested assignees for an issue. -
- -
+ ## 5. Verify Release Configuration @@ -164,18 +142,7 @@ Verify that releases have been configured correctly. The interactive demo below shows how to view commits associated with the release. -
- -
+ ## 6. Use Stack Trace Links @@ -195,18 +162,7 @@ Stack trace links allows you to jump from a stack trace in [sentry.io](https://s The interactive demo below walks through how to set up and view stack trace links in the UI. -
- -
+ ## More Information diff --git a/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx b/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx index cc2bf2fd0e6d3..3d5a0b62f4920 100644 --- a/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx +++ b/docs/product/sentry-basics/integrate-frontend/create-new-project.mdx @@ -38,18 +38,7 @@ Follow the steps below to create a new Sentry project for a sample React applica The interactive demo below walks through how to create a new project in the UI. -
- -
+ ## Next diff --git a/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx b/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx index e991b8831aa1f..437feeaf3e502 100644 --- a/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx +++ b/docs/product/sentry-basics/integrate-frontend/generate-first-error.mdx @@ -30,18 +30,7 @@ If you're using your own source code, skip this step. Instead, select your [plat 1. Click the "Checkout" button on the right panel to generate an error. -
- -
+ Notice that: @@ -74,18 +63,7 @@ Now that you've triggered an error, let's see what it looks like in Sentry. The interactive demo below walks through how to view error details in Sentry. -
- -
+ ## Next diff --git a/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx b/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx index 7165e26132536..8d7a52f4c7511 100644 --- a/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx +++ b/docs/product/sentry-basics/integrate-frontend/upload-source-maps.mdx @@ -125,18 +125,7 @@ If your project has a different configuration, use the [Sentry Wizard](/platform 1. Notice that there's now a release tag for the issue and that the error stack trace is now un-minified. The stack trace now includes the file name, method name, line and column number, and source code context in every stack frame. -
- -
+ ## Next diff --git a/src/components/arcade.tsx b/src/components/arcade.tsx new file mode 100644 index 0000000000000..10f543677102b --- /dev/null +++ b/src/components/arcade.tsx @@ -0,0 +1,30 @@ +type ArcadeProps = { + src: string; +}; +export function Arcade({src}: ArcadeProps) { + return ( +
+