html-react-parser 0.9.1 → 0.9.2

package/dist/html-react-parser.js

@@ -1206,46 +1206,46 @@
   var domToReact_1 = domToReact;
 
   /**
-   * SVG elements, unlike HTML elements, are case-sensitive.
+   * SVG elements are case-sensitive.
    *
    * @see {@link https://developer.mozilla.org/docs/Web/SVG/Element#SVG_elements_A_to_Z}
    */
   var CASE_SENSITIVE_TAG_NAMES = [
-      'animateMotion',
-      'animateTransform',
-      'clipPath',
-      'feBlend',
-      'feColorMatrix',
-      'feComponentTransfer',
-      'feComposite',
-      'feConvolveMatrix',
-      'feDiffuseLighting',
-      'feDisplacementMap',
-      'feDropShadow',
-      'feFlood',
-      'feFuncA',
-      'feFuncB',
-      'feFuncG',
-      'feFuncR',
-      'feGaussainBlur',
-      'feImage',
-      'feMerge',
-      'feMergeNode',
-      'feMorphology',
-      'feOffset',
-      'fePointLight',
-      'feSpecularLighting',
-      'feSpotLight',
-      'feTile',
-      'feTurbulence',
-      'foreignObject',
-      'linearGradient',
-      'radialGradient',
-      'textPath'
+    'animateMotion',
+    'animateTransform',
+    'clipPath',
+    'feBlend',
+    'feColorMatrix',
+    'feComponentTransfer',
+    'feComposite',
+    'feConvolveMatrix',
+    'feDiffuseLighting',
+    'feDisplacementMap',
+    'feDropShadow',
+    'feFlood',
+    'feFuncA',
+    'feFuncB',
+    'feFuncG',
+    'feFuncR',
+    'feGaussainBlur',
+    'feImage',
+    'feMerge',
+    'feMergeNode',
+    'feMorphology',
+    'feOffset',
+    'fePointLight',
+    'feSpecularLighting',
+    'feSpotLight',
+    'feTile',
+    'feTurbulence',
+    'foreignObject',
+    'linearGradient',
+    'radialGradient',
+    'textPath'
   ];
 
   var constants = {
-      CASE_SENSITIVE_TAG_NAMES: CASE_SENSITIVE_TAG_NAMES
+    CASE_SENSITIVE_TAG_NAMES: CASE_SENSITIVE_TAG_NAMES
   };
 
   var CASE_SENSITIVE_TAG_NAMES$1 = constants.CASE_SENSITIVE_TAG_NAMES;
@@ -1253,8 +1253,8 @@
   var caseSensitiveTagNamesMap = {};
   var tagName;
   for (var i = 0, len = CASE_SENSITIVE_TAG_NAMES$1.length; i < len; i++) {
-      tagName = CASE_SENSITIVE_TAG_NAMES$1[i];
-      caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
+    tagName = CASE_SENSITIVE_TAG_NAMES$1[i];
+    caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
   }
 
   /**
@@ -1264,7 +1264,7 @@
    * @return {String|undefined}
    */
   function getCaseSensitiveTagName(tagName) {
-      return caseSensitiveTagNamesMap[tagName];
+    return caseSensitiveTagNamesMap[tagName];
   }
 
   /**
@@ -1274,14 +1274,14 @@
    * @return {Object}                  - A map of attribute name to value.
    */
   function formatAttributes(attributes) {
-      var result = {};
-      var attribute;
-      // `NamedNodeMap` is array-like
-      for (var i = 0, len = attributes.length; i < len; i++) {
-          attribute = attributes[i];
-          result[attribute.name] = attribute.value;
-      }
-      return result;
+    var result = {};
+    var attribute;
+    // `NamedNodeMap` is array-like
+    for (var i = 0, len = attributes.length; i < len; i++) {
+      attribute = attributes[i];
+      result[attribute.name] = attribute.value;
+    }
+    return result;
   }
 
   /**
@@ -1292,12 +1292,12 @@
    * @return {String}         - The formatted tag name.
    */
   function formatTagName(tagName) {
-      tagName = tagName.toLowerCase();
-      var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
-      if (caseSensitiveTagName) {
-          return caseSensitiveTagName;
-      }
-      return tagName;
+    tagName = tagName.toLowerCase();
+    var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
+    if (caseSensitiveTagName) {
+      return caseSensitiveTagName;
+    }
+    return tagName;
   }
 
   /**
@@ -1309,87 +1309,85 @@
    * @return {Object[]}              - The formatted DOM object.
    */
   function formatDOM(nodes, parentObj, directive) {
-      parentObj = parentObj || null;
-
-      var result = [];
-      var node;
-      var prevNode;
-      var nodeObj;
-
-      // `NodeList` is array-like
-      for (var i = 0, len = nodes.length; i < len; i++) {
-          node = nodes[i];
-          // reset
-          nodeObj = {
-              next: null,
-              prev: result[i - 1] || null,
-              parent: parentObj
-          };
+    parentObj = parentObj || null;
 
-          // set the next node for the previous node (if applicable)
-          prevNode = result[i - 1];
-          if (prevNode) {
-              prevNode.next = nodeObj;
-          }
+    var result = [];
+    var node;
+    var prevNode;
+    var nodeObj;
 
-          // set the node name if it's not "#text" or "#comment"
-          // e.g., "div"
-          if (node.nodeName[0] !== '#') {
-              nodeObj.name = formatTagName(node.nodeName);
-              // also, nodes of type "tag" have "attribs"
-              nodeObj.attribs = {}; // default
-              if (node.attributes && node.attributes.length) {
-                  nodeObj.attribs = formatAttributes(node.attributes);
-              }
-          }
+    // `NodeList` is array-like
+    for (var i = 0, len = nodes.length; i < len; i++) {
+      node = nodes[i];
+      // reset
+      nodeObj = {
+        next: null,
+        prev: result[i - 1] || null,
+        parent: parentObj
+      };
 
-          // set the node type
-          // e.g., "tag"
-          switch (node.nodeType) {
-              // 1 = element
-              case 1:
-                  if (nodeObj.name === 'script' || nodeObj.name === 'style') {
-                      nodeObj.type = nodeObj.name;
-                  } else {
-                      nodeObj.type = 'tag';
-                  }
-                  // recursively format the children
-                  nodeObj.children = formatDOM(node.childNodes, nodeObj);
-                  break;
-                  // 2 = attribute
-                  // 3 = text
-              case 3:
-                  nodeObj.type = 'text';
-                  nodeObj.data = node.nodeValue;
-                  break;
-                  // 8 = comment
-              case 8:
-                  nodeObj.type = 'comment';
-                  nodeObj.data = node.nodeValue;
-                  break;
-              default:
-                  break;
-          }
+      // set the next node for the previous node (if applicable)
+      prevNode = result[i - 1];
+      if (prevNode) {
+        prevNode.next = nodeObj;
+      }
 
-          result.push(nodeObj);
+      // set the node name if it's not "#text" or "#comment"
+      // e.g., "div"
+      if (node.nodeName[0] !== '#') {
+        nodeObj.name = formatTagName(node.nodeName);
+        // also, nodes of type "tag" have "attribs"
+        nodeObj.attribs = {}; // default
+        if (node.attributes && node.attributes.length) {
+          nodeObj.attribs = formatAttributes(node.attributes);
+        }
       }
 
-      if (directive) {
-          result.unshift({
-              name: directive.substring(0, directive.indexOf(' ')).toLowerCase(),
-              data: directive,
-              type: 'directive',
-              next: result[0] ? result[0] : null,
-              prev: null,
-              parent: parentObj
-          });
-
-          if (result[1]) {
-              result[1].prev = result[0];
+      // set the node type
+      // e.g., "tag"
+      switch (node.nodeType) {
+        // 1 = element
+        case 1:
+          if (nodeObj.name === 'script' || nodeObj.name === 'style') {
+            nodeObj.type = nodeObj.name;
+          } else {
+            nodeObj.type = 'tag';
           }
+          // recursively format the children
+          nodeObj.children = formatDOM(node.childNodes, nodeObj);
+          break;
+        // 2 = attribute
+        // 3 = text
+        case 3:
+          nodeObj.type = 'text';
+          nodeObj.data = node.nodeValue;
+          break;
+        // 8 = comment
+        case 8:
+          nodeObj.type = 'comment';
+          nodeObj.data = node.nodeValue;
+          break;
       }
 
-      return result;
+      result.push(nodeObj);
+    }
+
+    if (directive) {
+      result.unshift({
+        name: directive.substring(0, directive.indexOf(' ')).toLowerCase(),
+        data: directive,
+        type: 'directive',
+        next: result[0] ? result[0] : null,
+        prev: null,
+        parent: parentObj
+      });
+
+      if (result[1]) {
+        result[1].prev = result[0];
+      }
+    }
+
+    return result;
   }
 
   /**
@@ -1399,218 +1397,209 @@
    * @return {Boolean}           - Whether IE or the version has been detected.
    */
   function isIE(version) {
-      if (version) {
-          return document.documentMode === version;
-      }
-      return /(MSIE |Trident\/|Edge\/)/.test(navigator.userAgent);
+    if (version) {
+      return document.documentMode === version;
+    }
+    return /(MSIE |Trident\/|Edge\/)/.test(navigator.userAgent);
   }
 
-  /**
-   * Export utilities.
-   */
   var utilities$1 = {
-      formatAttributes: formatAttributes,
-      formatDOM: formatDOM,
-      isIE: isIE
+    formatAttributes: formatAttributes,
+    formatDOM: formatDOM,
+    isIE: isIE
   };
 
-  /**
-   * Module dependencies.
-   */
-
-  var detectIE = utilities$1.isIE;
-
-  /**
-   * Constants.
-   */
-  var HTML_TAG_NAME = 'html';
-  var BODY_TAG_NAME = 'body';
-  var HEAD_TAG_NAME = 'head';
+  // constants
+  var HTML = 'html';
+  var HEAD = 'head';
+  var BODY = 'body';
   var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
-  var HEAD_REGEX = /<\/head>/i;
-  var BODY_REGEX = /<\/body>/i;
+  var HEAD_TAG_REGEX = /<head.*>/i;
+  var BODY_TAG_REGEX = /<body.*>/i;
   // http://www.w3.org/TR/html/syntax.html#void-elements
   var VOID_ELEMENTS_REGEX = /<(area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)(.*?)\/?>/gi;
 
-  // browser support
-  var isIE$1 = detectIE();
-  var isIE9 = detectIE(9);
+  // detect IE browser
+  var isIE9 = utilities$1.isIE(9);
+  var isIE$1 = isIE9 || utilities$1.isIE();
 
   /**
    * DOMParser (performance: slow).
    *
-   * https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
+   * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
    */
   var parseFromString;
+
   if (typeof window.DOMParser === 'function') {
-      var domParser = new window.DOMParser();
-      // IE9 does not support 'text/html' MIME type
-      // https://msdn.microsoft.com/en-us/library/ff975278(v=vs.85).aspx
-      var MIME_TYPE = isIE9 ? 'text/xml' : 'text/html';
-
-      /**
-       * Creates an HTML document using `DOMParser.parseFromString`.
-       *
-       * @param  {String} html      - The HTML string.
-       * @param  {String} [tagName] - The element to render the HTML (with 'body' as fallback).
-       * @return {HTMLDocument}
-       */
-      parseFromString = function domStringParser(html, tagName) {
-          if (tagName) {
-              html = ['<', tagName, '>', html, '</', tagName, '>'].join('');
-          }
-          // because IE9 only supports MIME type 'text/xml', void elements need to be self-closed
-          if (isIE9) {
-              html = html.replace(VOID_ELEMENTS_REGEX, '<$1$2$3/>');
-          }
-          return domParser.parseFromString(html, MIME_TYPE);
-      };
+    var domParser = new window.DOMParser();
+
+    // IE9 does not support 'text/html' MIME type
+    // https://msdn.microsoft.com/en-us/library/ff975278(v=vs.85).aspx
+    var mimeType = isIE9 ? 'text/xml' : 'text/html';
+
+    /**
+     * Creates an HTML document using `DOMParser.parseFromString`.
+     *
+     * @param  {string} html      - The HTML string.
+     * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
+     * @return {HTMLDocument}
+     */
+    parseFromString = function domStringParser(html, tagName) {
+      if (tagName) {
+        html = '<' + tagName + '>' + html + '</' + tagName + '>';
+      }
+
+      // because IE9 only supports MIME type 'text/xml', void elements need to be self-closed
+      if (isIE9) {
+        html = html.replace(VOID_ELEMENTS_REGEX, '<$1$2$3/>');
+      }
+
+      return domParser.parseFromString(html, mimeType);
+    };
   }
 
   /**
    * DOMImplementation (performance: fair).
    *
-   * https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
+   * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
    */
   var parseFromDocument;
+
   if (typeof document.implementation === 'object') {
-      // title parameter is required in IE
-      // https://msdn.microsoft.com/en-us/library/ff975457(v=vs.85).aspx
-      var doc = document.implementation.createHTMLDocument(isIE$1 ? 'HTML_DOM_PARSER_TITLE' : undefined);
-
-      /**
-       * Use HTML document created by `document.implementation.createHTMLDocument`.
-       *
-       * @param  {String} html      - The HTML string.
-       * @param  {String} [tagName] - The element to render the HTML (with 'body' as fallback).
-       * @return {HTMLDocument}
-       */
-      parseFromDocument = function createHTMLDocument(html, tagName) {
-          if (tagName) {
-              doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;
-              return doc;
-          }
+    // title parameter is required in IE
+    // https://msdn.microsoft.com/en-us/library/ff975457(v=vs.85).aspx
+    var doc = document.implementation.createHTMLDocument(
+      isIE$1 ? 'HTML_DOM_PARSER_TITLE' : undefined
+    );
 
-          try {
-              doc.documentElement.innerHTML = html;
-              return doc;
-          // fallback when certain elements in `documentElement` are read-only (IE9)
-          } catch (err) {
-              if (parseFromString) return parseFromString(html);
-          }
-      };
+    /**
+     * Use HTML document created by `document.implementation.createHTMLDocument`.
+     *
+     * @param  {string} html      - The HTML string.
+     * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
+     * @return {HTMLDocument}
+     */
+    parseFromDocument = function createHTMLDocument(html, tagName) {
+      if (tagName) {
+        doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;
+        return doc;
+      }
+
+      try {
+        doc.documentElement.innerHTML = html;
+        return doc;
+        // fallback when certain elements in `documentElement` are read-only (IE9)
+      } catch (err) {
+        if (parseFromString) {
+          return parseFromString(html);
+        }
+      }
+    };
   }
 
   /**
    * Template (performance: fast).
    *
-   * https://developer.mozilla.org/docs/Web/HTML/Element/template
+   * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
    */
   var parseFromTemplate;
   var template = document.createElement('template');
-  if (template.content) {
 
-      /**
-       * Uses a template element (content fragment) to parse HTML.
-       *
-       * @param  {String} html - The HTML string.
-       * @return {NodeList}
-       */
-      parseFromTemplate = function templateParser(html) {
-          template.innerHTML = html;
-          return template.content.childNodes;
-      };
+  if (template.content) {
+    /**
+     * Uses a template element (content fragment) to parse HTML.
+     *
+     * @param  {string} html - The HTML string.
+     * @return {NodeList}
+     */
+    parseFromTemplate = function templateParser(html) {
+      template.innerHTML = html;
+      return template.content.childNodes;
+    };
   }
 
-  /** Fallback document parser. */
+  // fallback document parser
   var parseWithFallback = parseFromDocument || parseFromString;
 
   /**
    * Parses HTML string to DOM nodes.
    *
-   * @param  {String} html      - The HTML string.
-   * @param  {String} [tagName] - The tag name.
+   * @param  {string} html - The HTML string.
    * @return {NodeList|Array}
    */
-  var domparser = function domparser(html) {
-      // try to match first tag
-      var tagName;
-      var match = html.match(FIRST_TAG_REGEX);
-      if (match && match[1]) {
-          tagName = match[1].toLowerCase();
-      }
+  function domparser(html) {
+    var firstTagName;
+    var match = html.match(FIRST_TAG_REGEX);
 
-      var doc;
-      var element;
-      var elements;
-
-      switch (tagName) {
-          case HTML_TAG_NAME:
-              if (parseFromString) {
-                  doc = parseFromString(html);
-
-                  // the created document may come with filler head/body elements,
-                  // so ake sure to remove them if they don't actually exist
-                  if (!HEAD_REGEX.test(html)) {
-                      element = doc.getElementsByTagName(HEAD_TAG_NAME)[0];
-                      if (element) element.parentNode.removeChild(element);
-                  }
-                  if (!BODY_REGEX.test(html)) {
-                      element = doc.getElementsByTagName(BODY_TAG_NAME)[0];
-                      if (element) element.parentNode.removeChild(element);
-                  }
-
-                  return doc.getElementsByTagName(HTML_TAG_NAME);
-              }
-              break;
-
-          case HEAD_TAG_NAME:
-              if (parseWithFallback) {
-                  elements = parseWithFallback(html).getElementsByTagName(HEAD_TAG_NAME);
-
-                  // account for possibility of sibling
-                  if (BODY_REGEX.test(html)) {
-                      return elements[0].parentNode.childNodes;
-                  }
-                  return elements;
-              }
-              break;
-
-          case BODY_TAG_NAME:
-              if (parseWithFallback) {
-                  elements = parseWithFallback(html).getElementsByTagName(BODY_TAG_NAME);
-
-                  // account for possibility of sibling (return both body and head)
-                  if (HEAD_REGEX.test(html)) {
-                      return elements[0].parentNode.childNodes;
-                  }
-                  return elements;
-              }
-              break;
-
-          // low-level tag or text
-          default:
-              if (parseFromTemplate) return parseFromTemplate(html);
-              if (parseWithFallback) {
-                  return parseWithFallback(html, BODY_TAG_NAME).getElementsByTagName(BODY_TAG_NAME)[0].childNodes;
-              }
-              break;
-      }
+    if (match && match[1]) {
+      firstTagName = match[1].toLowerCase();
+    }
 
-      return [];
-  };
+    var doc;
+    var element;
+    var elements;
+
+    switch (firstTagName) {
+      case HTML:
+        if (parseFromString) {
+          doc = parseFromString(html);
+
+          // the created document may come with filler head/body elements,
+          // so make sure to remove them if they don't actually exist
+          if (!HEAD_TAG_REGEX.test(html)) {
+            element = doc.getElementsByTagName(HEAD)[0];
+            if (element) {
+              element.parentNode.removeChild(element);
+            }
+          }
 
-  /**
-   * Module dependencies.
-   */
+          if (!BODY_TAG_REGEX.test(html)) {
+            element = doc.getElementsByTagName(BODY)[0];
+            if (element) {
+              element.parentNode.removeChild(element);
+            }
+          }
+
+          return doc.getElementsByTagName(HTML);
+        }
+        break;
+
+      case HEAD:
+      case BODY:
+        if (parseWithFallback) {
+          elements = parseWithFallback(html).getElementsByTagName(firstTagName);
+
+          // account for possibility of sibling
+          if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
+            return elements[0].parentNode.childNodes;
+          }
+
+          return elements;
+        }
+        break;
+
+      // low-level tag or text
+      default:
+        if (parseFromTemplate) {
+          return parseFromTemplate(html);
+        }
+
+        if (parseWithFallback) {
+          return parseWithFallback(html, BODY).getElementsByTagName(BODY)[0]
+            .childNodes;
+        }
+
+        break;
+    }
+
+    return [];
+  }
 
+  var domparser_1 = domparser;
 
   var formatDOM$1 = utilities$1.formatDOM;
   var isIE9$1 = utilities$1.isIE(9);
 
-  /**
-   * Constants.
-   */
   var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>
 
   /**
@@ -1619,27 +1608,33 @@
    * @param  {String} html - The HTML string.
    * @return {Array}       - The formatted DOM nodes.
    */
-  var htmlToDomClient = function parseDOM(html) {
-      if (typeof html !== 'string') {
-          throw new TypeError('First argument must be a string.');
-      }
-      if (!html) return [];
-
-      // match directive
-      var match = html.match(DIRECTIVE_REGEX);
-      var directive;
-      if (match && match[1]) {
-          directive = match[1];
-
-          // remove directive in IE9 because DOMParser uses
-          // MIME type 'text/xml' instead of 'text/html'
-          if (isIE9$1) {
-              html = html.replace(match[0], '');
-          }
+  function parseDOM(html) {
+    if (typeof html !== 'string') {
+      throw new TypeError('First argument must be a string');
+    }
+
+    if (!html) {
+      return [];
+    }
+
+    // match directive
+    var match = html.match(DIRECTIVE_REGEX);
+    var directive;
+
+    if (match && match[1]) {
+      directive = match[1];
+
+      // remove directive in IE9 because DOMParser uses
+      // MIME type 'text/xml' instead of 'text/html'
+      if (isIE9$1) {
+        html = html.replace(match[0], '');
       }
+    }
 
-      return formatDOM$1(domparser(html), null, directive);
-  };
+    return formatDOM$1(domparser_1(html), null, directive);
+  }
+
+  var htmlToDomClient = parseDOM;
 
   /**
    * Converts HTML string to React elements.