81 lines
2.5 KiB
JavaScript
81 lines
2.5 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
||
|
|
*
|
||
|
|
* This source code is licensed under the MIT license found in the
|
||
|
|
* LICENSE file in the root directory of this source tree.
|
||
|
|
*
|
||
|
|
* @typechecks
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*eslint-disable fb-www/unsafe-html*/
|
||
|
|
|
||
|
|
var ExecutionEnvironment = require('./ExecutionEnvironment');
|
||
|
|
|
||
|
|
var createArrayFromMixed = require('./createArrayFromMixed');
|
||
|
|
var getMarkupWrap = require('./getMarkupWrap');
|
||
|
|
var invariant = require('./invariant');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Dummy container used to render all markup.
|
||
|
|
*/
|
||
|
|
var dummyNode = ExecutionEnvironment.canUseDOM ? document.createElement('div') : null;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Pattern used by `getNodeName`.
|
||
|
|
*/
|
||
|
|
var nodeNamePattern = /^\s*<(\w+)/;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Extracts the `nodeName` of the first element in a string of markup.
|
||
|
|
*
|
||
|
|
* @param {string} markup String of markup.
|
||
|
|
* @return {?string} Node name of the supplied markup.
|
||
|
|
*/
|
||
|
|
function getNodeName(markup) {
|
||
|
|
var nodeNameMatch = markup.match(nodeNamePattern);
|
||
|
|
return nodeNameMatch && nodeNameMatch[1].toLowerCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Creates an array containing the nodes rendered from the supplied markup. The
|
||
|
|
* optionally supplied `handleScript` function will be invoked once for each
|
||
|
|
* <script> element that is rendered. If no `handleScript` function is supplied,
|
||
|
|
* an exception is thrown if any <script> elements are rendered.
|
||
|
|
*
|
||
|
|
* @param {string} markup A string of valid HTML markup.
|
||
|
|
* @param {?function} handleScript Invoked once for each rendered <script>.
|
||
|
|
* @return {array<DOMElement|DOMTextNode>} An array of rendered nodes.
|
||
|
|
*/
|
||
|
|
function createNodesFromMarkup(markup, handleScript) {
|
||
|
|
var node = dummyNode;
|
||
|
|
!!!dummyNode ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createNodesFromMarkup dummy not initialized') : invariant(false) : void 0;
|
||
|
|
var nodeName = getNodeName(markup);
|
||
|
|
|
||
|
|
var wrap = nodeName && getMarkupWrap(nodeName);
|
||
|
|
if (wrap) {
|
||
|
|
node.innerHTML = wrap[1] + markup + wrap[2];
|
||
|
|
|
||
|
|
var wrapDepth = wrap[0];
|
||
|
|
while (wrapDepth--) {
|
||
|
|
node = node.lastChild;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
node.innerHTML = markup;
|
||
|
|
}
|
||
|
|
|
||
|
|
var scripts = node.getElementsByTagName('script');
|
||
|
|
if (scripts.length) {
|
||
|
|
!handleScript ? process.env.NODE_ENV !== 'production' ? invariant(false, 'createNodesFromMarkup(...): Unexpected <script> element rendered.') : invariant(false) : void 0;
|
||
|
|
createArrayFromMixed(scripts).forEach(handleScript);
|
||
|
|
}
|
||
|
|
|
||
|
|
var nodes = Array.from(node.childNodes);
|
||
|
|
while (node.lastChild) {
|
||
|
|
node.removeChild(node.lastChild);
|
||
|
|
}
|
||
|
|
return nodes;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = createNodesFromMarkup;
|