Add prettier-plugin-jinja-template

[dannycolin]

Add a prettier parser for Pontoon jinja templates.

[mathjazz]

Nice work, Danny!

Please check the failing workflow.

[flodolo]

Worth noting that I see additional diff if I run make format locally with this PR.

Some of these errors (already closed html or tbody) feel off 🤔
For example, I can't spot a second </tbody> in team list.

[flodolo]

I checked again pontoon/teams/templates/teams/widgets/team_list.html, and I realized I have misread the error.

SyntaxError: Unexpected closing tag "tbody". It may happen when the tag has already been closed by another tag.

As @mathjazz pointed out while were discussing this, I think the problem is that there's a macro opening the <tbody> tag, then there's a second macro closing it, but the parser only knows about one macro at a time. So, either ignore the error or rewrite the template to have the full table markup within a macro.

[dannycolin]

@flodolo You're right. The parser works by:

1. temporarily replace jinja with placeholders
2. pipe the output to the html parser
3. readd the jinja code

This means it's impossible to have separated opening/closing tags wrapped in a conditional (or macro) statement. It's also impossible to have tags partially generated by jinja (e.g. <h{{ level }}). Before I start fixing the linting errors, @mathjazz do you think it's still worth implementing knowing the parser limitations?

References:

• Support for conditional opening and closing tags davidodenwald/prettier-plugin-jinja-template#7).
• SyntaxError if print node in opening HTML Tag davidodenwald/prettier-plugin-jinja-template#19

[mathjazz]

Before I start fixing the linting errors, @mathjazz do you think it's still worth implementing knowing the parser limitations?

It seems like there's just 9 files with errors in total? Some of the errors seem legit, others I'd fix by changing the structure or excluding the lines from formatting.