Add babel-plugin-extract-react-types (#47)

* Mostly done babel plugin, still ts support to fix

* Fix ts support

* Improve type system detection

* Remove ComponentProps component and add component prop to Props component

Author: emmatown

.changeset/40ff523e/changes.json

@@ -0,0 +1,21 @@
+{
+  "releases": [{ "name": "extract-react-types", "type": "minor" }],
+  "dependents": [
+    {
+      "name": "babel-plugin-extract-react-types",
+      "type": "patch",
+      "dependencies": ["extract-react-types"]
+    },
+    {
+      "name": "extract-react-types-loader",
+      "type": "patch",
+      "dependencies": ["extract-react-types"]
+    },
+    { "name": "kind2string", "type": "patch", "dependencies": ["extract-react-types"] },
+    {
+      "name": "pretty-proptypes",
+      "type": "patch",
+      "dependencies": ["kind2string", "extract-react-types"]
+    }
+  ]
+}

.changeset/40ff523e/changes.md

@@ -0,0 +1 @@
+- Add findExportedComponents function

.changeset/96dc821d/changes.json

@@ -0,0 +1 @@
+{ "releases": [{ "name": "pretty-proptypes", "type": "minor" }], "dependents": [] }

.changeset/96dc821d/changes.md

@@ -0,0 +1 @@
+- Add component prop to Props component

.changeset/dd3cc83e/changes.json

@@ -0,0 +1 @@
+{ "releases": [{ "name": "babel-plugin-extract-react-types", "type": "minor" }], "dependents": [] }

.changeset/dd3cc83e/changes.md

@@ -0,0 +1 @@
+- Add babel-plugin-extract-react-types

package.json

@@ -17,6 +17,9 @@
   "dependencies": {
     "@atlaskit/build-releases": "^3.0.3",
     "@babel/core": "7.0.0-beta.56",
+    "@babel/plugin-syntax-flow": "^7.2.0",
+    "@babel/plugin-syntax-jsx": "^7.2.0",
+    "@babel/plugin-syntax-typescript": "^7.2.0",
     "@babel/types": "^7.0.0-beta.56",
     "ast-pretty-print": "^2.0.1",
     "babel-errors": "^1.1.1",
@@ -59,6 +62,7 @@
     "enzyme-adapter-react-16": "^1.1.1",
     "flow-bin": "^0.69.0",
     "jest": "^23.6.0",
+    "jest-in-case": "^1.0.2",
     "jsdom": "^11.7.0",
     "prettier": "^1.13.7",
     "react": "^16.3.1",

packages/babel-plugin-extract-react-types/README.md

@@ -0,0 +1,30 @@
+# babel-plugin-extract-react-types
+
+> A Babel plugin to store the types of React components as a property on the component for documentation
+
+## Install
+
+```bash
+yarn add babel-plugin-extract-react-types pretty-proptypes
+```
+
+## Usage
+
+`.babelrc`
+
+```json
+{
+  "plugins": ["babel-plugin-extract-react-types"]
+}
+```
+
+```jsx
+import SomeComponent from 'somewhere';
+import Props from 'pretty-proptypes';
+
+<Props heading="My Component" component={SomeComponent} />;
+```
+
+## Inspiration
+
+- [babel-plugin-react-docgen](https://github.com/storybooks/babel-plugin-react-docgen)