[BUG] [Formatter] Repeated indentation of multiline JS string with --format-js

[vEnhance]

• I'm on the latest version of djLint
• I've searched the issues
• I've read the docs

System Info

• OS: Arch Linux
• Python Version (python --version) = 3.10.10
• djLint Version (djlint --version) = 1.25.0
• template language: djhtml

Issue

This was encountered in vEnhance/otis-web#191 (comment) and I am forwarding upstream at the request of @christopherpickering.

The snippet

<script type="text/javascript">
    let s = `
        <p>Text.</p>`;
</script>

is not reformatted properly by djlint with --format-js. Running the command causes the text line to be indented one further level each time.

How To Reproduce

Run djlint --format-js --reformat snippet.html on the snippet above. Example terminal session below as both text and image.

I /tm/djlint >> cat snippet.html                                                            dj🐍 [15:25]
<script type="text/javascript">
    let s = `
        <p>Text.</p>`;
</script>
I /tm/djlint >> djlint --version                                                            dj🐍 [15:25]
djlint, version 1.25.0
I /tm/djlint >> python --version                                                            dj🐍 [15:25]
Python 3.10.10
I /tm/djlint >> djlint --reformat --format-js snippet.html                                  dj🐍 [15:26]

Reformatting 1/1 files ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 00:00    


tmp/djlint/snippet.html
───────────────────────────────────────────────────────────────────────────────────────────────────────
@@ -1,4 +1,4 @@

 <script type="text/javascript">
     let s = `
-        <p>Text.</p>`;
+            <p>Text.</p>`;
 </script>

1 file was updated.

I /tm/djlint [1] >> djlint --reformat --format-js snippet.html                              dj🐍 [15:28]

Reformatting 1/1 files ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 00:00    


tmp/djlint/snippet.html
───────────────────────────────────────────────────────────────────────────────────────────────────────
@@ -1,4 +1,4 @@

 <script type="text/javascript">
     let s = `
-            <p>Text.</p>`;
+                <p>Text.</p>`;
 </script>

1 file was updated.

[welcome]

Thanks for opening your first issue here!

[vEnhance]

Might be related to #600.

[christopherpickering]

Thanks, I looked into it a bit and it seems like the contents of backtick blocks are not touched by jsbeautifier (good), but djlint wasn't expecting it :) . I'll see what can be done to fix this. Thanks for opening the issue!

[christopherpickering]

Sorry for the delay, this should be fixed by the next release.

[christopherpickering]

🎉 This issue has been resolved in version 1.25.1 🎉

The release is available on:

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

Your semantic-release bot 📦🚀