renderToString without hydration markers?

Hello! Is there a way to use solid's renderToString such that it doesn't output the hydration markers (data-attributes and html comments)? Would be nice, then I could use the same JSX I already have in my project to send HTML emails.... Should I open up a feature request on GitHub?

Alex Lohr•2/8/24, 10:34 AM

You can use

Alex Lohr•2/8/24, 10:34 AM

to mark code blocks that should not be hydrated and thus need no markers.

mb21OP•2/8/24, 10:41 AM

Nice, thanks! That got rit of the data-attributes. The html comments are still there though

Alex Lohr•2/8/24, 12:39 PM

Yes, those are used by insertion, not by hydration.

Alex Lohr•2/8/24, 12:39 PM

It should be trivial to hook up an HTML minifier that removes the comments, though.

mb21OP•2/8/24, 1:49 PM

right... or a regex

(as I don't want to add another npm dependency just for that)

but perhaps worth considering adding this behaviour to as an option?

Or why does not remove the comments? I don't understand how you can do insertion without doing hydration...

Alex Lohr•2/8/24, 6:32 PM

Parsing HTML with a regular expression is prone to errors.

Alex Lohr•2/8/24, 6:33 PM

The comments are there to divide JSX expressions. I.e. if you have , then the comments divides the text into multiple nodes that can be updated separately.

ryansolid•2/10/24, 7:47 AM

You can turn off hydration in the babel plugin and they will be all gone

ryansolid•2/10/24, 7:48 AM

hydratable: false