Show HN: Sunflower Editor – like adding console.log to every line of your code

Creator here, thanks for checking out the editor!<p>Here are some more examples:<p>React: <a href="https:&#x2F;&#x2F;editor.sunflower.industries&#x2F;?loadExample=reactExample" rel="nofollow">https:&#x2F;&#x2F;editor.sunflower.industries&#x2F;?loadExample=reactExampl...</a> . A 1500-line React app (in one file) will work just fine.<p>Hot Swapping: <a href="https:&#x2F;&#x2F;editor.sunflower.industries&#x2F;?loadExample=replExample" rel="nofollow">https:&#x2F;&#x2F;editor.sunflower.industries&#x2F;?loadExample=replExample</a><p>Our goal is to make it easier to see what&#x27;s happening in programs, and in doing so make coding faster. Eventually we want to build in the ability to deploy both frontend and backend (Node), all from the same editor page.<p>Please follow us on Twitter if you are interested in updates! <a href="https:&#x2F;&#x2F;twitter.com&#x2F;SunflowerEditor" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;SunflowerEditor</a><p>EDIT: oh, also collaboration is built in with Yjs. Just share your URL (the one that has ?room=...) with someone else.

This reminds me of a very similar product, QuokkaJs [0] which works across many popular editors, VSCode, Atom, Sublime, Jetbrains suite.<p>[0] <a href="https:&#x2F;&#x2F;quokkajs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;quokkajs.com&#x2F;</a>

This is really interesting, and I can see how this would be very useful, especially for someone like me who doesn&#x27;t work with JS all day long.<p>FYI, when messing with the Array, I got into an unexpected state where clicking one of the entries selected it (applied it?) as the &quot;grey&quot; text, and I wasn&#x27;t able to get back to the full array details.<p>As an aside, I have been using Joplin&#x27;s Math Mode plugin[0] for a while, and this reminds me of it.<p>[0] <a href="https:&#x2F;&#x2F;discourse.joplinapp.org&#x2F;t&#x2F;plugin-math-mode&#x2F;13254" rel="nofollow">https:&#x2F;&#x2F;discourse.joplinapp.org&#x2F;t&#x2F;plugin-math-mode&#x2F;13254</a>

This is really similar to Quokka, which is a fantastic tool and worth every penny.<p>If you can build something portable, charge money for it IMO. I currently pay $50&#x2F;year for this:<p><a href="https:&#x2F;&#x2F;quokkajs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;quokkajs.com&#x2F;</a>

This is nice, and really impressive especially using a CRDT for syncing between users. It&#x27;s like having the debugger running all the time.

Interesting, the steady state nature of the code reminds me of MS Excel! Which is a compliment by the way :)

This is awesome! It got me curious about something like this for python and I stumbled upon Wolf [0], which looks pretty cool.<p>[0]: <a href="https:&#x2F;&#x2F;github.com&#x2F;Duroktar&#x2F;Wolf" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;Duroktar&#x2F;Wolf</a>

Very cool tool, I imagine it would be very very useful when learning JS or for debugging

Yeah, debugging experience is hard for me. I wish your solution works for JetBrains IDEs.<p>I do javascript playground (<a href="https:&#x2F;&#x2F;PlayCode.io" rel="nofollow">https:&#x2F;&#x2F;PlayCode.io</a>) too, and this feature will be shining

Xcode playground are similar, very helpful when learning.<p>As others mention, this could be a VSCode extension.

Nitpick: Please don&#x27;t break the back button.