Beautify <script> part

Feature Request
1

Default script code block is looks ugly and hard to read:

<body id="TEST" is="dmx-app" class="pb-4">
    <script is="dmx-flow" id="TEST" type="text/dmx-flow" autorun="true">[
  {
    serverConnect: {
      name: "sc",
      outputType: "object",
      url: "TEST",
      site: "TEST"
    }
  },
  {
    condition: {
      outputType: "boolean",
      if: "{{sc.data.toDisable}}",
      then: {
        steps: {
          runJS: {outputType: "text", function: "DisableAllButtons"}
        }
      }
    }
  }
]</script>

Try to implement beautifier something as bellow:

<body id="123" is="dmx-app" class="pb-4">
<script is="dmx-flow" id="flowSetReadOnlyScenario" type="text/dmx-flow" autorun="true">
[
  {
    "serverConnect": {
      "name": "sc",
      "outputType": "object",
      "url": "TEST",
      "site": "TEST"
    }
  },
  {
    "condition": {
      "outputType": "boolean",
      "if": "{{sc.data.toDisable}}",
      "then": {
        "steps": {
          "runJS": {
            "outputType": "text",
            "function": "DisableAllButtons"
          }
        }
      }
    }
  }
]
</script>
2

As far as I can see you converted a JS object to JSON, is that what you want?

3

Not really, to be more structured/beautified.