Skip to content

Added Trace Info#423

Merged
BYK merged 2 commits intomainfrom
feat/traceinfo
Jun 27, 2024
Merged

Added Trace Info#423
BYK merged 2 commits intomainfrom
feat/traceinfo

Conversation

@Shubhdeep12
Copy link
Collaborator

Before opening this PR:

  • I added a Changeset Entry with pnpm changeset:add
  • [] I referenced issues that this PR addresses

Added a Trace Info page for traces.

image
image

added General info and the tags which are present in transactions in Trace.

@vercel
Copy link

vercel bot commented Jun 23, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
spotlightjs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 27, 2024 1:16pm

@Shubhdeep12 Shubhdeep12 requested review from HazAT, Lms24 and dcramer June 23, 2024 12:35
<SentryEventsContextProvider>
<Routes>
<Route path="/:traceId/:spanId" element={<TraceDetails />} />
<Route path="/:traceId/info" element={<TraceDetails />} />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why don't we split TraceDetails component into smaller pieces and create TraceSpanView, TraceInfoView and TraceDetails or TraceView? It would save us a bunch of conditionals and would make the code more re-usable

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ideally TraceInfo and SpanDetail should be a component instead of a route. Because they are just a drawer above the TraceDetails page.

And yes, we should split the code.

I'll do this splitting rn.

Copy link
Collaborator Author

@Shubhdeep12 Shubhdeep12 Jun 27, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @BYK I'll make this change in a separate PR.

To answer your query:

  • Yes, its doesn't make sense to have 3 diff routes for Trace detail page. I have added the use of the route below.
    <Route path="/:traceId/:spanId" element={<TraceDetails />} /> - To open Span detail drawer
    <Route path="/:traceId/info" element={<TraceDetails />} /> - To open Trace Info drawer
    <Route path="/:traceId" element={<TraceDetails />} /> - Main Trace detail page
  • As mentioned above ideally opening of drawer(span info view and trace info view) should be just a component handled by states OR search params(if needed).
  • Otherwise the Trace detail already have children components added to it.

@BYK BYK merged commit 1c7896e into main Jun 27, 2024
@BYK BYK deleted the feat/traceinfo branch June 27, 2024 21:08
kensternberg-authentik added a commit to kensternberg-authentik/spotlight that referenced this pull request Jul 15, 2024
…rybook-8-compatibility

* origin/HEAD:
  fix: Overhaul envelope parsing to be spec compliant (getsentry#439)
  fix: Always trim befor trying to JSON.parse (getsentry#438)
  Highlighted active span and event (getsentry#437)
  ref: Use new event helpers (getsentry#433)
  fix: Remove forgotton console.log statement
  feat: POC for adding spotlight overlay for ssr-errors (getsentry#364)
  ref: More concise event helpers (getsentry#431)
  fix: Fix CI issues (getsentry#432)
  fix: Send something immediately to trigger open event (getsentry#429)
  ref: More robust client init code generation (getsentry#426)
  docs: Add note about Volta - pnpm support (getsentry#425)
  Added Search in Trace detail (getsentry#424)
  Added Trace Info (getsentry#423)
  chore(deps-dev): bump vite from 4.5.2 to 4.5.3 (getsentry#392)
  chore(deps): bump braces from 3.0.2 to 3.0.3 (getsentry#415)
  docs: Add build step to initial setup (getsentry#418)
BYK pushed a commit that referenced this pull request Jul 22, 2024
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and publish to npm
yourself or [setup this action to publish
automatically](https://github.com/changesets/action#with-publishing). If
you're not ready to do a release yet, that's fine, whenever you add more
changesets to main, this PR will be updated.


# Releases
## @spotlightjs/astro@2.1.0

### Minor Changes

- A new Vite plugin under the main `@spotlightjs/spotlight` package that
automatically injects spotlight for dev mode.
It ([#434](#434)) also
replaces Vite's error page shown on compilation
    errors with Spotlight.

- 1. Altered the ssr-page vite plugin in @spotlight/astro to run
spotlight overlay in fullscreen mode in ssr-error page.
        ([#364](#364))
    2.  Closed astro erro overlay.
3. Added a option in sentry integration to open first error encountered
in spotlight automatically.

### Patch Changes

-   Updated dependencies

\[[`a8c09cd8629677ab3eed4bf7000de4c7068538ee`](a8c09cd)]:
    -   @spotlightjs/spotlight@2.1.0

## @spotlightjs/overlay@2.1.0

### Minor Changes

- 1. Altered the ssr-page vite plugin in @spotlight/astro to run
spotlight overlay in fullscreen mode in ssr-error page.
        ([#364](#364))
    2.  Closed astro erro overlay.
3. Added a option in sentry integration to open first error encountered
in spotlight automatically.

### Patch Changes

- Added search bar in trace
([#424](#424))

- - Show active span item in trace when span info is opened.
([#437](#437))
- Show active event in DeveloperInfo tab when event is info is opened.

- added traceInfo
([#423](#423))

- Overhaul envelope parsing to be spec compliant
([#439](#439))

## @spotlightjs/sidecar@1.5.0

### Minor Changes

- A new Vite plugin under the main `@spotlightjs/spotlight` package that
automatically injects spotlight for dev mode.
It ([#434](#434)) also
replaces Vite's error page shown on compilation
    errors with Spotlight.

## @spotlightjs/spotlight@2.1.0

### Minor Changes

- A new Vite plugin under the main `@spotlightjs/spotlight` package that
automatically injects spotlight for dev mode.
It ([#434](#434)) also
replaces Vite's error page shown on compilation
    errors with Spotlight.

### Patch Changes

-   Updated dependencies

\[[`01321f8824ae133dc02a1d829c25952c884bf631`](01321f8),

[`a8c09cd8629677ab3eed4bf7000de4c7068538ee`](a8c09cd),

[`3792a5e742b3888a980a0b865fd23be941809040`](3792a5e),

[`b5249aa761c783739543dc7bf27cdd8d0fe8cebe`](b5249aa),

[`1c7896e02a2b81715c4e5c47cbb2fd6145868ab1`](1c7896e),

[`41d90455fa94df0a01e93fd90574974dfca96764`](41d9045)]:
    -   @spotlightjs/overlay@2.1.0
    -   @spotlightjs/sidecar@1.5.0

## @spotlightjs/electron@1.0.1

### Patch Changes

-   Updated dependencies

\[[`01321f8824ae133dc02a1d829c25952c884bf631`](01321f8),

[`a8c09cd8629677ab3eed4bf7000de4c7068538ee`](a8c09cd),

[`3792a5e742b3888a980a0b865fd23be941809040`](3792a5e),

[`b5249aa761c783739543dc7bf27cdd8d0fe8cebe`](b5249aa),

[`1c7896e02a2b81715c4e5c47cbb2fd6145868ab1`](1c7896e),

[`41d90455fa94df0a01e93fd90574974dfca96764`](41d9045)]:
    -   @spotlightjs/overlay@2.1.0
    -   @spotlightjs/sidecar@1.5.0

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
dcramer pushed a commit that referenced this pull request Jun 3, 2025
dcramer pushed a commit that referenced this pull request Jun 3, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and publish to npm
yourself or [setup this action to publish
automatically](https://github.com/changesets/action#with-publishing). If
you're not ready to do a release yet, that's fine, whenever you add more
changesets to main, this PR will be updated.


# Releases
## @spotlightjs/astro@2.1.0

### Minor Changes

- A new Vite plugin under the main `@spotlightjs/spotlight` package that
automatically injects spotlight for dev mode.
It ([#434](#434)) also
replaces Vite's error page shown on compilation
    errors with Spotlight.

- 1. Altered the ssr-page vite plugin in @spotlight/astro to run
spotlight overlay in fullscreen mode in ssr-error page.
        ([#364](#364))
    2.  Closed astro erro overlay.
3. Added a option in sentry integration to open first error encountered
in spotlight automatically.

### Patch Changes

-   Updated dependencies

\[[`a8c09cd8629677ab3eed4bf7000de4c7068538ee`](a8c09cd)]:
    -   @spotlightjs/spotlight@2.1.0

## @spotlightjs/overlay@2.1.0

### Minor Changes

- 1. Altered the ssr-page vite plugin in @spotlight/astro to run
spotlight overlay in fullscreen mode in ssr-error page.
        ([#364](#364))
    2.  Closed astro erro overlay.
3. Added a option in sentry integration to open first error encountered
in spotlight automatically.

### Patch Changes

- Added search bar in trace
([#424](#424))

- - Show active span item in trace when span info is opened.
([#437](#437))
- Show active event in DeveloperInfo tab when event is info is opened.

- added traceInfo
([#423](#423))

- Overhaul envelope parsing to be spec compliant
([#439](#439))

## @spotlightjs/sidecar@1.5.0

### Minor Changes

- A new Vite plugin under the main `@spotlightjs/spotlight` package that
automatically injects spotlight for dev mode.
It ([#434](#434)) also
replaces Vite's error page shown on compilation
    errors with Spotlight.

## @spotlightjs/spotlight@2.1.0

### Minor Changes

- A new Vite plugin under the main `@spotlightjs/spotlight` package that
automatically injects spotlight for dev mode.
It ([#434](#434)) also
replaces Vite's error page shown on compilation
    errors with Spotlight.

### Patch Changes

-   Updated dependencies

\[[`01321f8824ae133dc02a1d829c25952c884bf631`](01321f8),

[`a8c09cd8629677ab3eed4bf7000de4c7068538ee`](a8c09cd),

[`3792a5e742b3888a980a0b865fd23be941809040`](3792a5e),

[`b5249aa761c783739543dc7bf27cdd8d0fe8cebe`](b5249aa),

[`1c7896e02a2b81715c4e5c47cbb2fd6145868ab1`](1c7896e),

[`41d90455fa94df0a01e93fd90574974dfca96764`](41d9045)]:
    -   @spotlightjs/overlay@2.1.0
    -   @spotlightjs/sidecar@1.5.0

## @spotlightjs/electron@1.0.1

### Patch Changes

-   Updated dependencies

\[[`01321f8824ae133dc02a1d829c25952c884bf631`](01321f8),

[`a8c09cd8629677ab3eed4bf7000de4c7068538ee`](a8c09cd),

[`3792a5e742b3888a980a0b865fd23be941809040`](3792a5e),

[`b5249aa761c783739543dc7bf27cdd8d0fe8cebe`](b5249aa),

[`1c7896e02a2b81715c4e5c47cbb2fd6145868ab1`](1c7896e),

[`41d90455fa94df0a01e93fd90574974dfca96764`](41d9045)]:
    -   @spotlightjs/overlay@2.1.0
    -   @spotlightjs/sidecar@1.5.0

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants