vue-easy-renderer/lib/renderer/head.js

Vue.js 2.0 server-side renderer for *.vue file with Node.js.

// 

class VueHead {
  constructor(options) {
    this.options = options;
  }
  toHtmlString() {
    let htmlString = '';
    if (this.options) {
      Object.keys(this.options).forEach((optionKey) => {
        if (Array.isArray(this.options[optionKey])) {
          this.options[optionKey].forEach((attrs) => {
            htmlString += VueHead.getTagHtmlString(optionKey, attrs);
          });
        } else if (typeof this.options[optionKey] === 'string') {
          htmlString += VueHead.getTagHtmlString(optionKey, { innerHtml: this.options[optionKey] });
        }
      });
    }
    return htmlString;
  }

  static getTagHtmlString(tag, attrs) {
    let attrsString = '';
    let contentString = '';
    if (attrs) {
      Object.keys(attrs).forEach((key) => {
        if (key === 'innerHtml') {
          contentString = attrs[key];
        } else {
          attrsString += ` ${key}="${attrs[key]}"`;
        }
      });
    }
    let htmlString = '';
    if (VueHead.isClosedTag(tag)) {
      htmlString = `<${tag}${attrsString}>${contentString}</${tag}>\n`;
    } else {
      htmlString = `<${tag}${attrsString}>\n`;
    }
    return htmlString;
  }
  static isClosedTag(tag) {
    const tags = ['meta', 'link', 'base'];
    return tags.findIndex(x => x === tag) === -1;
  }
  static headMerge(head, baseHead) {
    const newHead = {};
    const keys = ['title', 'titleTemplate', 'htmlAttrs', 'bodyAttrs', 'base', 'meta', 'link', 'style', 'script', 'noscript'];
    keys.forEach((key) => {
      if (head[key] && baseHead[key]) {
        if (Array.isArray(baseHead[key])) {
          newHead[key] = [];
          baseHead[key].forEach(item => newHead[key].push(item));
          head[key].forEach(item => newHead[key].push(item));
        } else {
          newHead[key] = head[key];
        }
      } else if (head[key] || baseHead[key]) {
        newHead[key] = head[key] || baseHead[key];
      }
    });
    return newHead;
  }
}

module.exports = VueHead;