diff --git a/.changeset/pre.json b/.changeset/pre.json index ba67056..4bbe22a 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -5,13 +5,18 @@ "@solidjs/start-devtools": "0.0.0" }, "changesets": [ + "async-panel", + "cap-error-list", "copy-for-agent", "devtools-dock", "element-inspector", "fresh-tools-observe", "highlight-updates", + "ignore-extension-errors", "initial-release", + "issues-panel", "keyed-panel-rows", + "live-state-editor", "modern-toolchain", "native-oxc-toolchain", "ownership-tree", @@ -19,8 +24,12 @@ "rc12-call-record-observe", "rc12-runtime-parity", "reactivity-graph", + "resizable-detail-panels", + "rich-args-uploads", "safe-production-imports", + "session-report", "terracotta-next-9", + "timeline-panel", "toolbar-redesign", "toolbar-ui-fixes", "twinkleplop-highlighting" diff --git a/CHANGELOG.md b/CHANGELOG.md index 8aa8f4b..0b88f09 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,47 @@ # @solidjs/start-devtools +## 1.0.0-next.9 + +### Minor Changes + +- d99ff2c: Add an Async panel that shows what the app is loading now, and how its async loads, waits and fallbacks went. + + - Loads that a newer load replaced, waits with no pending state on screen, fallbacks that flashed, and loads that ran one after another are flagged. + - A record shows the action that started it and links to the reactivity graph and the ownership tree. + - The copy button puts a report of the record on the clipboard for an agent. + +- 2b8a936: Add an Issues panel that lists the issues the Solid runtime reports, such as a signal read outside a tracking scope. Each one is an error, a warning or info. + + - Repeated findings are grouped with a count, and the tab shows the total. + - A finding links to its owner in the ownership tree, its node in the reactivity graph, and its section of the repair guide. + - The copy button puts a report of the finding on the clipboard for an agent. + +- 52dc743: Add live state and store editing to the dev toolbar. + + Signals and stores can now be inspected and edited live on-the-fly directly from the devtools: + + - In the Reactivity Graph detail pane, primitive values and nested properties of selected signals and store slots can be edited inline. + - In the Ownership Tree detail pane, component signals feature inline editing with immediate updates to dependent memos, effects, and DOM elements. + - Boolean values support 1-click toggling, while strings, numbers, null, undefined, and JSON objects/arrays are parsed and written through Solid's internal reactivity scheduler. + - Values inside a `Map`, a `Set`, a typed array or a class instance are shown but not editable. An edit the app does not take is marked in the panel. + +- ed9f773: Make the detail panes in the Ownership and Reactivity panels resizable. Drag the left edge of a pane, or focus it and press the left and right arrow keys. Each pane keeps its own width across reloads, and a double-click on the edge resets it. +- c6402b7: The dock header has a button that copies one report of the whole session for an agent: the newest errors, the issues, the recent timeline actions, the flagged async records and the failed server calls. +- 588365e: Add a Timeline panel that lists what each user action re-ran, and why. + + - Each click, key press or outside update is a row with its writes, re-runs and timing. + - A re-run shows the changes that caused it, down to the write that started them. + - The server-function calls an action made are listed under it, and open in the server-function panel. + - The copy button puts a report of the action on the clipboard for an agent. + +### Patch Changes + +- 368b4c9: The toolbar keeps the 200 newest errors, so an error thrown in a loop no longer grows the list without end. +- 212dad4: Errors thrown by browser extensions' scripts in the page are no longer listed as the app's errors. +- fd65515: Show the body of server function calls that send files. + + With `enableRichArguments()` in `@solidjs/web` 2.0.0-rc.20, a call whose arguments hold a `File` or `Blob` sends multipart form data marked `X-Server-Function-Format: 0`. The panel read that body as a seroval stream and showed no body. It now shows the arguments in the seroval tree and the files in a form data table. Reports copied for an agent list both. + ## 1.0.0-next.8 ### Minor Changes diff --git a/package.json b/package.json index 540f304..dd5821f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@solidjs/start-devtools", - "version": "1.0.0-next.8", + "version": "1.0.0-next.9", "description": "Development error and server-function tooling for Solid Start mode", "type": "module", "module": "./dist/index.js",