myme / elvis

Generate HTML DOM programmatically

• 👋 Hi, I’m Martin!
• 👀 I’m interested in nix ecosystem and functional programming in Haskell, but I mostly do professional work in Python and TypeScript.
• 🌱 I’ve been currently learning a bit of rust and go.
• 📫 Reach out to me through the footer links on my home page: https://myme.no.

elvis's Issues

Fix `elvis.on`

elvis.on is currently only using addEventListener, which is not cross-browser compatible.

Add Backbone.Collection bindings

Add ways to bind to properties on Collections as well.

Bind to length:

var collection = new Backbone.Collection();
elvis('div', collection.bindTo('length'));

Bind to collection elements:

var collection = new Backbone.Collection();
elvis('ul', collection.bindTo('[]').get(function (elements) {
    return elements.map(function (element) {
        return elvis('li', element.get('attribute'));
    });
}));

Fix 3-argument call format with int as third argument

It seems like there's a DOM Exception thrown when elvis get's an int as its third argument. This should be handled gracefully by elvis.

Fix IE8 issues

There are several early IE issues:

• document.ELEMENT_NODE and document.TEXT_NODE are not defined constants on early IE version.
• Emptying out a table element using innerHTML = "" causes a runtime error.
• textContent is not supported on all IE versions. Use innerText instead.
• Text nodes do not support neither of textContent nor innerText and should be set using nodeValue.

Support nested tag specifiers

When an element only has one child, it could perhaps be nice to support a syntax like the following:

el('thead tr td ', ...)

Support properties

Currently, setting properties does not work:

elvis('button', { disabled: false });
elvis('button', { disabled: true });

Should of course also work with bindings.

Use `listenTo` when adding Backbone bindings in `view.render`

Currently Backbone bindings are using .on to register event listeners. When rendering Backbone views it's better to use .listenTo to ensure that bindings are torn down when the view is destroyed.

Add conversion tool

Convert HTML => JavaScript or CoffeeScript and vice versa.