[FEATURE] Indent custom block form_start in Twig

[lukepass]

• I've searched the issues
• I've read the docs

Feature Request

Hello, I tried using the custom_blocks and custom_html configuration parameters but I couldn't get the indentation to work when using form_start (a Symfony helper). How can I indent this with djLint?

{{ form_start }}
    {{ form_widget(form) }}
    <!-- Other -->
{{ form_end }}

My configuration:

{
  "extension": "html.twig",
  "profile": "nunjucks",
  "custom_blocks": "form_start,form_end",
  "custom_html": "turbo-frame"
}

Thanks!

[christopherpickering]

Hi @lukepass this syntax isn't curretly supported > when hugo support is added then it should work.
currently only {% ... %} tags can be used for indent blocks but w/ hugo we should be able to do {{ ... }} indent blocks.

[lukepass]

Hello and thanks for the answer! What is hugo support?

[christopherpickering]

I should have been clearer :) The Hugo template language. They are also using {{ for blocks. What template language are you using? or where do the {{ blocks come from?

[lukepass]

I am using Twig (with Symfony).
The {{ syntax is for outputting things and the {% is for other things. For example:

{% set test = 'Test' %}
<p>{{ dump(test) }}</p>

[christopherpickering]

Thanks!

[lukepass]

Hello, is there any news about this issue?

Thanks!

[christopherpickering]

Hey @lukepass nothing yet. I think it will be a hefty project. Do you happen to have a public repo with html using this tag style that I could practice on?

[lukepass]

Yes, you can try the official Symfony Demo project which has a lot of recommended practices, here you can find a file containing {{ form_start(form) }} indented:

https://github.com/symfony/demo/blob/main/templates/user/edit.html.twig

Thanks.

[christopherpickering]

@lukepass I finally read the symfony docs and reallized that this is the only tag they have in {{ }} double curly. I will add it in the next release.

[christopherpickering]

🎉 This issue has been resolved in version 1.31.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀