domvm.ssr.js

var domvm = require('./domvm.full.min.js');

var el = domvm.defineElement,
    vw = domvm.defineView;

function mkArr(count, fn, frag) {
  let i = 0, arr = [];

  while (i < count)
    frag ? arr.push.apply(arr, fn(i++)) : arr.push(fn(i++));

  return arr;
}

function App(vm, data) {
  return () =>
    el('.app', [
      vw(Header, data),
      vw(Content, data),
      vw(Footer, data),
    ])
}

function Header(vm, data) {
  return () =>
    el('.header', mkArr(data.childrenNum, i =>
      el('div', { id : 'header-' + i })
    ))
}

function Content(vm, data) {
  return () =>
    el('.content', mkArr(data.childrenNum, i => [
      el('b', 'bold' + i),
      el('span.link', [
        vw(Link, { href : '/', value : 'link-' + i })
      ]),
      el('i', 'italic' + i),
      el('div', [
        el('div', [
          el('div', [
            el('div', 'div')
          ])
        ])
      ])
    ], true))
}

function Link(data) {
  return () =>
    el('a', { href : data.href }, data.value)
}

function Footer(data) {
  return () =>
    el('.footer', mkArr(data.childrenNum, i =>
      el('div', { id : 'footer-' + i })
    ))
}

module.exports = childrenNum => () => domvm.createView(App, { childrenNum }).html(true, true);