/** * Copyright 2013 Facebook, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* jshint browser: true */ /* jslint evil: true */ 'use strict'; var runScripts; var headEl; var buffer = require('buffer'); var transform = require('jstransform').transform; var visitors = require('./fbtransform/visitors').transformVisitors; var docblock = require('jstransform/src/docblock'); function transformReact(source) { return transform(visitors.react, source, {sourceMap: true}); } exports.transform = transformReact; exports.exec = function(code) { return eval(transformReact(code).code); }; var inlineScriptCount = 0; var transformCode = function(code, source) { var jsx = docblock.parseAsObject(docblock.extract(code)).jsx; if (jsx) { var transformed = transformReact(code); var map = transformed.sourceMap.toJSON(); if (source == null) { source = "Inline JSX script"; inlineScriptCount++; if (inlineScriptCount > 1) { source += ' (' + inlineScriptCount + ')'; } } map.sources = [source]; map.sourcesContent = [code]; return ( transformed.code + '//# sourceMappingURL=data:application/json;base64,' + buffer.Buffer(JSON.stringify(map)).toString('base64') ); } else { return code; } }; var run = exports.run = function(code, source) { var scriptEl = document.createElement('script'); scriptEl.text = transformCode(code, source); headEl.appendChild(scriptEl); }; var load = exports.load = function(url, callback) { var xhr; xhr = window.ActiveXObject ? new window.ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest(); // Disable async since we need to execute scripts in the order they are in the // DOM to mirror normal script loading. xhr.open('GET', url, false); if ('overrideMimeType' in xhr) { xhr.overrideMimeType('text/plain'); } xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 0 || xhr.status === 200) { run(xhr.responseText, url); } else { throw new Error("Could not load " + url); } if (callback) { return callback(); } } }; return xhr.send(null); }; runScripts = function() { var scripts = document.getElementsByTagName('script'); // Array.prototype.slice cannot be used on NodeList on IE8 var jsxScripts = []; for (var i = 0; i < scripts.length; i++) { if (scripts.item(i).type === 'text/jsx') { jsxScripts.push(scripts.item(i)); } } console.warn("You are using the in-browser JSX transformer. Be sure to precompile your JSX for production - http://facebook.github.io/react/docs/tooling-integration.html#jsx"); jsxScripts.forEach(function(script) { if (script.src) { load(script.src); } else { run(script.innerHTML, null); } }); }; if (typeof window !== "undefined" && window !== null) { headEl = document.getElementsByTagName('head')[0]; if (window.addEventListener) { window.addEventListener('DOMContentLoaded', runScripts, false); } else { window.attachEvent('onload', runScripts); } }