hunjianghu/江可飞/小程序开发/html-view/vendors/himalaya.js

(function() {
  var root = this;

  var tagStart = '<';
  var tagEnd = '>';
  var commentStart = '<!--';
  var commentEnd = '-->';

  var voidTags = [
    "!doctype", "area", "base", "br", "col", "command",
    "embed", "hr", "img", "input", "keygen", "link",
    "meta", "param", "source", "track", "wbr"
  ];
  var closingTags = [
    "colgroup", "dd", "dt", "li", "options", "p",
    "td", "tfoot", "th", "thead", "tr"
  ];
  var childlessTags = ['style', 'script', 'template'];

  function parse(str) {
    return parseUntil(str + '</root>', ['root']).nodes;
  }

  function parseUntil(str, stack) {
    var nodes = [];

    while (str.length) {
      var nextTag = str.indexOf(tagStart);
      if (nextTag === -1) {
        // only text left
        nodes.push({
          type: 'Text',
          content: str
        });
        str = '';
        break;
      }

      if (nextTag) {
        // text before tag
        nodes.push({
          type: 'Text',
          content: str.slice(0, nextTag)
        });
        str = str.slice(nextTag);
        continue;
      }

      if (startsWithCommentStart(str)) {
        // comment
        var end = str.indexOf(commentEnd);
        nodes.push({
          type: 'Comment',
          content: str.slice(commentStart.length, end)
        });
        str = str.slice(end + commentEnd.length);
        continue;
      }

      var isClosingTag = str.charAt(nextTag + 1) === '/';
      if (isClosingTag) {
        var endTagEnd = str.indexOf(tagEnd);
        var innerTag = str.slice(2, endTagEnd);
        var tagName = innerTag.trim().split(' ')[0];
        str = str.slice(endTagEnd + 1);
        var loc = stack.lastIndexOf(tagName);
        if (~loc) {
          stack = stack.slice(0, loc);
          break;
        }
        continue;
      }

      // open tag
      var results = parseTag(str, stack);
      if (results.tag) {
        results.tag.type = 'Element';
        nodes.push(results.tag);
        str = results.str;
      }
      if (results.stack.length !== stack.length) {
        stack = results.stack;
        break;
      }
    }

    return {
      nodes: nodes,
      stack: stack,
      str: str
    };
  }

  function parseTag(str, stack) {
    var idxTagEnd = str.indexOf(tagEnd);
    var idxSpace = str.indexOf(' ');
    var tagNameEnd = ~idxSpace ?
      Math.min(idxTagEnd, idxSpace) :
      idxTagEnd;
    var tagName = str.slice(1, tagNameEnd);
    var lowTagName = tagName.toLowerCase();

    if (stack[stack.length - 1] === tagName && ~closingTags.indexOf(lowTagName)) {
      return {
        stack: stack.slice(0, -1)
      };
    }

    var attrs = parseAttrs(str.slice(tagNameEnd));
    var tag = {
      tagName: tagName,
      attributes: attrs.attributes
    };
    str = attrs.str;

    if (startsWithSelfClose(str)) {
      str = str.slice(2);
    } else {
      str = str.slice(1);

      if (~childlessTags.indexOf(lowTagName)) {
        var end = '</' + tagName + '>';
        var idx = str.indexOf(end);
        if (!~idx) idx = Infinity;
        tag.content = str.slice(0, idx);
        str = str.slice(idx);
      } else if (!~voidTags.indexOf(lowTagName)) {
        var results = parseUntil(str, stack.concat(tagName));
        tag.children = results.nodes;
        str = results.str;
        stack = results.stack;
      }
    }

    return {
      tag: tag,
      str: str,
      stack: stack
    };
  }

  function parseAttrs(str) {
    str = str.trim();
    var results = tagPairs(str, 0);
    str = str.slice(results.cursor);
    var attributes = results.kvs.map(function(pair) {
      var kv = splitHead(pair.trim(), '=');
      kv[1] = kv[1] ? unquote(kv[1]) : kv[0];
      return kv;
    }).reduce(function(attrs, kv) {
      var property = kv[0];
      var value = kv[1];
      if (property === 'class') {
        attrs.className = value.split(' ');
      } else if (property === 'style') {
        attrs.style = parseStyle(value);
      } else if (startsWithDataDash(property)) {
        attrs.dataset = attrs.dataset || {};
        var key = camelCase(property.slice(5));
        attrs.dataset[key] = castValue(value);
      } else {
        attrs[camelCase(property)] = castValue(value);
      }
      return attrs;
    }, {});
    return {
      str: str,
      attributes: attributes
    };
  }

  function splitHead(str, sep) {
    var idx = str.indexOf(sep);
    if (idx === -1) return [str];
    return [str.slice(0, idx), str.slice(idx + sep.length)];
  }

  function tagPairs(str, index) {
    var words = []; // "key", "key=value", "key='value'", etc
    var quote = null; // null, single-, or double-quote
    var cursor = index; // index of parse into str
    var wordBegin = cursor; // index of word start
    var len = str.length;
    while(cursor < len) {
      var char = str.charAt(cursor);
      var isTagEnd = !quote && (char === '/' || char === tagEnd);
      if (isTagEnd) {
        if (cursor !== wordBegin) {
          words.push(str.slice(wordBegin, cursor));
        }
        break;
      }

      var isWordEnd = !quote && char === ' ';
      if (isWordEnd) {
        if (cursor !== wordBegin) {
          words.push(str.slice(wordBegin, cursor));
        }
        wordBegin = cursor + 1;
        cursor++;
        continue;
      }

      var isQuoteEnd = char === quote;
      if (isQuoteEnd) {
        quote = null;
        cursor++;
        continue;
      }

      var isQuoteStart = !quote && (char === '\'' || char === '"');
      if (isQuoteStart) {
        quote = char;
        cursor++;
        continue;
      }

      cursor++;
    }

    var attrs = [];
    var wLen = words.length;
    for (var i = 0; i < wLen; i++) {
      var word = words[i];
      if (!(word && word.length)) continue;
      var isNotPair = word.indexOf('=') === -1;
      if (isNotPair) {
        var secondWord = words[i + 1];
        var thirdWord = words[i + 2];
        var isSpacedPair = secondWord === '=' && thirdWord;
        if (isSpacedPair) {
          var newWord = word + '=' + thirdWord;
          attrs.push(newWord);
          i += 2;
          continue;
        }
      }
      attrs.push(word);
    }

    return {
      cursor: cursor,
      kvs: attrs
    };
  }

  function unquote(str) {
    var car = str.charAt(0);
    var end = str.length - 1;
    if (car === '"' || car === "'" && car === str.charAt(end)) {
      return str.slice(1, end);
    }
    return str;
  }

  function parseStyle(str) {
    return str.trim().split(';').map(function(statement) {
      return statement.trim().split(':');
    }).reduce(function(styles, kv) {
      if (kv[1]) styles[camelCase(kv[0].trim())] = castValue(kv[1].trim());
      return styles;
    }, {});
  }

  function camelCase(str) {
    return str.split('-').reduce(function(str, word) {
      return str + word.charAt(0).toUpperCase() + word.slice(1);
    });
  }

  function castValue(str) {
    if (typeof str !== 'string') return str;
    var num = +str;
    if (!isNaN(num)) return num;
    return str;
  }

  function startsWithCommentStart(s) {
    return (
      s.charAt(0) === '<' &&
      s.charAt(1) === '!' &&
      s.charAt(2) === '-' &&
      s.charAt(3) === '-');
  }

  function startsWithSelfClose(s) {
    return (
      s.charAt(0) === '/' &&
      s.charAt(1) === '>');
  }

  function startsWithDataDash(s) {
    return (
      s.charAt(0) === 'd' &&
      s.charAt(1) === 'a' &&
      s.charAt(2) === 't' &&
      s.charAt(3) === 'a' &&
      s.charAt(4) === '-');
  }

  var himalaya = {
    parse: parse,
    parseTag: parseTag,
    parseUntil: parseUntil,
    parseAttrs: parseAttrs,
    parseStyle: parseStyle
  };

  if (typeof exports !== 'undefined') {
    if (typeof module !== 'undefined' && module.exports) {
      exports = module.exports = himalaya;
    }
    exports.himalaya = himalaya;
  } else {
    root.himalaya = himalaya;
  }
}).call(this);