Repository navigation
Conversation
- Each panel has a copy button that puts a Markdown report on the clipboard, for an agent such as Claude Code to read. - The error report has the message, the stack mapped to the original source, and the source around the first frames in the app. Runs of frames in dependencies are one line. - The server function report has the status, time, headers and bodies of the call. Streamed bodies are decoded to text. - The ownership and reactivity reports have the selected node, its values, and the nodes around it. - Values with sensitive names, such as cookie, token or password, are redacted. - The clipboard falls back to execCommand on pages that are not a secure context. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Each panel gets a button that copies a Markdown report of what it shows, so the user can paste it into an agent such as Claude Code. This PR is based on #26.
Changes
[redacted]. This covers headers, JSON keys, form fields, query parameters and signal names that contain words such ascookie,token,passwordorsession.execCommand('copy')when the page is not a secure context, such as a dev server opened by its network address.create-stack-frame.tsnow exportsloadStackFrameandmapStackFrame, so the report can map frames outside the panel.SerovalViewer.tsxtofunctions/seroval-node.ts, so the viewer and the report share them.Example
The error report from the test fixture:
Testing
src/dev-toolbar/report/report.test.tscover each report, the redaction, the value printer, and decoding seroval streams made by seroval itself, including a stream that never closes.pnpm test,pnpm typecheck,pnpm format:check,pnpm build,pnpm checkand the full e2e suite pass locally.🤖 Generated with Claude Code