{"patch":"diff --git a\/docs\/_js\/html-jsx-lib.js b\/docs\/_js\/html-jsx-lib.js\nindex 02b36bcf1f..2e94a4db4f 100644\n--- a\/docs\/_js\/html-jsx-lib.js\n+++ b\/docs\/_js\/html-jsx-lib.js\n@@ -1,482 +1,7 @@\n-\/**\n- * Copyright 2013-2014 Facebook, Inc.\n- *\n- * Licensed under the Apache License, Version 2.0 (the \"License\");\n- * you may not use this file except in compliance with the License.\n- * You may obtain a copy of the License at\n- *\n- * http:\/\/www.apache.org\/licenses\/LICENSE-2.0\n- *\n- * Unless required by applicable law or agreed to in writing, software\n- * distributed under the License is distributed on an \"AS IS\" BASIS,\n- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n- * See the License for the specific language governing permissions and\n- * limitations under the License.\n- *\/\n-\n-\/**\n- * This is a very simple HTML to JSX converter. It turns out that browsers \n- * have good HTML parsers (who would have thought?) so we utilise this by \n- * inserting the HTML into a temporary DOM node, and then do a breadth-first\n- * traversal of the resulting DOM tree.\n- *\/\n-;(function(global) {\n- 'use strict';\n- \n- \/\/ https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Node.nodeType\n- var NODE_TYPE = {\n- ELEMENT: 1,\n- TEXT: 3,\n- COMMENT: 8\n- };\n- var ATTRIBUTE_MAPPING = {\n- 'for': 'htmlFor',\n- 'class': 'className'\n- };\n-\n- \/**\n- * Repeats a string a certain number of times.\n- * Also: the future is bright and consists of native string repetition:\n- * https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/String\/repeat\n- *\n- * @param {string} string String to repeat\n- * @param {number} times Number of times to repeat string. Integer.\n- * @see http:\/\/jsperf.com\/string-repeater\/2 \n- *\/\n- function repeatString(string, times) {\n- if (times === 1) {\n- return string;\n- }\n- if (times < 0) { throw new Error(); }\n- var repeated = '';\n- while (times) {\n- if (times & 1) {\n- repeated += string;\n- }\n- if (times >>= 1) {\n- string += string;\n- }\n- }\n- return repeated;\n- }\n-\n- \/**\n- * Determine if the string ends with the specified substring.\n- *\n- * @param {string} haystack String to search in\n- * @param {string} needle String to search for\n- * @return {boolean}\n- *\/\n- function endsWith(haystack, needle) {\n- return haystack.slice(-needle.length) === needle;\n- }\n-\n- \/**\n- * Trim the specified substring off the string. If the string does not end \n- * with the specified substring, this is a no-op.\n- *\n- * @param {string} haystack String to search in\n- * @param {string} needle String to search for\n- * @return {string}\n- *\/\n- function trimEnd(haystack, needle) {\n- return endsWith(haystack, needle)\n- ? haystack.slice(0, -needle.length)\n- : haystack;\n- }\n-\n- \/**\n- * Convert a hyphenated string to camelCase.\n- *\/\n- function hyphenToCamelCase(string) {\n- return string.replace(\/-(.)\/g, function(match, chr) {\n- return chr.toUpperCase();\n- });\n- }\n-\n- \/**\n- * Determines if the specified string consists entirely of whitespace.\n- *\/\n- function isEmpty(string) {\n- return !\/[^\\s]\/.test(string);\n- }\n-\n- \/**\n- * Determines if the specified string consists entirely of numeric characters.\n- *\/\n- function isNumeric(input) {\n- return input !== undefined \n- && input !== null \n- && (typeof input === 'number' || parseInt(input, 10) == input);\n- }\n-\n- var HTMLtoJSX = function(config) {\n- this.config = config || {};\n-\n- if (this.config.createClass === undefined) {\n- this.config.createClass = true;\n- }\n- if (!this.config.indent) {\n- this.config.indent = ' '; \n- }\n- if (!this.config.outputClassName) {\n- this.config.outputClassName = 'NewComponent';\n- }\n- };\n- HTMLtoJSX.prototype = {\n- \/**\n- * Reset the internal state of the converter\n- *\/\n- reset: function() {\n- this.output = '';\n- this.level = 0;\n- },\n- \/**\n- * Main entry point to the converter. Given the specified HTML, returns a\n- * JSX object representing it.\n- * @param {string} html HTML to convert\n- * @return {string} JSX\n- *\/\n- convert: function(html) {\n- this.reset();\n-\n- \/\/ It turns out browsers have good HTML parsers (imagine that). \n- \/\/ Let's take advantage of it.\n- var containerEl = document.createElement('div');\n- containerEl.innerHTML = '\\n' + this._cleanInput(html) + '\\n';\n-\n- if (this.config.createClass) {\n- if (this.config.outputClassName) {\n- this.output = 'var ' + this.config.outputClassName + ' = React.createClass({\\n';\n- } else {\n- this.output = 'React.createClass({\\n';\n- }\n- this.output += this.config.indent + 'render: function() {' + \"\\n\";\n- this.output += this.config.indent + this.config.indent + 'return (\\n';\n- }\n-\n- if (this._onlyOneTopLevel(containerEl)) {\n- \/\/ Only one top-level element, the component can return it directly\n- \/\/ No need to actually visit the container element\n- this._traverse(containerEl);\n- } else {\n- \/\/ More than one top-level element, need to wrap the whole thing in a \n- \/\/ container.\n- this.output += this.config.indent + this.config.indent + this.config.indent;\n- this.level++;\n- this._visit(containerEl);\n- }\n- this.output = this.output.trim() + '\\n';\n- if (this.config.createClass) {\n- this.output += this.config.indent + this.config.indent + ');\\n';\n- this.output += this.config.indent + '}\\n';\n- this.output += '});';\n- }\n- return this.output;\n- },\n-\n- \/**\n- * Cleans up the specified HTML so it's in a format acceptable for \n- * converting.\n- *\n- * @param {string} html HTML to clean\n- * @return {string} Cleaned HTML\n- *\/\n- _cleanInput: function(html) {\n- \/\/ Remove unnecessary whitespace\n- html = html.trim();\n- \/\/ Ugly method to strip script tags. They can wreak havoc on the DOM nodes\n- \/\/ so let's not even put them in the DOM.\n- html = html.replace(\/\/g, '');\n- return html;\n- },\n-\n- \/**\n- * Determines if there's only one top-level node in the DOM tree. That is,\n- * all the HTML is wrapped by a single HTML tag.\n- *\n- * @param {DOMElement} containerEl Container element\n- * @return {boolean}\n- *\/\n- _onlyOneTopLevel: function(containerEl) {\n- \/\/ Only a single child element\n- if (\n- containerEl.childNodes.length === 1 \n- && containerEl.childNodes[0].nodeType === NODE_TYPE.ELEMENT\n- ) {\n- return true;\n- }\n- \/\/ Only one element, and all other children are whitespace\n- var foundElement = false;\n- for (var i = 0, count = containerEl.childNodes.length; i < count; i++) {\n- var child = containerEl.childNodes[i];\n- if (child.nodeType === NODE_TYPE.ELEMENT) {\n- if (foundElement) {\n- \/\/ Encountered an element after already encountering another one\n- \/\/ Therefore, more than one element at root level\n- return false;\n- } else {\n- foundElement = true;\n- }\n- } else if (child.nodeType === NODE_TYPE.TEXT && !isEmpty(child.textContent)) {\n- \/\/ Contains text content\n- return false;\n- }\n- }\n- return true;\n- },\n-\n- \/**\n- * Gets a newline followed by the correct indentation for the current\n- * nesting level\n- *\n- * @return {string}\n- *\/\n- _getIndentedNewline: function() {\n- return '\\n' + repeatString(this.config.indent, this.level + 2);\n- },\n-\n- \/**\n- * Handles processing the specified node\n- * \n- * @param {Node} node\n- *\/\n- _visit: function(node) {\n- this._beginVisit(node);\n- this._traverse(node);\n- this._endVisit(node);\n- },\n-\n- \/**\n- * Traverses all the children of the specified node\n- *\n- * @param {Node} node\n- *\/\n- _traverse: function(node) {\n- this.level++;\n- for (var i = 0, count = node.childNodes.length; i < count; i++) {\n- this._visit(node.childNodes[i]);\n- }\n- this.level--;\n- },\n-\n- \/**\n- * Handle pre-visit behaviour for the specified node.\n- *\n- * @param {Node} node\n- *\/\n- _beginVisit: function(node) {\n- switch (node.nodeType) {\n- case NODE_TYPE.ELEMENT:\n- this._beginVisitElement(node);\n- break;\n-\n- case NODE_TYPE.TEXT:\n- this._visitText(node);\n- break;\n-\n- case NODE_TYPE.COMMENT:\n- this._visitComment(node);\n- break;\n-\n- default:\n- console.warn('Unrecognised node type: ' + node.nodeType);\n- }\n- },\n-\n- \/**\n- * Handles post-visit behaviour for the specified node.\n- *\n- * @param {Node} node\n- *\/\n- _endVisit: function(node) {\n- switch (node.nodeType) {\n- case NODE_TYPE.ELEMENT:\n- this._endVisitElement(node);\n- break;\n- \/\/ No ending tags required for these types\n- case NODE_TYPE.TEXT:\n- case NODE_TYPE.COMMENT:\n- break;\n- }\n- },\n-\n- \/**\n- * Handles pre-visit behaviour for the specified element node\n- *\n- * @param {DOMElement} node\n- *\/\n- _beginVisitElement: function(node) {\n- var tagName = node.tagName.toLowerCase();\n- var attributes = [];\n- for (var i = 0, count = node.attributes.length; i < count; i++) {\n- attributes.push(this._getElementAttribute(node, node.attributes[i]));\n- }\n-\n- this.output += '<' + tagName;\n- if (attributes.length > 0) {\n- this.output += ' ' + attributes.join(' ');\n- }\n- if (node.firstChild) {\n- this.output += '>';\n- }\n- },\n-\n- \/**\n- * Handles post-visit behaviour for the specified element node\n- *\n- * @param {Node} node\n- *\/\n- _endVisitElement: function(node) {\n- \/\/ De-indent a bit\n- \/\/ TODO: It's inefficient to do it this way :\/\n- this.output = trimEnd(this.output, this.config.indent);\n- if (node.firstChild) {\n- this.output += '<\/' + node.tagName.toLowerCase() + '>';\n- } else {\n- this.output += ' \/>';\n- }\n- },\n-\n- \/**\n- * Handles processing of the specified text node\n- *\n- * @param {TextNode} node\n- *\/\n- _visitText: function(node) {\n- var text = node.textContent;\n- \/\/ If there's a newline in the text, adjust the indent level\n- if (text.indexOf('\\n') > -1) {\n- text = node.textContent.replace(\/\\n\\s*\/g, this._getIndentedNewline());\n- }\n- this.output += text;\n- },\n-\n- \/**\n- * Handles processing of the specified text node\n- *\n- * @param {Text} node\n- *\/\n- _visitComment: function(node) {\n- \/\/ Do not render the comment\n- \/\/ Since we remove comments, we also need to remove the next line break so we\n- \/\/ don't end up with extra whitespace after every comment\n- \/\/if (node.nextSibling && node.nextSibling.nodeType === NODE_TYPE.TEXT) {\n- \/\/ node.nextSibling.textContent = node.nextSibling.textContent.replace(\/\\n\\s*\/, '');\n- \/\/}\n- this.output += '{\/*' + node.textContent.replace('*\/', '* \/') + '*\/}';\n- },\n-\n- \/**\n- * Gets a JSX formatted version of the specified attribute from the node\n- *\n- * @param {DOMElement} node\n- * @param {object} attribute\n- * @return {string}\n- *\/\n- _getElementAttribute: function(node, attribute) {\n- switch (attribute.name) {\n- case 'style':\n- return this._getStyleAttribute(attribute.value);\n- default:\n- var name = ATTRIBUTE_MAPPING[attribute.name] || attribute.name;\n- var result = name + '=';\n- \/\/ Numeric values should be output as {123} not \"123\"\n- if (isNumeric(attribute.value)) {\n- result += '{' + attribute.value + '}';\n- } else {\n- result += '\"' + attribute.value.replace('\"', '"') + '\"';\n- }\n- return result;\n- }\n- },\n-\n- \/**\n- * Gets a JSX formatted version of the specified element styles\n- *\n- * @param {string} styles\n- * @return {string}\n- *\/\n- _getStyleAttribute: function(styles) {\n- var jsxStyles = new StyleParser(styles).toJSXString();\n- return 'style={{' + jsxStyles + '}}';\n- }\n- };\n-\n- \/**\n- * Handles parsing of inline styles\n- * \n- * @param {string} rawStyle Raw style attribute\n- * @constructor\n- *\/\n- var StyleParser = function(rawStyle) {\n- this.parse(rawStyle);\n- };\n- StyleParser.prototype = {\n- \/**\n- * Parse the specified inline style attribute value\n- * @param {string} rawStyle Raw style attribute\n- *\/\n- parse: function(rawStyle) {\n- this.styles = {};\n- rawStyle.split(';').forEach(function(style) {\n- style = style.trim();\n- var firstColon = style.indexOf(':');\n- var key = style.substr(0, firstColon);\n- var value = style.substr(firstColon + 1).trim();\n- if (key !== '') {\n- this.styles[key] = value; \n- }\n- }, this);\n- },\n-\n- \/**\n- * Convert the style information represented by this parser into a JSX\n- * string\n- *\n- * @return {string}\n- *\/\n- toJSXString: function() {\n- var output = [];\n- for (var key in this.styles) {\n- if (!this.styles.hasOwnProperty(key)) {\n- continue;\n- }\n- output.push(this.toJSXKey(key) + ': ' + this.toJSXValue(this.styles[key]));\n- }\n- return output.join(', ');\n- },\n-\n- \/**\n- * Convert the CSS style key to a JSX style key\n- *\n- * @param {string} key CSS style key\n- * @return {string} JSX style key\n- *\/\n- toJSXKey: function(key) {\n- return hyphenToCamelCase(key);\n- },\n-\n- \/**\n- * Convert the CSS style value to a JSX style value\n- *\n- * @param {string} value CSS style value\n- * @return {string} JSX style value\n- *\/\n- toJSXValue: function(value) {\n- if (isNumeric(value)) {\n- \/\/ If numeric, no quotes\n- return value;\n- } else if (endsWith(value, 'px')) {\n- \/\/ \"500px\" -> 500\n- return trimEnd(value, 'px');\n- } else {\n- \/\/ Proably a string, wrap it in quotes\n- return '\\'' + value.replace(\/'\/g, '\"') + '\\'';\n- }\n- }\n- };\n-\n- \/\/ Expose public API\n- global.HTMLtoJSX = HTMLtoJSX;\n-}(window));\n\\ No newline at end of file\n+\/\/ Ideally it would be nice to just redirect, but Github Pages is very basic and\n+\/\/ lacks that functionality.\n+console.warn(\n+ 'html-jsx-lib.js has moved to http:\/\/reactjs.github.io\/react-magic\/' +\n+ 'htmltojsx.min.js. If using React-Magic, you are no longer required to ' +\n+ 'link to this file. Please delete its

dillon1000/react

Files changed