Skip to content

@remotion/studio: allow copying stack trace in error overlay#6966

Merged
JonnyBurger merged 4 commits intoremotion-dev:mainfrom
bugscreater:fix/copy-stack-trace-6957
Apr 4, 2026
Merged

@remotion/studio: allow copying stack trace in error overlay#6966
JonnyBurger merged 4 commits intoremotion-dev:mainfrom
bugscreater:fix/copy-stack-trace-6957

Conversation

@bugscreater
Copy link
Copy Markdown
Contributor

@bugscreater bugscreater commented Apr 2, 2026

Resolves #6957

What this PR does

Added a Copy Stack Trace button to the Error Overlay in Studio to improve the developer experience when debugging.

Key Changes & Review Fixes:

  • Symbolicated Stack Trace: The button now intelligently copies the parsed, human-readable symbolicated stack trace (at function (file:line:column)) when available, gracefully falling back to the raw error stack if not.
  • Safe Keyboard Shortcut: Implemented Cmd/Ctrl + T using the useKeybinding helper. This avoids hijacking the browser's native Cmd/Ctrl + C copy behavior, allowing users to still copy individual text snippets normally.
  • UI & Feedback: Created the CopyStackTrace component with local state (idle | copied | failed) for clear visual feedback. Also ensured proper layout alignment by adding the missing spacer next to the Discord button.

Looking forward to the final review! Let me know if anything else is needed.

@pullfrog
Copy link
Copy Markdown
Contributor

pullfrog bot commented Apr 2, 2026

Reviewed PR #6966 and left 4 inline comments. Key issues: Cmd+C shortcut hijacks native copy, missing spacer between buttons, and the copied text is the raw stack instead of the symbolicated one as requested in #6957.

Task list (7/7 completed)
  • Read and analyze the diff
  • Inspect surrounding code in ErrorDisplay.tsx for conventions
  • Check existing similar components (AskOnDiscord, OpenInEditor) for patterns
  • Verify useKeybinding API usage and check for Cmd+C conflict
  • Check if spacer div is needed between buttons
  • Check issue requirement: symbolicated vs unsymbolicated stack trace
  • Draft and submit review

Pullfrog  | View workflow run | Triggered by Pullfrog | Using Big Pickle (free) | 𝕏

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Apr 2, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
bugs Ready Ready Preview, Comment Apr 4, 2026 8:10am
remotion Ready Ready Preview, Comment Apr 4, 2026 8:10am

Request Review

Copy link
Copy Markdown
Contributor

@pullfrog pullfrog bot left a comment

Choose a reason for hiding this comment

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

Three blocking issues: the Cmd+C shortcut hijacks the browser's native copy behavior, a spacer is missing between buttons, and the copied text is always the raw unsymbolicated stack — the issue explicitly asks for the symbolicated stack when available.

Pullfrog  | Fix all ➔Fix 👍s ➔View workflow run | Using Big Pickle (free) | 𝕏

- Replace composition selector with Copy Stacktrace control
- Copy error header with symbolicated stack lines
- Rename button label to Copy Stacktrace
- Remove unused CompositionIdsDropdown

Made-with: Cursor
@JonnyBurger JonnyBurger enabled auto-merge (squash) April 4, 2026 08:05
@JonnyBurger
Copy link
Copy Markdown
Member

Thank you for this contribution — the copy stack trace flow in the error overlay will be really helpful for debugging. Appreciate the work!

@JonnyBurger JonnyBurger changed the title feat(studio): allow copying stack trace in error overlay @remotion/studio: allow copying stack trace in error overlay Apr 4, 2026
@JonnyBurger JonnyBurger merged commit 084e78f into remotion-dev:main Apr 4, 2026
18 of 19 checks passed
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.

Studio: In error overlay, should allow copying the stack trace

2 participants