Feat: Add multiline support for editing objects and arrays in `on.editInspectorState`
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.9k
- Forks
- 279
- PR merge metrics
- No merged PRs in 30d
Description
Problem
Currently, editInspectorState uses an <input/> element for editing values. This works fine for primitives, but becomes difficult when editing objects or arrays.
Proposed solution:
Switch to a <textarea> (or similar multiline input) when the value being edited is an object or array. This would allow:
- Better visibility of the JSON structure
- Easier editing with proper line breaks and indentation
- Reduced chance of syntax errors
Example
Tanstack Devtools already does this:
https://github.com/user-attachments/assets/9f96c5d1-6b07-42bc-aa6b-25740b90bed8
I'll happily open a PR to add this feature
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the implementation of on.editInspectorState and inspect how the current input element is selected for editing values. Verify the object and array editing path, then confirm that multiline editing supports readable JSON structure while primitive editing continues to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, tooling
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100