Do not working sorted in jinja/htmldjango

[whiskeycola]

Sorting in htmldjango blocks does not work.
In this file, classes are sorted only in the last block where controllflow is not used.

<div
  {% if title.len() > 0 %}
    class="pt-3 p-1"
  {% endif %}
></div>
<div {% if title.len() > 0 %}class="pt-3 p-1"{% endif %}></div>
<div class="p-1 pt-3"></div>

[thecrypticace]

Hey! This is because Prettier does not support the Jinja language so we have not added support for it. There looks to be a plugin that adds support for this to Prettier and it may be something we could also support but this will require investigation to determine whether or not that is feasible.

I've made a note internally to look into this.

[thecrypticace]

So I did a bit of looking around and prettier-plugin-jinja-template works out of the box with our plugin because it treats HTML as an embedded language. However, it will not get the results you expect because it replaces entire expressions with a placeholder.

That process turns the above HTML into this:

<div
  #~3~#
></div>
<div #~6~#></div>
<div class="sm:p-0 p-0"></div>

It does also pass the content of expressions though the HTML parser:

but in this case it's passing in just the inside part which doesn't contain HTML tags and is therefore parsed by Prettier as text and not HTML elements / attributes.

If/when you're able to wrap entire tags in Jinja expressions though it appears to work fine though.

So there's not much we can do about this one unfortunately — sorry!