[IDEA] Add the ability to format javascript code

[sbraconnier]

Is your feature request related to a problem? Please describe.
When editing javascript code, it's not possible to format the code using a quick action (not that I'm aware of). It would be useful to be able to format the code using a context menu and/or a keyboard shortcut.

Describe your use case
na.

Describe the solution you'd like
The provided js-beautify library could be used to create an new action for the rsta that will allow the user to format the javascript code.

Describe alternatives you've considered
na.

Additional context
I would be happy to contribute for this one.

[tonygermano]

I think that's a great idea. Do you know if js-beautify works with rhino code containing all of the odd e4x syntax and operators? That seems to be the issue with most beautifiers and js written for mirth.

[tonygermano]

Looks viable. I just tried the following at https://js-beautify.com

const val = 1

default         xml namespace = 'uri://test'
  var x = <xml>
      <a val={val}/>
 </xml>
  
 for each (var a in x   ..a) { var b = a.*::b
               }

There was a setting at the top I had to change for e4x/jsx support or it really messed up the xml literal. It still didn't change the indents for the xml, but otherwise it seemed to work fine and cleaned it up to

const val = 1

default xml namespace = 'uri://test'
var x = <xml>
      <a val={val}/>
 </xml>

for each(var a in x..a) {
    var b = a.*::b
}

[sbraconnier]

This option is set programmatically here in the OIE source code. I would also set the indent_with_tabs to true as it seems to be the default behavior of the editor.

At the moment, the function JavaScriptSharedUtil#prettyPrint is only used to pretty print the read-only "Generated Script" tab of a transformer step (or filter rule). It could be easily used as an action to manually format the code. I've already started working on a PR.