html-react-parser 2.0.0 → 3.0.0

package/dist/html-react-parser.js

@@ -1701,58 +1701,16 @@
 
 	var domparser_1 = domparser$1;
 
-	/**
-	 * 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$1 = [
-	  '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$1 = {
-	  CASE_SENSITIVE_TAG_NAMES: CASE_SENSITIVE_TAG_NAMES$1
-	};
-
-	var node = {};
+	var utilities = {};
 
 	var lib$1 = {};
 
+	var lib = {};
+
 	var hasRequiredLib$1;
 
 	function requireLib$1 () {
-		if (hasRequiredLib$1) return lib$1;
+		if (hasRequiredLib$1) return lib;
 		hasRequiredLib$1 = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
@@ -1809,10 +1767,12 @@
 			exports.CDATA = ElementType.CDATA;
 			/** Type for <!doctype ...> */
 			exports.Doctype = ElementType.Doctype;
-	} (lib$1));
-		return lib$1;
+	} (lib));
+		return lib;
 	}
 
+	var node = {};
+
 	var hasRequiredNode;
 
 	function requireNode () {
@@ -1845,29 +1805,14 @@
 		    return __assign.apply(this, arguments);
 		};
 		Object.defineProperty(node, "__esModule", { value: true });
-		node.cloneNode = node.hasChildren = node.isDocument = node.isDirective = node.isComment = node.isText = node.isCDATA = node.isTag = node.Element = node.Document = node.NodeWithChildren = node.ProcessingInstruction = node.Comment = node.Text = node.DataNode = node.Node = void 0;
+		node.cloneNode = node.hasChildren = node.isDocument = node.isDirective = node.isComment = node.isText = node.isCDATA = node.isTag = node.Element = node.Document = node.CDATA = node.NodeWithChildren = node.ProcessingInstruction = node.Comment = node.Text = node.DataNode = node.Node = void 0;
 		var domelementtype_1 = requireLib$1();
-		var nodeTypes = new Map([
-		    [domelementtype_1.ElementType.Tag, 1],
-		    [domelementtype_1.ElementType.Script, 1],
-		    [domelementtype_1.ElementType.Style, 1],
-		    [domelementtype_1.ElementType.Directive, 1],
-		    [domelementtype_1.ElementType.Text, 3],
-		    [domelementtype_1.ElementType.CDATA, 4],
-		    [domelementtype_1.ElementType.Comment, 8],
-		    [domelementtype_1.ElementType.Root, 9],
-		]);
 		/**
 		 * This object will be used as the prototype for Nodes when creating a
 		 * DOM-Level-1-compliant structure.
 		 */
 		var Node = /** @class */ (function () {
-		    /**
-		     *
-		     * @param type The type of the node.
-		     */
-		    function Node(type) {
-		        this.type = type;
+		    function Node() {
 		        /** Parent of the node */
 		        this.parent = null;
 		        /** Previous sibling */
@@ -1879,19 +1824,6 @@
 		        /** The end index of the node. Requires `withEndIndices` on the handler to be `true. */
 		        this.endIndex = null;
 		    }
-		    Object.defineProperty(Node.prototype, "nodeType", {
-		        // Read-only aliases
-		        /**
-		         * [DOM spec](https://dom.spec.whatwg.org/#dom-node-nodetype)-compatible
-		         * node {@link type}.
-		         */
-		        get: function () {
-		            var _a;
-		            return (_a = nodeTypes.get(this.type)) !== null && _a !== void 0 ? _a : 1;
-		        },
-		        enumerable: false,
-		        configurable: true
-		    });
 		    Object.defineProperty(Node.prototype, "parentNode", {
 		        // Read-write aliases for properties
 		        /**
@@ -1954,11 +1886,10 @@
 		var DataNode = /** @class */ (function (_super) {
 		    __extends(DataNode, _super);
 		    /**
-		     * @param type The type of the node
 		     * @param data The content of the data node
 		     */
-		    function DataNode(type, data) {
-		        var _this = _super.call(this, type) || this;
+		    function DataNode(data) {
+		        var _this = _super.call(this) || this;
 		        _this.data = data;
 		        return _this;
 		    }
@@ -1984,9 +1915,18 @@
 		 */
 		var Text = /** @class */ (function (_super) {
 		    __extends(Text, _super);
-		    function Text(data) {
-		        return _super.call(this, domelementtype_1.ElementType.Text, data) || this;
+		    function Text() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.Text;
+		        return _this;
 		    }
+		    Object.defineProperty(Text.prototype, "nodeType", {
+		        get: function () {
+		            return 3;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return Text;
 		}(DataNode));
 		node.Text = Text;
@@ -1995,9 +1935,18 @@
 		 */
 		var Comment = /** @class */ (function (_super) {
 		    __extends(Comment, _super);
-		    function Comment(data) {
-		        return _super.call(this, domelementtype_1.ElementType.Comment, data) || this;
+		    function Comment() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.Comment;
+		        return _this;
 		    }
+		    Object.defineProperty(Comment.prototype, "nodeType", {
+		        get: function () {
+		            return 8;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return Comment;
 		}(DataNode));
 		node.Comment = Comment;
@@ -2007,10 +1956,18 @@
 		var ProcessingInstruction = /** @class */ (function (_super) {
 		    __extends(ProcessingInstruction, _super);
 		    function ProcessingInstruction(name, data) {
-		        var _this = _super.call(this, domelementtype_1.ElementType.Directive, data) || this;
+		        var _this = _super.call(this, data) || this;
 		        _this.name = name;
+		        _this.type = domelementtype_1.ElementType.Directive;
 		        return _this;
 		    }
+		    Object.defineProperty(ProcessingInstruction.prototype, "nodeType", {
+		        get: function () {
+		            return 1;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return ProcessingInstruction;
 		}(DataNode));
 		node.ProcessingInstruction = ProcessingInstruction;
@@ -2020,11 +1977,10 @@
 		var NodeWithChildren = /** @class */ (function (_super) {
 		    __extends(NodeWithChildren, _super);
 		    /**
-		     * @param type Type of the node.
 		     * @param children Children of the node. Only certain node types can have children.
 		     */
-		    function NodeWithChildren(type, children) {
-		        var _this = _super.call(this, type) || this;
+		    function NodeWithChildren(children) {
+		        var _this = _super.call(this) || this;
 		        _this.children = children;
 		        return _this;
 		    }
@@ -2065,14 +2021,40 @@
 		    return NodeWithChildren;
 		}(Node));
 		node.NodeWithChildren = NodeWithChildren;
+		var CDATA = /** @class */ (function (_super) {
+		    __extends(CDATA, _super);
+		    function CDATA() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.CDATA;
+		        return _this;
+		    }
+		    Object.defineProperty(CDATA.prototype, "nodeType", {
+		        get: function () {
+		            return 4;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
+		    return CDATA;
+		}(NodeWithChildren));
+		node.CDATA = CDATA;
 		/**
 		 * The root node of the document.
 		 */
 		var Document = /** @class */ (function (_super) {
 		    __extends(Document, _super);
-		    function Document(children) {
-		        return _super.call(this, domelementtype_1.ElementType.Root, children) || this;
+		    function Document() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.Root;
+		        return _this;
 		    }
+		    Object.defineProperty(Document.prototype, "nodeType", {
+		        get: function () {
+		            return 9;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return Document;
 		}(NodeWithChildren));
 		node.Document = Document;
@@ -2093,11 +2075,19 @@
 		            : name === "style"
 		                ? domelementtype_1.ElementType.Style
 		                : domelementtype_1.ElementType.Tag; }
-		        var _this = _super.call(this, type, children) || this;
+		        var _this = _super.call(this, children) || this;
 		        _this.name = name;
 		        _this.attribs = attribs;
+		        _this.type = type;
 		        return _this;
 		    }
+		    Object.defineProperty(Element.prototype, "nodeType", {
+		        get: function () {
+		            return 1;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    Object.defineProperty(Element.prototype, "tagName", {
 		        // DOM Level 1 aliases
 		        /**
@@ -2182,7 +2172,7 @@
 		node.isDocument = isDocument;
 		/**
 		 * @param node Node to check.
-		 * @returns `true` if the node is a `NodeWithChildren` (has children), `false` otherwise.
+		 * @returns `true` if the node has children, `false` otherwise.
 		 */
 		function hasChildren(node) {
 		    return Object.prototype.hasOwnProperty.call(node, "children");
@@ -2220,7 +2210,7 @@
 		    }
 		    else if (isCDATA(node)) {
 		        var children = recursive ? cloneChildren(node.children) : [];
-		        var clone_2 = new NodeWithChildren(domelementtype_1.ElementType.CDATA, children);
+		        var clone_2 = new CDATA(children);
 		        children.forEach(function (child) { return (child.parent = clone_2); });
 		        result = clone_2;
 		    }
@@ -2264,181 +2254,10 @@
 		return node;
 	}
 
-	var constants = constants$1;
-	var domhandler = requireNode();
-
-	var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;
-
-	var Comment = domhandler.Comment;
-	var Element = domhandler.Element;
-	var ProcessingInstruction = domhandler.ProcessingInstruction;
-	var Text = domhandler.Text;
-
-	var caseSensitiveTagNamesMap = {};
-	var tagName;
-
-	for (var i = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i < len; i++) {
-	  tagName = CASE_SENSITIVE_TAG_NAMES[i];
-	  caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
-	}
-
-	/**
-	 * Gets case-sensitive tag name.
-	 *
-	 * @param  {string}           tagName - Tag name in lowercase.
-	 * @return {string|undefined}         - Case-sensitive tag name.
-	 */
-	function getCaseSensitiveTagName(tagName) {
-	  return caseSensitiveTagNamesMap[tagName];
-	}
-
-	/**
-	 * Formats DOM attributes to a hash map.
-	 *
-	 * @param  {NamedNodeMap} attributes - List of attributes.
-	 * @return {object}                  - 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;
-	}
-
-	/**
-	 * Corrects the tag name if it is case-sensitive (SVG).
-	 * Otherwise, returns the lowercase tag name (HTML).
-	 *
-	 * @param  {string} tagName - Lowercase tag name.
-	 * @return {string}         - Formatted tag name.
-	 */
-	function formatTagName(tagName) {
-	  tagName = tagName.toLowerCase();
-	  var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
-	  if (caseSensitiveTagName) {
-	    return caseSensitiveTagName;
-	  }
-	  return tagName;
-	}
-
-	/**
-	 * Transforms DOM nodes to `domhandler` nodes.
-	 *
-	 * @param  {NodeList}     nodes         - DOM nodes.
-	 * @param  {Element|null} [parent=null] - Parent node.
-	 * @param  {string}       [directive]   - Directive.
-	 * @return {Array<Comment|Element|ProcessingInstruction|Text>}
-	 */
-	function formatDOM$1(nodes, parent, directive) {
-	  parent = parent || null;
-	  var result = [];
-
-	  for (var index = 0, len = nodes.length; index < len; index++) {
-	    var node = nodes[index];
-	    var current;
-
-	    // set the node data given the type
-	    switch (node.nodeType) {
-	      case 1:
-	        // script, style, or tag
-	        current = new Element(
-	          formatTagName(node.nodeName),
-	          formatAttributes(node.attributes)
-	        );
-	        current.children = formatDOM$1(node.childNodes, current);
-	        break;
-
-	      case 3:
-	        current = new Text(node.nodeValue);
-	        break;
-
-	      case 8:
-	        current = new Comment(node.nodeValue);
-	        break;
-
-	      default:
-	        continue;
-	    }
-
-	    // set previous node next
-	    var prev = result[index - 1] || null;
-	    if (prev) {
-	      prev.next = current;
-	    }
-
-	    // set properties for current node
-	    current.parent = parent;
-	    current.prev = prev;
-	    current.next = null;
-
-	    result.push(current);
-	  }
-
-	  if (directive) {
-	    current = new ProcessingInstruction(
-	      directive.substring(0, directive.indexOf(' ')).toLowerCase(),
-	      directive
-	    );
-	    current.next = result[0] || null;
-	    current.parent = parent;
-	    result.unshift(current);
-
-	    if (result[1]) {
-	      result[1].prev = result[0];
-	    }
-	  }
-
-	  return result;
-	}
-
-	var utilities = {
-	  formatAttributes: formatAttributes,
-	  formatDOM: formatDOM$1
-	};
-
-	var domparser = domparser_1;
-	var formatDOM = utilities.formatDOM;
-
-	var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>
-
-	/**
-	 * Parses HTML string to DOM nodes in browser.
-	 *
-	 * @param  {string} html  - HTML markup.
-	 * @return {DomElement[]} - DOM elements.
-	 */
-	function HTMLDOMParser(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];
-	  }
-
-	  return formatDOM(domparser(html), null, directive);
-	}
-
-	var htmlToDom = HTMLDOMParser;
-
-	var lib = {};
-
 	var hasRequiredLib;
 
 	function requireLib () {
-		if (hasRequiredLib) return lib;
+		if (hasRequiredLib) return lib$1;
 		hasRequiredLib = 1;
 		(function (exports) {
 			var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -2458,12 +2277,10 @@
 			Object.defineProperty(exports, "__esModule", { value: true });
 			exports.DomHandler = void 0;
 			var domelementtype_1 = requireLib$1();
-			var node_1 = requireNode();
+			var node_js_1 = requireNode();
 			__exportStar(requireNode(), exports);
-			var reWhitespace = /\s+/g;
 			// Default options
 			var defaultOpts = {
-			    normalizeWhitespace: false,
 			    withStartIndices: false,
 			    withEndIndices: false,
 			    xmlMode: false,
@@ -2478,7 +2295,7 @@
 			        /** The elements of the DOM */
 			        this.dom = [];
 			        /** The root element for the DOM */
-			        this.root = new node_1.Document(this.dom);
+			        this.root = new node_js_1.Document(this.dom);
 			        /** Indicated whether parsing has been completed. */
 			        this.done = false;
 			        /** Stack of open tags. */
@@ -2506,7 +2323,7 @@
 			    // Resets the handler back to starting state
 			    DomHandler.prototype.onreset = function () {
 			        this.dom = [];
-			        this.root = new node_1.Document(this.dom);
+			        this.root = new node_js_1.Document(this.dom);
 			        this.done = false;
 			        this.tagStack = [this.root];
 			        this.lastNode = null;
@@ -2534,29 +2351,20 @@
 			    };
 			    DomHandler.prototype.onopentag = function (name, attribs) {
 			        var type = this.options.xmlMode ? domelementtype_1.ElementType.Tag : undefined;
-			        var element = new node_1.Element(name, attribs, undefined, type);
+			        var element = new node_js_1.Element(name, attribs, undefined, type);
 			        this.addNode(element);
 			        this.tagStack.push(element);
 			    };
 			    DomHandler.prototype.ontext = function (data) {
-			        var normalizeWhitespace = this.options.normalizeWhitespace;
 			        var lastNode = this.lastNode;
 			        if (lastNode && lastNode.type === domelementtype_1.ElementType.Text) {
-			            if (normalizeWhitespace) {
-			                lastNode.data = (lastNode.data + data).replace(reWhitespace, " ");
-			            }
-			            else {
-			                lastNode.data += data;
-			            }
+			            lastNode.data += data;
 			            if (this.options.withEndIndices) {
 			                lastNode.endIndex = this.parser.endIndex;
 			            }
 			        }
 			        else {
-			            if (normalizeWhitespace) {
-			                data = data.replace(reWhitespace, " ");
-			            }
-			            var node = new node_1.Text(data);
+			            var node = new node_js_1.Text(data);
 			            this.addNode(node);
 			            this.lastNode = node;
 			        }
@@ -2566,7 +2374,7 @@
 			            this.lastNode.data += data;
 			            return;
 			        }
-			        var node = new node_1.Comment(data);
+			        var node = new node_js_1.Comment(data);
 			        this.addNode(node);
 			        this.lastNode = node;
 			    };
@@ -2574,8 +2382,8 @@
 			        this.lastNode = null;
 			    };
 			    DomHandler.prototype.oncdatastart = function () {
-			        var text = new node_1.Text("");
-			        var node = new node_1.NodeWithChildren(domelementtype_1.ElementType.CDATA, [text]);
+			        var text = new node_js_1.Text("");
+			        var node = new node_js_1.CDATA([text]);
 			        this.addNode(node);
 			        text.parent = node;
 			        this.lastNode = text;
@@ -2584,7 +2392,7 @@
 			        this.lastNode = null;
 			    };
 			    DomHandler.prototype.onprocessinginstruction = function (name, data) {
-			        var node = new node_1.ProcessingInstruction(name, data);
+			        var node = new node_js_1.ProcessingInstruction(name, data);
 			        this.addNode(node);
 			    };
 			    DomHandler.prototype.handleCallback = function (error) {
@@ -2616,10 +2424,219 @@
 			}());
 			exports.DomHandler = DomHandler;
 			exports.default = DomHandler;
-	} (lib));
-		return lib;
+	} (lib$1));
+		return lib$1;
+	}
+
+	var constants$1 = {};
+
+	/**
+	 * SVG elements are case-sensitive.
+	 *
+	 * @see {@link https://developer.mozilla.org/docs/Web/SVG/Element#svg_elements_a_to_z}
+	 */
+
+	constants$1.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'
+	];
+
+	var domhandler = requireLib();
+	var constants = constants$1;
+
+	var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;
+
+	var Comment = domhandler.Comment;
+	var Element = domhandler.Element;
+	var ProcessingInstruction = domhandler.ProcessingInstruction;
+	var Text = domhandler.Text;
+
+	var caseSensitiveTagNamesMap = {};
+	var tagName;
+
+	for (var i = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i < len; i++) {
+	  tagName = CASE_SENSITIVE_TAG_NAMES[i];
+	  caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
+	}
+
+	/**
+	 * Gets case-sensitive tag name.
+	 *
+	 * @param {string} tagName - Tag name in lowercase.
+	 * @returns {string|undefined} - Case-sensitive tag name.
+	 */
+	function getCaseSensitiveTagName(tagName) {
+	  return caseSensitiveTagNamesMap[tagName];
+	}
+
+	/**
+	 * Formats DOM attributes to a hash map.
+	 *
+	 * @param {NamedNodeMap} attributes - List of attributes.
+	 * @returns {object} - 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;
+	}
+
+	/**
+	 * Corrects the tag name if it is case-sensitive (SVG).
+	 * Otherwise, returns the lowercase tag name (HTML).
+	 *
+	 * @param {string} tagName - Lowercase tag name.
+	 * @returns {string} - Formatted tag name.
+	 */
+	function formatTagName(tagName) {
+	  tagName = tagName.toLowerCase();
+	  var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
+	  if (caseSensitiveTagName) {
+	    return caseSensitiveTagName;
+	  }
+	  return tagName;
 	}
 
+	/**
+	 * Transforms DOM nodes to `domhandler` nodes.
+	 *
+	 * @param {NodeList} nodes - DOM nodes.
+	 * @param {Element|null} [parent=null] - Parent node.
+	 * @param {string} [directive] - Directive.
+	 * @returns {Array<Comment|Element|ProcessingInstruction|Text>}
+	 */
+	function formatDOM$1(nodes, parent, directive) {
+	  parent = parent || null;
+	  var result = [];
+
+	  for (var index = 0, len = nodes.length; index < len; index++) {
+	    var node = nodes[index];
+	    var current;
+
+	    // set the node data given the type
+	    switch (node.nodeType) {
+	      case 1:
+	        // script, style, or tag
+	        current = new Element(
+	          formatTagName(node.nodeName),
+	          formatAttributes(node.attributes)
+	        );
+	        current.children = formatDOM$1(node.childNodes, current);
+	        break;
+
+	      case 3:
+	        current = new Text(node.nodeValue);
+	        break;
+
+	      case 8:
+	        current = new Comment(node.nodeValue);
+	        break;
+
+	      default:
+	        continue;
+	    }
+
+	    // set previous node next
+	    var prev = result[index - 1] || null;
+	    if (prev) {
+	      prev.next = current;
+	    }
+
+	    // set properties for current node
+	    current.parent = parent;
+	    current.prev = prev;
+	    current.next = null;
+
+	    result.push(current);
+	  }
+
+	  if (directive) {
+	    current = new ProcessingInstruction(
+	      directive.substring(0, directive.indexOf(' ')).toLowerCase(),
+	      directive
+	    );
+	    current.next = result[0] || null;
+	    current.parent = parent;
+	    result.unshift(current);
+
+	    if (result[1]) {
+	      result[1].prev = result[0];
+	    }
+	  }
+
+	  return result;
+	}
+
+	utilities.formatAttributes = formatAttributes;
+	utilities.formatDOM = formatDOM$1;
+
+	var domparser = domparser_1;
+	var formatDOM = utilities.formatDOM;
+
+	var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>
+
+	/**
+	 * Parses HTML string to DOM nodes in browser.
+	 *
+	 * @param  {string} html  - HTML markup.
+	 * @return {DomElement[]} - DOM elements.
+	 */
+	function HTMLDOMParser(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];
+	  }
+
+	  return formatDOM(domparser(html), null, directive);
+	}
+
+	var htmlToDom = HTMLDOMParser;
+
 	var domToReact = domToReact_1;
 	var attributesToProps = attributesToProps$2;
 	var htmlToDOM = htmlToDom;