html-react-parser 1.4.14 → 2.0.0

package/README.md

@@ -41,6 +41,7 @@ parse('<p>Hello, World!</p>'); // React.createElement('p', {}, 'Hello, World!')
   - [htmlparser2](#htmlparser2)
   - [trim](#trim)
 - [Migration](#migration)
+  - [v2.0.0](#v200)
   - [v1.0.0](#v100)
 - [FAQ](#faq)
   - [Is this XSS safe?](#is-this-xss-safe)
@@ -83,7 +84,7 @@ yarn add html-react-parser
 
 ```html
 <!-- HTMLReactParser depends on React -->
-<script src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
+<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
 <script src="https://unpkg.com/html-react-parser@latest/dist/html-react-parser.min.js"></script>
 <script>
   window.HTMLReactParser(/* string */);
@@ -370,6 +371,10 @@ parse('<p> </p>', { trim: true }); // React.createElement('p')
 
 ## Migration
 
+### v2.0.0
+
+Since [v2.0.0](https://github.com/remarkablemark/html-react-parser/releases/tag/v2.0.0), Internet Explorer (IE) is no longer supported.
+
 ### v1.0.0
 
 TypeScript projects will need to update the types in [v1.0.0](https://github.com/remarkablemark/html-react-parser/releases/tag/v1.0.0).

package/dist/html-react-parser.js

@@ -1543,6 +1543,164 @@
 
 	var domToReact_1 = domToReact$1;
 
+	// constants
+	var HTML = 'html';
+	var HEAD = 'head';
+	var BODY = 'body';
+	var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
+	var HEAD_TAG_REGEX = /<head.*>/i;
+	var BODY_TAG_REGEX = /<body.*>/i;
+
+	// falls back to `parseFromString` if `createHTMLDocument` cannot be used
+	var parseFromDocument = function () {
+	  throw new Error(
+	    'This browser does not support `document.implementation.createHTMLDocument`'
+	  );
+	};
+
+	var parseFromString = function () {
+	  throw new Error(
+	    'This browser does not support `DOMParser.prototype.parseFromString`'
+	  );
+	};
+
+	/**
+	 * DOMParser (performance: slow).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
+	 */
+	if (typeof window.DOMParser === 'function') {
+	  var domParser = new window.DOMParser();
+	  var mimeType = '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 (html, tagName) {
+	    if (tagName) {
+	      html = '<' + tagName + '>' + html + '</' + tagName + '>';
+	    }
+
+	    return domParser.parseFromString(html, mimeType);
+	  };
+
+	  parseFromDocument = parseFromString;
+	}
+
+	/**
+	 * DOMImplementation (performance: fair).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
+	 */
+	if (document.implementation) {
+	  var doc = document.implementation.createHTMLDocument();
+
+	  /**
+	   * 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 (html, tagName) {
+	    if (tagName) {
+	      doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;
+	      return doc;
+	    }
+
+	    doc.documentElement.innerHTML = html;
+	    return doc;
+	  };
+	}
+
+	/**
+	 * Template (performance: fast).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
+	 */
+	var template = document.createElement('template');
+	var parseFromTemplate;
+
+	if (template.content) {
+	  /**
+	   * Uses a template element (content fragment) to parse HTML.
+	   *
+	   * @param  {string} html - The HTML string.
+	   * @return {NodeList}
+	   */
+	  parseFromTemplate = function (html) {
+	    template.innerHTML = html;
+	    return template.content.childNodes;
+	  };
+	}
+
+	/**
+	 * Parses HTML string to DOM nodes.
+	 *
+	 * @param  {string}   html - HTML markup.
+	 * @return {NodeList}
+	 */
+	function domparser$1(html) {
+	  var firstTagName;
+	  var match = html.match(FIRST_TAG_REGEX);
+
+	  if (match && match[1]) {
+	    firstTagName = match[1].toLowerCase();
+	  }
+
+	  var doc;
+	  var element;
+	  var elements;
+
+	  switch (firstTagName) {
+	    case HTML:
+	      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);
+	        }
+	      }
+
+	      if (!BODY_TAG_REGEX.test(html)) {
+	        element = doc.getElementsByTagName(BODY)[0];
+	        if (element) {
+	          element.parentNode.removeChild(element);
+	        }
+	      }
+
+	      return doc.getElementsByTagName(HTML);
+
+	    case HEAD:
+	    case BODY:
+	      elements = parseFromDocument(html).getElementsByTagName(firstTagName);
+
+	      // if there's a sibling element, then return both elements
+	      if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
+	        return elements[0].parentNode.childNodes;
+	      }
+	      return elements;
+
+	    // low-level tag or text
+	    default:
+	      if (parseFromTemplate) {
+	        return parseFromTemplate(html);
+	      }
+
+	      return parseFromDocument(html, BODY).getElementsByTagName(BODY)[0]
+	        .childNodes;
+	  }
+	}
+
+	var domparser_1 = domparser$1;
+
 	/**
 	 * SVG elements are case-sensitive.
 	 *
@@ -2237,185 +2395,11 @@
 	  return result;
 	}
 
-	/**
-	 * Detects if browser is Internet Explorer.
-	 *
-	 * @return {boolean} - Whether IE is detected.
-	 */
-	function isIE$1() {
-	  return /(MSIE |Trident\/|Edge\/)/.test(navigator.userAgent);
-	}
-
 	var utilities = {
 	  formatAttributes: formatAttributes,
-	  formatDOM: formatDOM$1,
-	  isIE: isIE$1
-	};
-
-	// constants
-	var HTML = 'html';
-	var HEAD = 'head';
-	var BODY = 'body';
-	var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
-	var HEAD_TAG_REGEX = /<head.*>/i;
-	var BODY_TAG_REGEX = /<body.*>/i;
-
-	// falls back to `parseFromString` if `createHTMLDocument` cannot be used
-	var parseFromDocument = function () {
-	  throw new Error(
-	    'This browser does not support `document.implementation.createHTMLDocument`'
-	  );
-	};
-
-	var parseFromString = function () {
-	  throw new Error(
-	    'This browser does not support `DOMParser.prototype.parseFromString`'
-	  );
+	  formatDOM: formatDOM$1
 	};
 
-	/**
-	 * DOMParser (performance: slow).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
-	 */
-	if (typeof window.DOMParser === 'function') {
-	  var domParser = new window.DOMParser();
-	  var mimeType = '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 (html, tagName) {
-	    if (tagName) {
-	      html = '<' + tagName + '>' + html + '</' + tagName + '>';
-	    }
-
-	    return domParser.parseFromString(html, mimeType);
-	  };
-
-	  parseFromDocument = parseFromString;
-	}
-
-	/**
-	 * DOMImplementation (performance: fair).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
-	 */
-	if (document.implementation) {
-	  var isIE = utilities.isIE;
-
-	  // title parameter is required in IE
-	  // https://msdn.microsoft.com/en-us/library/ff975457(v=vs.85).aspx
-	  var doc = document.implementation.createHTMLDocument(
-	    isIE() ? 'html-dom-parser' : 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 (html, tagName) {
-	    if (tagName) {
-	      doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;
-	      return doc;
-	    }
-
-	    doc.documentElement.innerHTML = html;
-	    return doc;
-	  };
-	}
-
-	/**
-	 * Template (performance: fast).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
-	 */
-	var template = document.createElement('template');
-	var parseFromTemplate;
-
-	if (template.content) {
-	  /**
-	   * Uses a template element (content fragment) to parse HTML.
-	   *
-	   * @param  {string} html - The HTML string.
-	   * @return {NodeList}
-	   */
-	  parseFromTemplate = function (html) {
-	    template.innerHTML = html;
-	    return template.content.childNodes;
-	  };
-	}
-
-	/**
-	 * Parses HTML string to DOM nodes.
-	 *
-	 * @param  {string}   html - HTML markup.
-	 * @return {NodeList}
-	 */
-	function domparser$1(html) {
-	  var firstTagName;
-	  var match = html.match(FIRST_TAG_REGEX);
-
-	  if (match && match[1]) {
-	    firstTagName = match[1].toLowerCase();
-	  }
-
-	  var doc;
-	  var element;
-	  var elements;
-
-	  switch (firstTagName) {
-	    case HTML:
-	      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);
-	        }
-	      }
-
-	      if (!BODY_TAG_REGEX.test(html)) {
-	        element = doc.getElementsByTagName(BODY)[0];
-	        if (element) {
-	          element.parentNode.removeChild(element);
-	        }
-	      }
-
-	      return doc.getElementsByTagName(HTML);
-
-	    case HEAD:
-	    case BODY:
-	      elements = parseFromDocument(html).getElementsByTagName(firstTagName);
-
-	      // if there's a sibling element, then return both elements
-	      if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
-	        return elements[0].parentNode.childNodes;
-	      }
-	      return elements;
-
-	    // low-level tag or text
-	    default:
-	      if (parseFromTemplate) {
-	        return parseFromTemplate(html);
-	      }
-
-	      return parseFromDocument(html, BODY).getElementsByTagName(BODY)[0]
-	        .childNodes;
-	  }
-	}
-
-	var domparser_1 = domparser$1;
-
 	var domparser = domparser_1;
 	var formatDOM = utilities.formatDOM;