add more plugins, rename some

packages/babel-plugin-transform-react-inline-elements/.npmignore

@@ -0,0 +1,3 @@
+node_modules
+*.log
+src

packages/babel-plugin-transform-react-inline-elements/README.md

@@ -0,0 +1,35 @@
+# babel-plugin-transform-react-inline-elements
+
+Turn JSX elements into exploded React objects
+
+## Installation
+
+```sh
+$ npm install babel-plugin-transform-react-inline-elements
+```
+
+## Usage
+
+### Via `.babelrc` (Recommended)
+
+**.babelrc**
+
+```json
+{
+  "plugins": ["transform-react-inline-elements"]
+}
+```
+
+### Via CLI
+
+```sh
+$ babel --plugins transform-react-inline-elements script.js
+```
+
+### Via Node API
+
+```javascript
+require("babel-core").transform("code", {
+  plugins: ["transform-react-inline-elements"]
+});
+```

packages/babel-plugin-transform-react-inline-elements/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "babel-plugin-transform-react-inline-elements",
+  "version": "1.0.0",
+  "description": "Turn JSX elements into exploded React objects",
+  "repository": "babel/babel",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "keywords": [
+    "babel-plugin"
+  ]
+}

packages/babel-plugin-transform-react-inline-elements/src/index.js

@@ -0,0 +1,74 @@
+export default function ({ types: t }) {
+  function hasRefOrSpread(attrs) {
+    for (var i = 0; i < attrs.length; i++) {
+      var attr = attrs[i];
+      if (t.isJSXSpreadAttribute(attr)) return true;
+      if (isJSXAttributeOfName(attr, "ref")) return true;
+    }
+    return false;
+  }
+
+  function isJSXAttributeOfName(attr, name) {
+    return t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name, { name: name });
+  }
+
+  return {
+    visitor: {
+      JSXElement({ node }, file) {
+        // filter
+        var open = node.openingElement;
+        if (hasRefOrSpread(open.attributes)) return;
+
+        // init
+        var isComponent = true;
+        var props       = t.objectExpression([]);
+        var obj         = t.objectExpression([]);
+        var key         = t.nullLiteral();
+        var type        = open.name;
+
+        if (t.isJSXIdentifier(type) && t.react.isCompatTag(type.name)) {
+          type = t.stringLiteral(type.name);
+          isComponent = false;
+        }
+
+        function pushElemProp(key, value) {
+          pushProp(obj.properties, t.identifier(key), value);
+        }
+
+        function pushProp(objProps, key, value) {
+          objProps.push(t.property("init", key, value));
+        }
+
+        // metadata
+        pushElemProp("type", type);
+        pushElemProp("ref", t.nullLiteral());
+
+        if (node.children.length) {
+          var children = t.react.buildChildren(node);
+          children = children.length === 1 ? children[0] : t.arrayExpression(children);
+          pushProp(props.properties, t.identifier("children"), children);
+        }
+
+        // props
+        for (var attr of (open.attributes: Array)) {
+          if (isJSXAttributeOfName(attr, "key")) {
+            key = attr.value;
+          } else {
+            pushProp(props.properties, t.identifier(attr.name.name), attr.value || t.identifier("true"));
+          }
+        }
+
+        if (isComponent) {
+          props = t.callExpression(file.addHelper("default-props"), [t.memberExpression(type, t.identifier("defaultProps")), props]);
+        }
+
+        pushElemProp("props", props);
+
+        // key
+        pushElemProp("key", key);
+
+        return obj;
+      }
+    }
+  };
+}