Fix unwanted white-space surrounding inline elements

[Roboe]

This only happens with the pretty option.

Before this:

<p>
  JSX (
  <strong>JavaScript Syntax Extension</strong>
  )
</p>

After this:

<p
    >JSX (<strong>JavaScript Syntax Extension</strong>)
</p
    >

Prettier docs: https://prettier.io/docs/en/options.html#html-whitespace-sensitivity

[dqh-au]

Ah, yep. Sadly this will make the output far less 'pretty' but I agree that it's the right change to make.

[Roboe]

Sure. At least it's still quite readable, though. But more importantly, it won't make you crazy debugging whitespace issues, 😂

[dqh-au]

I'm curious - why are you using the option? It's mostly there for generating the documentation, for which I'll now have to add a new flag for the unsafe behaviour. Strict mode is quite ugly (perhaps I should keep pretty as it was and add --ugly)

[Roboe]

I've using the pretty option for development builds. That way, debugging is nicer.

[dqh-au]

Found a bug in Prettier while looking at this!

[dqh-au]

So, NakedJSX 0.14.4 adds --pretty-ish which enables 'strict' whitespace mode. And --pretty now uses 'css' whitespace mode rather than 'ignore', which attempts to not alter meaningful whitespace based on the default css display property for the element type.