currently, only the java code is pretty printed it would be nice to also pre

the parser is from <a href="https://github.com/jarek-foksa/xel/blob/b68391d2787c76ec57

renaming the functions to html and <code

prettify html and css strings in tagged template literals about webcrack HOT 2 CLOSED

milahu commented on August 21, 2024

prettify html and css strings in tagged template literals

from webcrack.

Comments (2)

j4k0xb commented on August 21, 2024

the parser is from https://github.com/jarek-foksa/xel/blob/b68391d2787c76ec574948d649ab6e77ecb554d9/utils/template.js, including all elements: https://github.com/jarek-foksa/xel/blob/master/elements/x-tag.js
so it doesn't make too much sense to develop some sophisticated guessing and prettifying when the source code is available
another issue is that modifying the spaces and newlines can affect the formatting (e.g. in a <pre> element)

if you still wanna do it, I suggest renaming the functions to html and css, then letting prettier handle it: playground

from webcrack.

milahu commented on August 21, 2024

renaming the functions to html and css

thanks! : )

#!/usr/bin/env bash

s=""

mangled_html="un"
mangled_css="xn"

# rename tagged template literals to html`...` and css`...`
# so prettier can prettify the string contents
# \b = word boundary   
s+='s/\b'$mangled_html'`/html`/g;'
s+='s/\b'$mangled_css'`/css`/g;'

# rename the tag functions to html and css
s+='s/let '$mangled_html' =/let html =/g;'
s+='s/let '$mangled_css' =/let css =/g;'

# replace html`${'str'}` with html`str`
# \b = word boundary
s+="s/\bhtml\`\\\$\{'([^'\`]*)'\}\`;/html\`\1\`;/g;"

sed -i -E "$s" elements/apps/bx-progressivewebapp.js

prettier -w \
  elements/apps/bx-progressivewebapp.js \