//From: https://github.com/StephanHoyer/mithril-node-render
'use strict';


var VOID_TAGS = ['area', 'base', 'br', 'col', 'command', 'embed', 'hr',
    'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track',
    'wbr', '!doctype'];

function isArray(thing) {
  return Object.prototype.toString.call(thing) === '[object Array]';
}

function camelToDash(str) {
  return str.replace(/\W+/g, '-')
            .replace(/([a-z\d])([A-Z])/g, '$1-$2');
}

function removeEmpties(n) {
  return n != '';
}

// shameless stolen from https://github.com/punkave/sanitize-html
function escapeHtml(s, replaceDoubleQuote) {
  if (s === 'undefined') {
    s = '';
  }
  if (typeof(s) !== 'string') {
    s = s + '';
  }
  s =  s.replace(/\&/g, '&amp;').replace(/</g, '&lt;').replace(/\>/g, '&gt;');
  if (replaceDoubleQuote) {
    return s.replace(/\"/g, '&quot;');
  }
  return s;
}

function createAttrString(attrs) {
  if (!attrs || !Object.keys(attrs).length) {
    return '';
  }

  return Object.keys(attrs).map(function(name) {
    var value = attrs[name];
    if (typeof value === 'undefined' || value === null || typeof value === 'function') {
      return;
    }
    if (typeof value === 'boolean') {
      return value ? ' ' + name : '';
    }
    if (name === 'style') {
      if (!value) {
        return;
      }
      var styles = attrs.style;
      if (typeof styles === 'object') {
        styles = Object.keys(styles).map(function(property) {
          return styles[property] != '' ? [camelToDash(property).toLowerCase(), styles[property]].join(':') : '';
        }).filter(removeEmpties).join(';');
      }
      return styles != '' ? ' style="' + escapeHtml(styles, true) + '"' : '';
    }
    return ' ' + escapeHtml(name === 'className' ? 'class' : name) + '="' + escapeHtml(value, true) + '"';
  }).join('');
}

function createChildrenContent(view) {
  if(isArray(view.children) && !view.children.length) {
    return '';
  }

  return mrender(view.children);
}

function mrender(view) {
  var type = typeof view;

  if (type === 'string') {
    return escapeHtml(view);
  }

  if(type === 'number' || type === 'boolean') {
    return view;
  }

  if (!view) {
    return '';
  }

  if (isArray(view)) {
    return view.map(mrender).join('');
  }

  //compontent
  if (view.view) {
    var scope = view.controller ? new view.controller : {};
    var result = mrender(view.view(scope));
    if (scope.onunload) {
      scope.onunload();
    }
    return result;
  }

  if (view.$trusted) {
    return '' + view;
  }
  var children = createChildrenContent(view);
  if (!children && VOID_TAGS.indexOf(view.tag.toLowerCase()) >= 0) {
    return '<' + view.tag + createAttrString(view.attrs) + '>';
  }
  return [
    '<', view.tag, createAttrString(view.attrs), '>',
    children,
    '</', view.tag, '>',
  ].join('');
}