babel-transform-jsx: handle JSX fragments

[blikblum]

Makes jsx to htm babel transform handle JSX fragments both React.Fragment and short (<></>) syntax.

Basically removes the fragment nodes

[developit]

Isn't the default behaviour what folks want here?

// input:
<Fragment>
  <div />
  <div />
</Fragment>

// output:
html`
  <${Fragment>
    <div />
    <div />
  </${Fragment}>
`

[blikblum]

Isn't the default behaviour what folks want here?

No. React.Fragment and its short syntax <></> exists to support multiple roots in JSX/React. Since htm supports multiple roots without special markup there's no need for it

[developit]

@blikblum seems reasonable. I'll need a bit to properly review.

[jviide]

I think the idea is sound 👍 Added a couple of suggestions regarding the structure and formatting, and added a suggestion to use this opportunity to make the plugin more robust overall.

[jviide]

Looks good. Great job, @blikblum 👍

[jviide]

Thanks!