hypersimple/cjs/index.js

The easiest way to use hyperHTML

'use strict';
const WeakMap = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('@ungap/weakmap'));
const Map = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('@ungap/essential-map'));
const {
  define, html, svg, augment, merge, refresh, same, slice
} = require('./utils.js');

var comps = new WeakMap;
var param = new WeakMap;
var store = new WeakMap;

var ids = 0;
var sync = true;

(m => {
  exports.escape = m.escape;
  exports.unescape = m.unescape;
})(require('html-escaper'));
exports.define = define;
exports.html = html;
exports.svg = svg;

function comp(Component) {
  var id = ++ids;
  comps.set(component, id);
  return component;
  function component(model) {
    var mod = model || {};
    var map = store.get(mod) || setMap(mod);
    return updateComponent.call(
      mod,
      map.get(component) ||
      setInfo(map, component, Component, id, slice.call(arguments, 0))
    );
  };
}
exports.comp = comp;

function render(where, comp) {
  var content = comps.has(comp) ?
    comp(param.get(where) || setParam(where)) :
    comp();
  var isElement = content.nodeType === 1;
  if (!(
    (isElement && where.firstChild === content) ||
    (!isElement && content.childNodes.every(same, where.childNodes))
  )) {
    where.textContent = '';
    where.appendChild(content.valueOf(true));
  }
  return where;
}
exports.render = render;

function update(model, changes) {
  var map = store.get(model);
  if (!map)
    throw new Error('unknown model');
  sync = false;
  try {
    merge(model, changes || {});
  }
  finally {
    sync = true;
    map.forEach(updateComponent, model);
  }
}
exports.update = update;

function setInfo(map, comp, Component, id, args) {
  var info = {Component: Component, id: id, args: args};
  map.set(comp, info);
  return info;
}

function setMap(model) {
  var map = new Map;
  store.set(model, map);
  augment(model, updateAll);
  return map;
}

function setParam(where) {
  var model = {};
  param.set(where, model);
  return model;
}

function updateAll(model) {
  if (sync)
    store.get(model).forEach(updateComponent, model);
}

function updateComponent(info) {
  return refresh(this, info.Component, info.id, info.args);
}