$unsafe helper

[SimoTod]

To be used inside a x-html directory. It would roughly work in this way -> https://codepen.io/SimoTod/pen/zYoMayv

Known limitations:

• it would run the script tags even if you use the helper in other directives, the helper doesn't know which directive invoked it.
• the added scripts are appended to the bottom of the alpine component (my example above uses body just because it was fast to prove), so they won't be removed if x-html changes

[KevinBatdorf]

Could this some how work to load in something like this:

// external-file.js
<div x-data="myComponent"></div>
<script>
window.myComponent = function() {}
</script>

then

<div x-data x-html="content.length ? $unsafe(content) : 'loading...'"></div>
// content would be fetched and be the contents of external-file.js

Essentially making for an easy way to include partials?

[SimoTod]

It should work but people needs to be careful with naming conflicts

[SimoTod]

Maybe we should call it in a different way? $eval?

[KevinBatdorf]

$unsafeHTML() maybe?

We could probably use $eval() as a wrapper for saferEval()

[SimoTod]

It feels weird to call it "unsafe" but I guess it's what it does.

[KevinBatdorf]

I've been learning Rust on the side and they use "unsafe Rust" there often so to me it feels right.