Revert "remove jsx and react transformers"

This reverts commit 4241227dbe.

lib/6to5/transform.js

@@ -96,6 +96,9 @@ transform.transformers = {
   unicodeRegex:             require("./transformers/unicode-regex"),
   generators:               require("./transformers/generators"),
 
+  react:                    require("./transformers/react"),
+  jsx:                      require("./transformers/jsx"),
+
   _aliasFunctions:          require("./transformers/_alias-functions"),
   _blockHoist:              require("./transformers/_block-hoist"),
   _declarations:            require("./transformers/_declarations"),

lib/6to5/transformers/jsx/index.js

@@ -0,0 +1,99 @@
+// Based upon the excellent jsx-transpiler by Ingvar Stepanyan (RReverser)
+// https://github.com/RReverser/jsx-transpiler
+
+var esutils = require("esutils");
+var b       = require("recast").types.builders;
+var _       = require("lodash");
+
+var JSX_ANNOTATION_REGEX = /^\*\s*@jsx\s+([^\s]+)/;
+var KNOWN_TAGS           = require("./known-tags");
+
+exports.Program = function (node, parent, file) {
+  var jsx = "React.DOM";
+
+  // looking for namespace annotation
+  _.each(node.comments, function (comment) {
+    if (!comment.possiblyLeading) return;
+
+    var matches = JSX_ANNOTATION_REGEX.exec(comment.value);
+    if (matches) jsx = matches[1];
+  });
+
+  // prebuilding AST node
+  file.jsx = jsx.split(".").map(b.identifier).reduce(function (object, property) {
+    return b.memberExpression(object, property, false);
+  });
+};
+
+exports.XJSIdentifier = function (node) {
+  if (esutils.keyword.isIdentifierName(node.name)) {
+    node.type = "Identifier";
+  } else {
+    return b.literal(node.name);
+  }
+};
+
+exports.XJSNamespacedName = function () {
+  throw new Error("Namespace tags are not supported. ReactJSX is not XML.");
+};
+
+exports.XJSMemberExpression = {
+  exit: function (node) {
+    node.computed = node.property.type === "Literal";
+    node.type = "MemberExpression";
+  }
+};
+
+exports.XJSEmptyExpression = function (node) {
+  node.value = null;
+  node.type = "Literal";
+};
+
+exports.XJSExpressionContainer = function (node) {
+  return node.expression;
+};
+
+exports.XJSAttribute = {
+  exit: function (node) {
+    var value = node.value || b.literal(true);
+    var propNode = b.property("init", node.name, value);
+    propNode.loc = node.loc;
+    return propNode;
+  }
+};
+
+exports.XJSOpeningElement = {
+  exit: function (node, parent, file) {
+    var tagExpr = node.name;
+
+    if (_.contains(KNOWN_TAGS, tagExpr.name)) {
+      tagExpr = b.memberExpression(file.jsx, tagExpr, false);
+    }
+
+    var props = node.attributes;
+    if (props.length) {
+      props = b.objectExpression(props);
+    } else {
+      props = b.literal(null);
+    }
+
+    return b.callExpression(tagExpr, [props]);
+  }
+};
+
+exports.XJSElement = {
+  exit: function (node) {
+    var callExpr = node.openingElement;
+    var children = node.children;
+    var args     = callExpr.arguments;
+
+    switch (children.length) {
+      case 0: break;
+      case 1: args.push(children[0]); break;
+      default: args.push(b.arrayExpression(children));
+    }
+
+    callExpr.loc = node.loc;
+    return callExpr;
+  }
+};

lib/6to5/transformers/jsx/known-tags.json

@@ -0,0 +1,132 @@
+[
+  "a",
+  "abbr",
+  "address",
+  "applet",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "circle",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "command",
+  "data",
+  "datalist",
+  "dd",
+  "defs",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "ellipse",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "g",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "line",
+  "linearGradient",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "path",
+  "polygon",
+  "polyline",
+  "pre",
+  "progress",
+  "q",
+  "radialGradient",
+  "rect",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "stop",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "svg",
+  "table",
+  "tbody",
+  "td",
+  "text",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "tspan",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr"
+]

lib/6to5/transformers/react.js

@@ -0,0 +1,63 @@
+var b = require("recast").types.builders;
+var _ = require("lodash");
+
+var addDisplayName = function (id, call) {
+  if (!call || call.type !== "CallExpression") return;
+
+  var callee = call.callee;
+  if (callee.type !== "MemberExpression") return;
+
+  // not React
+  var obj = callee.object;
+  if (obj.type !== "Identifier" || obj.name !== "React") return;
+
+  // not createClass
+  var prop = callee.property;
+  if (prop.type !== "Identifier" || prop.name !== "createClass") return;
+
+  // no arguments
+  var args = call.arguments;
+  if (args.length !== 1) return;
+
+  // not an object
+  var first = args[0];
+  if (first.type !== "ObjectExpression") return;
+
+  var props = first.properties;
+  var safe = true;
+
+  _.each(props, function (prop) {
+    if (prop.key.name === "displayName") {
+      return safe = false;
+    }
+  });
+
+  if (safe) {
+    props.unshift(b.property("init", b.identifier("displayName"), b.literal(id)));
+  }
+};
+
+exports.AssignmentExpression =
+exports.Property =
+exports.VariableDeclarator = function (node) {
+  var left, right;
+
+  if (node.type === "AssignmentExpression") {
+    left = node.left;
+    right = node.right;
+  } else if (node.type === "Property") {
+    left = node.key;
+    right = node.value;
+  } else if (node.type === "VariableDeclarator") {
+    left = node.id;
+    right = node.init;
+  }
+
+  if (left && left.type === "MemberExpression") {
+    left = left.property;
+  }
+
+  if (left && left.type === "Identifier") {
+    addDisplayName(left.name, right);
+  }
+};