Feature request: `[tl! hide]` (proposed solution to prettier moving comments)

[michael-mcgreal]

Being able to use prettier to format code snippets before passing them to torchlight is a dream!

However, I've been regularly encountering a case where prettier moves my comment to a new line, changing which line torchlight highlights.

const fn = () => (
  <div> // [tl! highlight]
    <div></div>
  </div>
)

Which prettier formatting transforms to:

const fn = () => (
  <div>
    {' '}
    // [tl! highlight]
    <div></div>
  </div>
)

(With the [tl! highlight] is moved to a new line)

Does anyone have tips on how to prevent prettier from doing this? Or workarounds?

[michael-mcgreal]

Using // prettier-ignore does solve prevent the comment from being moved – however, the prettier comment is then shown in my highlighted code snippet

A torchlight config to hide all // prettier-ignore comments might be a footgun

Maybe a // [tl! hide] comment would instruct torchlight to remove the entire comment? (not just the tl portion of the comment)

Like this

const fn = () =>
  // prettier-ignore // [tl! hide]
  <div> // [tl! highlight]
    <div></div>
  </div>