reflex-app / reflex-app/reflex
Feature: Embedded/docked DevTools
Nobody has claimed this yet.
- Dominant language
- Vue
- Stars
- 34
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
If you're using the app in fullscreen or fullscreen next to another window, opening DevTools will create a new popup window, separate from the app. This causes DevTools to show up in a different space on MacOS—which is very frustrating to work with. It would make more sense to see the DevTools inside the same window (or at least to have the choice, like you're used to in Chrome).
Case 1: You want to select a certain node inside of a frame, so you want to right-click it and go to "Inspect element", which takes you right to it in DevTools.
Case 2: You want the DevTools to just be open and available while you're working, so you can toggle a button on/off to display it.
Possible solution:
https://github.com/nwjs/nw.js/wiki/Devtools-jail-feature
Contributor guide
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 by reviewing the app's Electron DevTools integration and the linked NW.js Devtools jail feature. Compare the requested embedded behavior for the two described cases, then define how the toggle and Inspect Element flow should work. Done means DevTools can be embedded in the app window or chosen as a separate window without disrupting fullscreen workflows.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- electron, macos
- Domain
- desktop, devtools
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100