Write program turning HTML into Angular like html-to-react-components

If you know Angular, HTML, JavaScript and Ruby you're a perfect fit.
Need code which allows adding <component="BAR"> to templates
which then runs and extracts the components.
Existing JS code: https://github.com/roman01la/html-to-react-components
But only translates to React
I rewrote a prototype using Ruby.

It would be nice if we could add some way to specify template inputs like
<ul component="list_component" param_loop="items as item"/>
<li param="item"></li>
</ul>

to have the inputs of components done. So param_loop kinda means create parameter 'items'
and param item means the content of the <li> tag should be item (the var from loop)

I have attached the Ruby prototype which converts HTML to React so that you can get an idea
with parameters still missing.

The goal is being able to turn HTML templates into a format readable by many template engines
from plain PHP, Smarty, the many JS, HAML, .... etc

I am open to any language which gets the job done.

Be careful because components can be nested !