search

VulcanJS / Vulcan

🌋 A toolkit to quickly build apps with React, GraphQL & Meteor
http://vulcanjs.org
MIT License
7.98k stars 1.88k forks source link

Vulcan debug bar #2143

Open SachaG opened 5 years ago

SachaG commented 5 years ago

We could have a live floating debug bar or icon in dev mode to expose debug features?

eric-burel commented 5 years ago

That's the kind of feature people like to see in a framework, as it can improve devX a lot.

Also if it's pluggable, that could be a place to add custom widgets like we had in Meteor toys, that can be nice for fast debugging/admin operations even on production.

However if you go for a floating item it's position has to be editable, and user must be able to disable it, because it can be annoying when developing the frontend.

If you use Word + Dropbox think about the dropbox floating button, the thing is positioned either on the scrollbar, on my text, or on the button I want to click, and it's hard to disable. Literally gives me nightmare.

SachaG commented 5 years ago

What about a Chrome Devtools panel then? All it would need to do is display the contents of /debug/emails, /debug/components, etc.

eric-burel commented 5 years ago

A Vulcan-Chrome package would be fun indeed

Julien-Sytadelle commented 5 years ago

About Debugging, A recipe to debug both client and server sides with a popular IDE could be useful. I am using vscode but would switch to any ide to have this. I tried in vain with some vscode meteor recipes. Maybe it comes from the fact that I learn node, meteor with vulcan.

If some recipes are already working, maybe add a link in the docs.

eric-burel commented 5 years ago

Sadly I think VS code + the meteor recipes is still the best way, though unreliable and very hard to install :/