arc-plugin-enhance icon indicating copy to clipboard operation
arc-plugin-enhance copied to clipboard

Parser will extract script tags in script tags and bork the parent script

Open tbeseda opened this issue 11 months ago • 2 comments

Sounds wild, I know. And it's a bit of an edge case.
But if you have a script tag in an element definition, and then in that script tag you have a string that contains an open or close "

Here's a sample <my-element> that will blow up in the browser -- server render works, or at least doesn't throw

export default function ({ html }) {
  return html`
    <h1 class="text4 font-mono">my-element</h1>

    <script>
      console.log('start.')

      // this string will trip up the parser
      const someHTML2 = '<script>window.$$ = "$$";</script>'

      console.log('done.')
    </script>
  `
}

and here's a screenshot of what is rendered

image

tbeseda avatar Aug 02 '23 19:08 tbeseda