Fails to recognize Handlebars block with whitespace control, e.g. {{~#if true ~}}

[andersk]

Description

Handlebars supports whitespace control by putting ~ on one or both sides of any double-brace-enclosed statement. But js-beautify fails to recognize a statement with whitespace control, resulting in incorrect indentation.

Input

The code looked like this before beautification:

{{#if true}}<div><div>
{{~#if true ~}}<p>true</p>{{/if}}
</div></div>{{/if}}

Expected Output

The code should have looked like this after beautification:

{{#if true}}
    <div>
        <div>
            {{~#if true ~}}
                <p>true</p>
            {{/if}}
        </div>
    </div>
{{/if}}

Actual Output

The code actually looked like this after beautification:

{{#if true}}
    <div>
        <div>
            {{~#if true ~}}
            <p>true</p>
{{/if}}
</div>
</div>{{/if}}

Steps to Reproduce

html-beautify -H test.hbs

Environment

OS: Linux

Settings

None

[zalsaedy]

Hello! I saw this issue and would like to work on it. Are there any steps I need to take before doing so, besides what was stated in CONTRIBUTING.md?