Encoded HTML ssr/browser rendering

[jondashkyle]

Really enjoying the new SSR capabilities with bel! I wanted to render some Markdown output on the server recently, and with @yoshuawuyts’s help was able to get this working in both the browser and SSR by doing something like this:

var example = format('<p>some example</p><h2>markdown output</h2>')

function format (str) {
  if (typeof window !== 'undefined') {
    var wrapper = html`<div></div>`
    wrapper.innerHTML = str
    return wrapper
  } else {
    var wrapper = new String(str)
    wrapper.__encoded = true
    return wrapper
  }
}

And a little interactive example using Glitch. Super awesome, but a little verbose. Maybe there is a way to do this using a single unified method? #42

[louiscenter]

this is a really useful snippet! thanks for sharing ✨

just incase anyone takes this for a spin with choo, make sure you're using v6, as it won't be compatible with choo v5 (found this out the hard way 😅)

[axelav]

brilliant! spent a while digging into this issue tonight until I got down to pelo & saw what was happening. this works perfectly, should def go on the working with html section of the wiki :)

[bcomnes]

Would this be worth exporting as a bundled-but-separate utility function?

[yoshuawuyts]

Yeah, think so - something like `require('bel/unescape')` or `bel/raw` might make sense I think. Having it be a completely separate module might make it trickier to find / adds more deps to projects which is not great

…

On Fri, Aug 4, 2017 at 7:14 PM Bret Comnes ***@***.***> wrote: Would this be worth exporting as a bundled-but-separate utility function? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#84 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACWlelu3VUSPqOl5tOw8EIikwFNr6Gckks5sU1DVgaJpZM4OV0mi> .

[jondashkyle]

@yoshuawuyts Yeah, echoing that thought—was discussing this with @louiscenter as I’m using this method within several projects right now. Keeping it within the bel package but separate from the core would be a great move. I could make a PR for it?

Also, a fan of bel/raw. 3/3.

[yoshuawuyts]

Think we all agree then. PR would be grand!

…

On Mon, Aug 7, 2017, 15:29 Jon-Kyle ***@***.***> wrote: @yoshuawuyts <https://github.com/yoshuawuyts> Yeah, echoing that thought—was discussing this with @louiscenter <https://github.com/louiscenter> as I’m using this method within several projects right now. Keeping it within the bel package but separate from the core would be a great move. I could make a PR for it? Also, pretty fan of bel/raw. 3/3. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#84 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACWlelKnLA7u8-tnY3HYBZtMBVmYQNytks5sVxE4gaJpZM4OV0mi> .

[goto-bus-stop]

https://github.com/choojs/nanohtml/blob/master/raw.js !