Add style and script tag

[def-roth]

Feature proposal style & script tag

Improvement:

Stylesheet Management, a solution for #44
CSS Animations without external deps.
Executing custom JS.

Currently reka.js has the text value

  if (props.view.tag === 'text') {
    return <span>{props.view.props.value}</span>;
  }

If right now one adds a script or style-tag and tries to insert a text value a span is inserted which is not how they work.
By adding the corresponding tags to the renderer they are usable.

  if (props.view.tag === 'style') {
    return <style>{props.view.props.value}</style>;
  }
  if (props.view.tag === 'script') {
    return <script>{props.view.props.value}</script>;
  }

Problems:

Adding either of those tags will open up for XSS.
Right now they're pretty safe as they cannot be used by default.

Otherwise:

An anchor tag can already be prepared with a malicious link for clickjacking.

I have both of those already running and can create a PR.

[prevwong]

Since this is already be possible right now where the only work that needs to be done to support this is on the Renderer ( on the consumer side), I don't think there's anything we need to do on Reka itself(?)

[def-roth]

Yeah, adding it to the Renderer is no big deal. It's more of a question if this should be added to the main branch or if users of reka should add that feature themselves. Imho the addition would spare the users time to figure it out theirselves and point towards a possible direction. That's what the Renderer is for anyway i assume