This is really similar to Quokka, which is a fantastic tool and worth every penny.
If you can build something portable, charge money for it IMO. I currently pay $50/year for this:
Show HN: Sunflower Editor – like adding console.log to every line of your code
21–27 of 27 posts
Re: Show HN: Sunflower Editor – like adding console.log to every line of your code
#22This reminds me of a very similar product, QuokkaJs [0] which works across many popular editors, VSCode, Atom, Sublime, Jetbrains suite. [0] https://quokkajs.com/
https://runjs.app/ is also another player in this area, though is its own editor.
Happy long time RunJs user. Super useful and battle tested for quick prototypes. Sunflower looks interesting too.
Re: Show HN: Sunflower Editor – like adding console.log to every line of your code
#23This is really similar to Quokka, which is a fantastic tool and worth every penny. If you can build something portable, charge money for it IMO. I currently pay $50/year for this: https://quokkajs.com/
Quokka looks interesting. An extension is definitely a possibility and if so it would support DOM, Vue, NodeJS, Electron, etc — not just run things in a separate NodeJS instance.
The other route I am considering is integrating backend, hosting, and a market — so the site becomes a vertically integrated code creation place.
Re: Show HN: Sunflower Editor – like adding console.log to every line of your code
#24Yeah, debugging experience is hard for me. I wish your solution works for JetBrains IDEs. I do javascript playground ( https://PlayCode.io ) too, and this feature will be shining
Yes! I think seeing values is the next step in faster coding. DM me on Twitter if you want to talk!
Re: Show HN: Sunflower Editor – like adding console.log to every line of your code
#25Creator here, thanks for checking out the editor! Here are some more examples: React: https://editor.sunflower.industries/?loadExample=reactExampl... . A 1500-line React app (in one file) will work just fine. Hot Swapping: https://editor.sunflower.industries/?loadExample=replExample Our goal is to make it easier to see what's happening in programs, and in doing so make coding faster. Eventually we want to build in th…
For anyone who wants to be notified specifically when an extension for VSCode/Atom/etc is released, please fill out this form!
Re: Show HN: Sunflower Editor – like adding console.log to every line of your code
#26Earlier quoted context omitted.
Very cool. One note: the browser (at least Firefox and Chrome) becomes unresponsive for a while if the code takes too long to run. For example: for (i = 0; i
Another fun example: function fib(n) { if(n == 0 || n == 1) return 1; else return fib(n-1) + fib(n-2); } fib(100);
Haha, both of those cases are killing both the iframe and the UI. I have to get around to using totally different domain on the iframe to really take advantage of the Chrome process isolation. Previously I was using a really nice JS interpreter written in JS[0] before to solve that problem, but it ran 200 times slower than the browser interpreter(!)
Re: Show HN: Sunflower Editor – like adding console.log to every line of your code
#27This is awesome! It got me curious about something like this for python and I stumbled upon Wolf [0], which looks pretty cool.