5 ms·

Feedback: This seems to push a history state as I click around the app. Please don’t do this; if you want to store (selection) state in the history that’s fine

by jitl 5y ago

Feedback: This seems to push a history state as I click around the app. Please don’t do this; if you want to store (selection) state in the history that’s fine but use replace semantics instead. As to the app itself, I can’t really understand what’s going on here although I’m viewing on an iPhone. I use Mermaid syntax to create flow charts in Vim, so I’m interested in this “flowchart for engineers” market but the UI here is a little obscure.

escot 5y ago
It doesn't work well on mobile as of now because its dependent on hotkeys. Like option-arrow to add a node right, cmd-arrow to navigate along the graph, etc. I'll look into the history issue, thanks.
nicoburns 5y ago
> This seems to push a history state as I click around the app. Please don’t do this; if you want to store (selection) state in the history that’s fine but use replace semantics instead. Sublime text handles this in the best way I've seen. The undo-stack stores selection changes, but Ctrl-Z ignores them and undoes directly back to the last actual edit. There is a separate keyboard shortcut (Ctrl-U) that does "Undo Selection". So it's out of the way unless you need it, at which point it's super useful (e.g. if you spent some time making a complex multi-selection that accidentally mess it up)
- tylorr 5y ago
  I've wanted undo selection so many times in Sublime Text and I had no idea this existed, thank you!
Closi 5y ago
> As to the app itself, I can’t really understand what’s going on here although I’m viewing on an iPhone. It's no clearer on desktop - I'm on a laptop and have no idea what is going on either :)
- escot 5y ago
  I'll work on it. I replied to the parent comment with a more detailed explanation. I also have some video examples on my twitter https://twitter.com/ScottyAntipa/status/1389945085001756672?s=20 https://twitter.com/ScottyAntipa/status/1389945085001756672?...
escot 5y ago
> the UI here is a little obscure The '?' button explains a bit, and the keyboard shortcut dropdown next to it. Basically its a DAG editor. All actions are done by either keyboard shortcuts (add node, delete etc) or by clicking on the dedicated buttons in the toolbar. Thats why there isnt much to the UI -- you're supposed to do everything through your keyboard. I should probably add some more UI affordances though, like little '+' signs on nodes to add, etc. The main difference to other flowchart editors is that it uses a 2D table, kind of like a spreadsheet, to layout the nodes. This gives you different editing abilities like multi-select, delete, navigate, etc which are more cumbersome w/ a boxes and arrows type flowchart editor. > I use Mermaid syntax I do as well, but I made this to have a flowchart editor not based on code. I added an export to mermaid feature just because its a common way for engineers to share the diagrams. I'll work on making the UI more intuitive, thank you for the feedback.

by jitl 5y ago

escot 5y ago

It doesn't work well on mobile as of now because its dependent on hotkeys. Like option-arrow to add a node right, cmd-arrow to navigate along the graph, etc. I'll look into the history issue, thanks.

nicoburns 5y ago

> This seems to push a history state as I click around the app. Please don’t do this; if you want to store (selection) state in the history that’s fine but use replace semantics instead. Sublime text handles this in the best way I've seen. The undo-stack stores selection changes, but Ctrl-Z ignores them and undoes directly back to the last actual edit. There is a separate keyboard shortcut (Ctrl-U) that does "Undo Selection". So it's out of the way unless you need it, at which point it's super useful (e.g. if you spent some time making a complex multi-selection that accidentally mess it up)

tylorr 5y ago
I've wanted undo selection so many times in Sublime Text and I had no idea this existed, thank you!

Closi 5y ago

> As to the app itself, I can’t really understand what’s going on here although I’m viewing on an iPhone. It's no clearer on desktop - I'm on a laptop and have no idea what is going on either :)

escot 5y ago
I'll work on it. I replied to the parent comment with a more detailed explanation. I also have some video examples on my twitter https://twitter.com/ScottyAntipa/status/1389945085001756672?s=20 https://twitter.com/ScottyAntipa/status/1389945085001756672?...

escot 5y ago

> the UI here is a little obscure The '?' button explains a bit, and the keyboard shortcut dropdown next to it. Basically its a DAG editor. All actions are done by either keyboard shortcuts (add node, delete etc) or by clicking on the dedicated buttons in the toolbar. Thats why there isnt much to the UI -- you're supposed to do everything through your keyboard. I should probably add some more UI affordances though, like little '+' signs on nodes to add, etc. The main difference to other flowchart editors is that it uses a 2D table, kind of like a spreadsheet, to layout the nodes. This gives you different editing abilities like multi-select, delete, navigate, etc which are more cumbersome w/ a boxes and arrows type flowchart editor. > I use Mermaid syntax I do as well, but I made this to have a flowchart editor not based on code. I added an export to mermaid feature just because its a common way for engineers to share the diagrams. I'll work on making the UI more intuitive, thank you for the feedback.