Skip to content

Commit

Permalink
Revert "Image optimization (#9379)" (#9522)
Browse files Browse the repository at this point in the history
This reverts commit ebe52c9.
  • Loading branch information
lizokm committed Mar 20, 2024
1 parent 866828b commit d02c796
Show file tree
Hide file tree
Showing 1,188 changed files with 883 additions and 1,162 deletions.
2 changes: 0 additions & 2 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -93,5 +93,3 @@ public/page-data

# tsbuildinfo file generated by CI
tsconfig.tsbuildinfo

public/mdx-images/*
4 changes: 2 additions & 2 deletions docs/api/guides/create-auth-token.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ See our documentation on [authentication](/api/auth/) to learn more about the di

1. Enter a name for your integration.

![Sentry.io UX walkthrough of creating an internal integration.](./img/create-internal-integration.gif)
![Sentry.io UX walkthrough of creating an internal integration.](/api/guides/create-internal-integration.gif)

## Create a API Authentication Token

Expand All @@ -39,6 +39,6 @@ See our documentation on [authentication](/api/auth/) to learn more about the di

1. Scroll down to the bottom of the page and copy the generated token under "Tokens".

![Sentry.io UX walkthrough of creating a token and setting it's permissions.](./img/set-token-permissions.gif)
![Sentry.io UX walkthrough of creating a token and setting it's permissions.](/api/guides/set-token-permissions.gif)

Keep your auth token around on your clipboard or in an environment variable to use in API calls.
2 changes: 1 addition & 1 deletion docs/api/permissions.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ To set the scopes for an [integration token](/product/integrations/integration-p

To set the scopes for an auth token, select the scopes from the dropdown when [creating an auth token](https://sentry.io/api/). These cannot be edited later.

![](./img/user-auth-token-create.png)
![](/product/accounts/auth-tokens/user-auth-token-create.png)

If you're looking for information on membership roles please visit the
[membership](/product/accounts/membership/) documentation.
Expand Down
10 changes: 5 additions & 5 deletions docs/platforms/android/configuration/app-not-respond.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ If [ApplicationExitInfo#getTraceInputStream](<https://developer.android.com/refe

</Note>

![ANR](./img/app-not-respond.png)
![ANR](/platforms/android/configuration/app-not-respond.png)

#### Historical ANRs

Expand Down Expand Up @@ -102,7 +102,7 @@ SentryAndroid.init(context) { options ->
}
```

![ANR Thread Dump](./img/app-not-respond-thread-dump.png)
![ANR Thread Dump](/platforms/android/configuration/app-not-respond-thread-dump.png)

## ANR Root Cause Analysis

Expand All @@ -112,16 +112,16 @@ Sentry performs various root cause analyses to give you insights about why certa

If an ANR is connected to one of the Performance Issues detected by Sentry (for example, [File I/O on Main Thread](/product/issues/issue-details/performance-issues/file-main-thread-io/) or [DB on Main Thread](/product/issues/issue-details/performance-issues/db-main-thread-io/)), the offending span will be linked to the ANR event, showing you exactly which slow operation is to blame.

![ANR Root Cause File I/O](./img/anr-rootcause-fileio.png)
![ANR Root Cause File I/O](/platforms/android/configuration/anr-rootcause-fileio.png)

### Common Patterns

This detector looks at the stack trace of an ANR and tries to identify common pitfalls, such as accessing files, assets, or heavy resources on the main thread. If an offending stack frame is found, it'll be highlighted in the stack trace with some information about how to prevent this type of ANR:

![ANR Root Cause Suspect Frame](./img/anr-rootcause-frame.png)
![ANR Root Cause Suspect Frame](/platforms/android/configuration/anr-rootcause-frame.png)

### Deadlock Detection

Sentry will try to detect deadlocks and point out potential causes. If, for example, the main thread is blocked by waiting on a lock object that's held by another thread, the suspect frame that's waiting on the lock will be highlighted. The stack trace of the offending thread that's holding the lock, as well as the offending frame of that thread will also be shown:

![ANR Root Cause Deadlock](./img/anr-rootcause-deadlock.png)
![ANR Root Cause Deadlock](/platforms/android/configuration/anr-rootcause-deadlock.png)
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ If Sentry has access to your application's source code, it can show snippets of
For example, here's a stack trace from a .NET application. The source context contains
the original C# source code of the application, with the location of the frame highlighted.

![Screenshot of stack trace showing source context.](./img/source-context-screenshot.png)
![Screenshot of stack trace showing source context.](/platforms/android/data-management/debug-files/source-context/source-context-screenshot.png)

### Source Bundles

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ to upload them using `sentry-cli`. Depending on your workflow, you may want to
upload as part of your build pipeline or when deploying and publishing your
application:

![](/img/debug-files-workflow.png)
![](/platforms/android/data-management/debug-files/upload/debug-files-workflow.png)

<PlatformContent includePath="debug-files">

Expand Down
6 changes: 3 additions & 3 deletions docs/platforms/android/enriching-events/attachments/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -49,19 +49,19 @@ Learn more about how attachments impact your [quota](/product/accounts/quotas/).

To limit access to attachments, navigate to your organization's **General Settings**, then select the _Attachments Access_ dropdown to set appropriate access — any member of your organization, the organization billing owner, member, admin, manager, or owner.

![Attachments Access](/img/attachments-access.png)
![Attachments Access](/platforms/android/enriching-events/attachments/attachments-access.png)

By default, access is granted to all members when storage is enabled. If a member does not have access to the project, the ability to download an attachment is not available; the button will be greyed out in Sentry. The member may only view that an attachment is stored.

## Viewing Attachments

Attachments display on the bottom of the **Issue Details** page for the event that is shown.

![Attachments Access Denied](/img/attachments-access-denied.png)
![Attachments Access Denied](/platforms/android/enriching-events/attachments/attachments-access-denied.png)

Alternately, attachments also appear in the _Attachments_ tab on the **Issue Details** page, where you can view the _Type_ of attachment, as well as associated events. Click the Event ID to open the **Issue Details** of that specific event.

![Attachments List Example](/img/attachments-list-example.png)
![Attachments List Example](/platforms/android/enriching-events/attachments/attachments-list-example.png)

## Maximum Attachment Size

Expand Down
2 changes: 1 addition & 1 deletion docs/platforms/android/enriching-events/context/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: "Custom contexts allow you to attach arbitrary data (strings, lists

Custom contexts allow you to attach arbitrary data to an event. Often, this context is shared among any issue captured in its lifecycle. You cannot search these, but they are viewable on the issue page:

![Custom contexts as viewed on the Additional Data section of an event](/img/additional_data.png)
![Custom contexts as viewed on the Additional Data section of an event](/platforms/android/enriching-events/context/additional_data.png)

<Note>

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/android/enriching-events/screenshots/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@ Because screenshots may contain <PlatformLink to="/data-management/sensitive-dat

If one is available, you'll see a thumbnail of the screenshot when you click on a specific issue from the [**Issues**](https://demo.sentry.io/issues/) page.

![Screenshot Thumbnail](./img/screenshot-thumbnail.png)
![Screenshot Thumbnail](/platforms/android/enriching-events/screenshots/screenshot-thumbnail.png)

Once you've clicked on the event ID of a specific issue, you'll be able to see an overview of all the attachments as well as associated events in the "Attachments" tab.

![Screenshots List Example](./img/screenshot-list-example.png)
![Screenshots List Example](/platforms/android/enriching-events/screenshots/screenshot-list-example.png)
2 changes: 1 addition & 1 deletion docs/platforms/android/enriching-events/tags/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,4 +25,4 @@ Some tags are automatically set by Sentry. We strongly recommend against overwri

Once you've started sending tagged data, you'll see it when logged in to sentry.io. There, you can view the filters within the sidebar on the Project page, summarized within an event, and on the Tags page for an aggregated event.

![](/img/tags.png)
![](/platforms/android/enriching-events/tags/tags.png)
Original file line number Diff line number Diff line change
Expand Up @@ -105,8 +105,8 @@ plugins {

View hierarchies appear in the "Attachments" tab, where you can view all attachments, as well as associated events. Click the event ID to open the [Issue Details](/product/issues/issue-details) page of that specific event.

![Screenshots List Example](/img/viewhierarchy-list-example.png)
![Screenshots List Example](/platforms/android/enriching-events/viewhierarchy/viewhierarchy-list-example.png)

On the **Issue Details** page, you can interact with the view hierarchy attachment in a section called "View Hierarchy". This section represents the state of your application at the time of an error event. There are three displays: a tree view, wireframe, and detailed view for a selected node. You can select nodes in either the tree or the wireframe to view the properties collected by the SDK. The SDK will report on the following keys for each node in the view: `alpha`, `visible`, `x`, `y`, `width`, `height`, `type`, and `identifier` if applicable, but there may be additional values specific to the SDK. This feature can be used as an exploratory tool to debug layout issues, visualize unnecessarily rendered content, or gain a better understanding of the relationship between views.

![View Hierarchy Example](./img/viewhierarchy-example-android.png)
![View Hierarchy Example](/platforms/android/enriching-events/viewhierarchy/viewhierarchy-example-android.png)
2 changes: 1 addition & 1 deletion docs/platforms/android/integrations/file-io/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ class LyricsActivity : ComponentActivity() {

To view the recorded transaction, log into [sentry.io](https://sentry.io) and open your project. Clicking **Performance** will open a page with transactions, where you can select the just recorded transaction with the name `Track Interaction`. The event will look similar to this:

![File I/O performance instrumentation](./img/file-io-instrumentation.png)
![File I/O performance instrumentation](/platforms/android/integrations/file-io/file-io-instrumentation.png)

<Note>

Expand Down
6 changes: 3 additions & 3 deletions docs/platforms/android/integrations/jetpack-compose/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ _(New in version 6.16.0)_

With Jetpack Compose performance metrics the Sentry Android SDK can automatically measure the initial `composition` and `rendering` time as performance spans of your `@Composable` UI elements.

![Jetpack Compose Performance Metrics](./img/jetpack-compose-performance-metrics.png)
![Jetpack Compose Performance Metrics](/platforms/android/integrations/jetpack-compose/jetpack-compose-performance-metrics.png)

<Note>

Expand Down Expand Up @@ -74,7 +74,7 @@ _(New in version 6.10.0)_

The Sentry User Interactions feature for Jetpack Compose can detect click, scroll, and swipe gestures. For every gesture, the SDK can automatically collect breadcrumbs and launch transactions.

![Jetpack Compose User Interactions](./img/jetpack-compose-user-interactions.png)
![Jetpack Compose User Interactions](/platforms/android/integrations/jetpack-compose/jetpack-compose-user-interactions.png)

### Installation

Expand Down Expand Up @@ -144,7 +144,7 @@ If you want to customize the recorded breadcrumbs/transactions, you can skip to

In this section, we get you up and running with Sentry's Compose Navigation Integration, so that it will automatically add a breadcrumb and start a transaction for each navigation event.

![Jetpack Compose Navigation Breadcrumbs](./img/jetpack-compose-navigation.png)
![Jetpack Compose Navigation Breadcrumbs](/platforms/android/integrations/jetpack-compose/jetpack-compose-navigation.png)

### Auto-Installation With the Sentry Android Gradle Plugin

Expand Down
2 changes: 1 addition & 1 deletion docs/platforms/android/integrations/logcat/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Supported in Sentry Android Gradle Plugin version `3.5.0` and above.
The Sentry Logcat integration adds support for automatically reporting log calls above a minimum logging level as breadcrumbs.
Any matching `android.Log.*` calls inside your app package are captured as breadcrumbs, including `android.Log.*` calls originating from bundled third party libraries.

![Logcat Breadcrumbs](./img/logcat-breadcrumbs.png)
![Logcat Breadcrumbs](/platforms/android/integrations/logcat/logcat-breadcrumbs.png)

## Installation With the Sentry Android Gradle Plugin

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -199,7 +199,7 @@ class EditActivity : ComponentActivity() {

To view the recorded transaction, log into [sentry.io](https://sentry.io) and open your project. Clicking on **Performance** will open a page with transactions, where you can select the just recorded transaction with the name `Track Interaction`. The event will look similar to this:

![Room and AndroidX SQLite performance instrumentation](./img/room-sqlite-instrumentation.png)
![Room and AndroidX SQLite performance instrumentation](/platforms/android/integrations/room-and-sqlite/room-sqlite-instrumentation.png)

<Note>

Expand Down
2 changes: 1 addition & 1 deletion docs/platforms/android/usage/distributed-tracing/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ When an error or performance issue occurs, it can be challenging to pinpoint the

Here's an example showing a distributed trace in Sentry:

![A full distributed trace in Sentry](/img/distributed-trace-in-sentry.png)
![A full distributed trace in Sentry](/platforms/android/usage/distributed-tracing/distributed-trace-in-sentry.png)

This distributed trace shows a Vue app's `pageload` making a request to a Python backend, which then calls the `/api` endpoint of a Ruby microservice.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ If Sentry has access to your application's source code, it can show snippets of
For example, here's a stack trace from a .NET application. The source context contains
the original C# source code of the application, with the location of the frame highlighted.

![Screenshot of stack trace showing source context.](./img/source-context-screenshot.png)
![Screenshot of stack trace showing source context.](/platforms/apple/common/data-management/debug-files/source-context/source-context-screenshot.png)

### Source Bundles

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ to upload them using `sentry-cli`. Depending on your workflow, you may want to
upload as part of your build pipeline or when deploying and publishing your
application:

![](/img/debug-files-workflow.png)
![](/platforms/apple/common/data-management/debug-files/upload/debug-files-workflow.png)

<PlatformContent includePath="debug-files">

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -53,19 +53,19 @@ Learn more about how attachments impact your [quota](/product/accounts/quotas/).

To limit access to attachments, navigate to your organization's **General Settings**, then select the _Attachments Access_ dropdown to set appropriate access — any member of your organization, the organization billing owner, member, admin, manager, or owner.

![Attachments Access](/img/attachments-access.png)
![Attachments Access](/platforms/apple/common/enriching-events/attachments/attachments-access.png)

By default, access is granted to all members when storage is enabled. If a member does not have access to the project, the ability to download an attachment is not available; the button will be greyed out in Sentry. The member may only view that an attachment is stored.

## Viewing Attachments

Attachments display on the bottom of the **Issue Details** page for the event that is shown.

![Attachments Access Denied](/img/attachments-access-denied.png)
![Attachments Access Denied](/platforms/apple/common/enriching-events/attachments/attachments-access-denied.png)

Alternately, attachments also appear in the _Attachments_ tab on the **Issue Details** page, where you can view the _Type_ of attachment, as well as associated events. Click the Event ID to open the **Issue Details** of that specific event.

![Attachments List Example](/img/attachments-list-example.png)
![Attachments List Example](/platforms/apple/common/enriching-events/attachments/attachments-list-example.png)

## Maximum Attachment Size

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: "Custom contexts allow you to attach arbitrary data (strings, lists

Custom contexts allow you to attach arbitrary data to an event. Often, this context is shared among any issue captured in its lifecycle. You cannot search these, but they are viewable on the issue page:

![Custom contexts as viewed on the Additional Data section of an event](/img/additional_data.png)
![Custom contexts as viewed on the Additional Data section of an event](/platforms/apple/common/enriching-events/context/additional_data.png)

<Note>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,8 @@ Because screenshots may contain <PlatformLink to="/data-management/sensitive-dat

If one is available, you'll see a thumbnail of the screenshot when you click on a specific issue from the [**Issues**](https://demo.sentry.io/issues/) page.

![Screenshot Thumbnail](./img/screenshot-thumbnail.png)
![Screenshot Thumbnail](/platforms/apple/common/enriching-events/screenshots/screenshot-thumbnail.png)

Once you've clicked on the event ID of a specific issue, you'll be able to see an overview of all the attachments as well as associated events in the "Attachments" tab.

![Screenshots List Example](./img/screenshot-list-example.png)
![Screenshots List Example](/platforms/apple/common/enriching-events/screenshots/screenshot-list-example.png)
Original file line number Diff line number Diff line change
Expand Up @@ -25,4 +25,4 @@ Some tags are automatically set by Sentry. We strongly recommend against overwri

Once you've started sending tagged data, you'll see it when logged in to sentry.io. There, you can view the filters within the sidebar on the Project page, summarized within an event, and on the Tags page for an aggregated event.

![](/img/tags.png)
![](/platforms/apple/common/enriching-events/tags/tags.png)
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,8 @@ View hierarchy debugging is an opt-in feature. You can enable it as shown below:

View hierarchies appear in the "Attachments" tab, where you can view all attachments, as well as associated events. Click the event ID to open the [Issue Details](/product/issues/issue-details) page of that specific event.

![Screenshots List Example](/img/viewhierarchy-list-example.png)
![Screenshots List Example](/platforms/apple/common/enriching-events/viewhierarchy/viewhierarchy-list-example.png)

On the **Issue Details** page, you can interact with the view hierarchy attachment in a section called "View Hierarchy". This section represents the state of your application at the time of an error event. There are three displays: a tree view, wireframe, and detailed view for a selected node. You can select nodes in either the tree or the wireframe to view the properties collected by the SDK. The SDK will report on the following keys for each node in the view: `alpha`, `visible`, `x`, `y`, `width`, `height`, `type`, and `identifier` if applicable, but there may be additional values specific to the SDK. This feature can be used as an exploratory tool to debug layout issues, visualize unnecessarily rendered content, or gain a better understanding of the relationship between views.

![View Hierarchy Example](/img/viewhierarchy-example.png)
![View Hierarchy Example](/platforms/apple/common/enriching-events/viewhierarchy/viewhierarchy-example.png)
Loading

0 comments on commit d02c796

Please sign in to comment.