bredele / vomit Goto Github PK

View Code? Open in Web Editor NEW

160.0 10.0 12.0 159 KB

:mask: A minimal high order function for building user interfaces

License: MIT License

JavaScript 91.03% CSS 8.97%

virtualdom template-string es6 javascript high-order streams

vomit's People

Contributors

Stargazers

Watchers

Forkers

jakeburden nissoh jacktuck robertoepe audinue

vomit's Issues

use switch case instead if

if we don't break the case for the function, we can go to the next case :)

Please consider changing the project description

“🦄 and make your applications lose some weight” is a pretty tasteless mockery of those with an eating disorder.

refactoring

we should make that function better:

function append(el, obj, content) {
  if(toString.call(obj) != '[object Object]' || obj.on) {
    content = obj;
    obj = null;
  }
  attrs(el, obj);
  if(content) {
    var bool = content.on;
    if(typeof content === 'function' && !bool) content = content(el);
    if(typeof content === 'string') content = document.createTextNode(content);
    if(content instanceof Array) content = fragment(content);
    if(bool) return content.on('data', function(data) {
      append(el, data);
    });
    el.appendChild(content);
  }
}

fragment tag

Useful for big processing:

vomit`
  <section>
    <ul>
        <fragment>

        </fragment>
    </ul>
  </section>
`

should support array children

We should be able to pass an array : this array could contain primitives, functions, promises and/or streams.

array placeholder

<ul>
  <li>test</li>
  ${arra.map(item => `<li>${item}</li>`}
 <li>what</li>
</ul>

The li what is before the array

vomit and existing dom element

vomit(dom, fn)

multiline

It seems like there is an infinite loop when doing multiline:

vomit`
<div>
  <button>hello</button>
</div>
`

concat string before creating element

var type = 'expanded'
vomit`<button aria-${type}="true"><button>`

batching reads/writes

We should probably fork morphdom to implement batching using request animation frame.

default data

What if data is undefined? This triggers and error.

vomit`<button>${data.label}</button>`

server side

use string for server side