Natto.dev – A Canvas for JavaScript • Hacker News Board

Re: Natto.dev – A Canvas for JavaScript

#91

Post by paulshen » Tue, Apr 13, 2021, 10:50 PM UTC

mtm7 wrote: post #76

One thing I really appreciate about this is the design! It feels so calm and friendly – like a lot of care went into it. I love how everything snaps to the grid, and that it's achieved via CSS transforms.

Thanks for the kind words :)

Re: Natto.dev – A Canvas for JavaScript

#92

Post by paulshen » Tue, Apr 13, 2021, 10:51 PM UTC

verifex wrote: post #80

paulshen wrote: post #75

Earlier quoted context omitted.

Thanks for feedback! Mousewheel should pan! You can hold down spacebar to pan anywhere (also dragging). Clicking the 100% in the toolbar lets you zoom. Some more shortcuts here https://twitter.com/_paulshen/status/1381744260945379331 Which example isn't working for you? and I plan to add more examples (maybe community?) and interactive tutorial in the future!

The spotify example didn't work for me. Oh man, I just noticed the zoom button at the top, silly me! :D

For the spotify example, you'll have to fill out your own Spotify API tokens (see the two input panes - "api client *")

Re: Natto.dev – A Canvas for JavaScript

#93

Post by bkyan » Wed, Apr 14, 2021, 12:24 AM UTC

paulshen wrote: post #44

Hi all! Developer here before first coffee I'm actively working on natto.dev and it really is in "preview". I'm excited about the future of programming and having a canvas to explore it on. still looking for "crazier" ideas - my favorite current one is dragging a column out of a table. https://twitter.com/_paulshen/status/1366801887341649924 The more I work on it, the more confident I am that there's something there.…

I love how clean the interface feels! Are you using a 3rd party tool for the foldable JSON editor, or did you build it yourself?

Re: Natto.dev – A Canvas for JavaScript

#94

Post by shhsshs » Wed, Apr 14, 2021, 12:51 AM UTC

paulshen wrote: post #90

somishere wrote: post #87

amazing! thinking of something to use it for. v. minor bug, +/- keys zoom in and out even when editing a field :)

Thanks! I'm having trouble reproing this. What field were you editing?

Any text box.

Right click -> add text Then type +/- in the text box

Re: Natto.dev – A Canvas for JavaScript

#95

Post by [deleted] » Wed, Apr 14, 2021, 1:45 AM UTC

easton wrote: post #28

nkmnz wrote: post #5

Please don’t prevent people from leaving your site using browser navigation. It’s impossible to get back to hackernews by swiping back on iOS.

> Please don't complain about website formatting, back-button breakage, and similar annoyances. They're too common to be interesting. Exception: when the author is present. Then friendly feedback might be helpful. Given that this isn’t “Show HN”, please don’t comment about this. https://news.ycombinator.com/newsguidelines.html

[deleted]

Re: Natto.dev – A Canvas for JavaScript

#96

Post by paulshen » Wed, Apr 14, 2021, 2:17 AM UTC

bkyan wrote: post #93

paulshen wrote: post #44

Hi all! Developer here before first coffee I'm actively working on natto.dev and it really is in "preview". I'm excited about the future of programming and having a canvas to explore it on. still looking for "crazier" ideas - my favorite current one is dragging a column out of a table. https://twitter.com/_paulshen/status/1366801887341649924 The more I work on it, the more confident I am that there's something there.…

I love how clean the interface feels! Are you using a 3rd party tool for the foldable JSON editor, or did you build it yourself?

thanks! It's something I built myself. A React component that branches on value type and recurses on collections (arrays and objects).

Re: Natto.dev – A Canvas for JavaScript

#97

Post by paulshen » Wed, Apr 14, 2021, 2:28 AM UTC

shhsshs wrote: post #94

paulshen wrote: post #90

Earlier quoted context omitted.

Thanks! I'm having trouble reproing this. What field were you editing?

Any text box. Right click -> add text Then type +/- in the text box

got it! should be fixed

Re: Natto.dev – A Canvas for JavaScript

#98

Post by somishere » Wed, Apr 14, 2021, 4:41 AM UTC

paulshen wrote: post #97

shhsshs wrote: post #94

Earlier quoted context omitted.

Any text box. Right click -> add text Then type +/- in the text box

got it! should be fixed

bingo!

Re: Natto.dev – A Canvas for JavaScript

#99

Post by bkyan » Wed, Apr 14, 2021, 10:36 AM UTC

paulshen wrote: post #54

mbar84 wrote: post #51

I think it would be very useful if there were a way to box other boxes, possibly designating specifc ones as the input/outputs of the big box. Bonus: if you collapse a box, it becomes a black box.

yes! This is what I'm exploring next, composability. One idea is to make "big boxes" like you describe. The other approach is to make canvases have special input/output pane and the ability to reference/run other canvases.

Although my interface doesn't wire nodes together, you might find the way I embedded spatial interfaces within each other (recursively) at https://beta.mindcast.com to be of interest for your exploration.

Re: Natto.dev – A Canvas for JavaScript

#100

Post by ChrisArchitect » Wed, Apr 14, 2021, 9:19 PM UTC

paulshen wrote: post #44

Hi all! Developer here before first coffee I'm actively working on natto.dev and it really is in "preview". I'm excited about the future of programming and having a canvas to explore it on. still looking for "crazier" ideas - my favorite current one is dragging a column out of a table. https://twitter.com/_paulshen/status/1366801887341649924 The more I work on it, the more confident I am that there's something there.…

regarding the name, I got hung up on the description as a 'canvas' -- seems like leaves open to misinterpretation about what this is, opens confusion with html 'drawing' canvas etc. Suggest maybe utilizing something more about 'visual interface', visual programming playground etc

Was a big fan of Pipes back in the day, so good job / neat work otherwise!