Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions .changeset/pre.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,22 +5,31 @@
"@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",
"quiet-cats-smile",
"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"
Expand Down
42 changes: 42 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -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
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand Down