RawValues editor does not handle properly the YAML Multiline strings correctly

[j-zimnowoda]

Describe the bug: (a clear and concise description of what the bug is)

This issue occurs while setting values with Multiline strings in the rawValues editor in otomi console.

The YAML syntax supports two kind of multi line stings

• literal style, indicated by a pipe |
• and block Style, right angle bracket >

We observe that the very first | from the user input in removed while submitting the form, thus breaking the whole formatting of the YAML file

To Reproduce
Steps to reproduce the behavior:

1. Go to nginx-ingress app setting and select the rawValues tab
2. Enter the following text and click submit

a:
  b: |
    cd

abcd:
  e.yaml: | 
    f.g:
      - i
        j: k

3. Refresh the page and observe that formatting is broken:

a: b:| cd
abcd:
  e.yaml: |
    f.g:
      - i
        j: k

Expected behavior:
rawValues editor supports YAML Multiline strings

[dennisvankekem]

@j-zimnowoda because you need to escape | with a whitespace like so:

[j-zimnowoda]

Indeed there was missing white space.

Take a look on the following example:

controller:
  config:
    modsecurity-snippet: |
      SecRuleEngine DetectionOnly
      SecAuditEngine RelevantOnly
      # SecRequestBodyAccess Off
      SecAuditLogParts ABDEFHIJZ
      SecAuditLogFormat JSON
      SecAuditLogType Serial
      SecAuditLog /var/log/nginx/modsecurity/modsecurity_log.json
      # overrides for owasp go before inclusion of the defaults in nginx-modsecurity.conf
    aa.yml: |
      aa.inputs:
        - type: log
          paths:
            - /var/log/modsecurity/modsecurity_log.json

will produce

>
controller:
  config:
    modsecurity-snippet: >
      SecRuleEngine DetectionOnly

      SecAuditEngine RelevantOnly

      # SecRequestBodyAccess Off

      SecAuditLogParts ABDEFHIJZ

      SecAuditLogFormat JSON

      SecAuditLogType Serial

      SecAuditLog /var/log/nginx/modsecurity/modsecurity_log.json

      # overrides for owasp go before inclusion of the defaults in nginx-modsecurity.conf
    aa.yml:       aa.inputs:
        - type: log
          paths:
            - /var/log/modsecurity/modsecurity_log.json

[dennisvankekem]

I can reproduce this, will look into it today

[dennisvankekem]

From what I can see is that the problem does not lie with the | but rather with a wrong conversion from | to > that happens somewhere in code whenever a long string is present, I'll dive into the code to see where this is happening.

[j-zimnowoda]

Introduction of a new editor in otomi-console solves the formatting issues.

However, there is an issue with multiline string syntax highlighting: uiwjs/react-monacoeditor#163. We are going to monitor the status of this issue and update the editor version