Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add solid-devtools panel #124

Draft
wants to merge 3 commits into
base: master
Choose a base branch
from
Draft

Conversation

thetarnav
Copy link

@thetarnav thetarnav commented Nov 22, 2022

Closes #117

It kinda works

There are a couple of issues to resolve though:

  • solid-devtools will work only with the latest version of solid—I'm constantly adding small things to solid that the debugger going to require to work correctly.

  • the debugger should only be loaded when the devtools are open—I don't consider it stable enough to have it running constantly.

  • I might need to add an option to the overlay package for it to be embeddable in an iframe. It is very likely that the devtools overlay and the user's app will mess with each other if it isn't separated.
    Not sure how can I go about doing that though. Iframes aren't really build-tool friendly.

  • if running the user's code throws an error, the render() root doesn't get disposed of on the next code change. Leaving it in the devtools UI. Likely that the debugger just needs to be cleared on every code-change.
    now roots get cleared with each code update

I've also made that the chii devtools are used on all chromium browsers, not only chrome itself.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Devtools (reactive graph visualization) in the playground
1 participant