Improve DX in the Code Node (with formatting, fullscreen editing, ...)

[ajubin]

Hello,

I write some Custom JS code in “Code Node” in the editor, and the experience could be improved by

• adding a button to format code
• increasing the number of code lines seen on a small screen (both width and height), for example with a “toggle fullscreen” button

I’m not a UX expert so buttons may not be the best choice

Thanks again for this amazing product

[barn4k]

@ajubin

adding a button to format code

What do you mean? Is it not formatting good enough?

@ajubin

increasing the number of code lines seen on a small screen (both width and height), for example with a “toggle fullscreen” button

You have that button in the bottom-right corner…

Plus you can drag and move the right and left panels to increase the size of the window.

[Jon]

There is an existing feature request for a full screen code editor, It would be worth voting on that and making this one around formatting.

[ajubin]

As I’m self-hosting, I wasn’t on the latest version and didn’t have the “Open Edit Worfklow” button, thanks
On small screen (13inch), even when dragging the panel, when I write some program, the editor is still too narrow. But it’s not horrible though

For the code formatting, I was thinking of something like this

• a button to “format code” that uses prettier basic configuration

[barn4k]

yeah, that one would be nice.

Especially for any field that uses expressions and a JSON