mirror of
https://github.com/facebook/react.git
synced 2026-02-23 20:23:02 +00:00
130 lines
3.6 KiB
JavaScript
130 lines
3.6 KiB
JavaScript
/**
|
|
* 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);
|
|
}
|
|
}
|