diff --git a/docs/ui-components.md b/docs/ui-components.md index 1be2e014d..13b03f68e 100644 --- a/docs/ui-components.md +++ b/docs/ui-components.md @@ -4,251 +4,4 @@ title: UI Components sidebar_label: UI Components --- -Flipper has a lot of built in React components to build UIs. You can find all of these in [`src/ui/components`](https://github.com/facebook/Flipper/tree/master/src/ui/components) and can import them directly using `import {Button} from 'flipper'`. - -## FlexBox - -In Flipper we make heavy use of flexbox for layout. FlexBox is layout system on the web which has been specifically design for building application like UIs. Flipper provides two flexbox components `FlexRow` and `FlexColumn`. These are flexbox components with some sane defaults such as automatically scrolling content that overflows. - -```javascript -import { FlexRow, FlexColumn } from 'flipper'; - -// Align children horizontally - - {children} - - -// Align children vertically - - {children} - -``` - -To control other flexbox properties than the direction you can extend existing components, detailed in [Styling Components](styling-components.md). - -```javascript -import {FlexRow, styled} from 'flipper'; - -const CenterFlexRow = styled(FlexRow)({ - justifyContent: 'center', -}); - -// Align children horizontally in the center -{children}; -``` - -## Text - -The `Text` component is available to render any text in your plugin. To render headers and subtitle differently for example, we used the styled module. With this we can also change the color, text alignment, and any other properties typically found on a `span`. - -```javascript -import {Text, styled, colors} from 'flipper'; - -const Title = styled(Text)({ - color: colors.red, -}); - -Flipper Subtitle; -``` - -## Buttons - -Flipper comes with a couple of button styles built in! As always you can style then further using the styled module but we expect the pre-defined buttons to fit most UIs. - -```javascript -import {Button} from 'flipper'; - -; -``` - -You can create a group of buttons by surrounding it with ``. - -## Sidebar - -The `Sidebar` component provides a nice abstraction around some common but complex behavior. The `Sidebar` is used by all major Flipper plugins and using it in your plugin will ensure your plugin behaves similarly, such as allowing for resizing. - -```javascript -import {FlexRow, Sidebar, colors, styled} from 'infinity-ui'; -import {FlipperPlugin} from 'flipper'; - -type State = {}; - -const Red = styled('div')({ - backgroundColor: colors.red, -}); - -const Blue = styled('div')({ - backgroundColor: colors.blue, -}); - -export default class MyFlipperPlugin extends FlipperPlugin { - static title = 'My Plugin'; - static id = 'my-plugin'; - - render() { - return ( - - - - - - - - ); - } -} -``` - -## Panel - -Panels are a way to section data, and make it collapsible. They are often used in sidebars. Just give the Panel a heading and some content and it makes sure that it displays in the same style as the rest of Flipper. - -```javascript -import { - FlexColumn, - FlexRow, - Sidebar, - Panel, - colors, - styled, - FlipperPlugin, -} from 'flipper'; - -type State = {}; - -const Red = styled('div')({ - backgroundColor: colors.red, -}); - -const Blue = styled('div')({ - backgroundColor: colors.blue, - height: 200, -}); - -const Green = styled('div')({ - backgroundColor: colors.green, - height: 200, -}); - -export default class MyFlipperPlugin extends FlipperPlugin { - static title = 'My Plugin'; - static id = 'my-plugin'; - - render() { - return ( - - - - - - - - - - - - - - - - ); - } -} -``` - -## DataInspector - -The `DataInspector` component is used to unpack and display a javascript object. It is used to show View properties in the layout inspector, and to show event data in the analytics plugins. - -```javascript -import {FlexColumn, DataInspector, FlipperPlugin} from 'flipper'; - -type State = {}; - -export default class MyFlipperPlugin extends FlipperPlugin { - static title = 'My Plugin'; - static id = 'my-plugin'; - - static data = { - one: 1, - two: '2', - three: [1, 2, 3], - }; - - render() { - return ( - - - - ); - } -} -``` - -## Toolbar - -The `Toolbar` component can display a toolbar with buttons, inputs, etc. A `` can be used to fill the space between items. - -```javascript -import {Toolbar, Spacer, Button, FlipperPlugin} from 'flipper'; - -export default class MyFlipperPlugin extends FlipperPlugin { - render() { - return ( - - - - - - ); - } -} -``` - -## Popover - -Used to display content in an overlay. - -```javascript -import {Popover, FlipperPlugin} from 'flipper'; - -export default class MyFlipperPlugin extends FlipperPlugin { - render() { - return ( - {this.state.popoverVisible && this.setState({popoverVisible: false})}> - ... - } - ); - } -} -``` - -## ContextMenu - -Add a native context menu to a component by wrapping it with the ContextMenu component. - -```javascript -import {ContextMenu, FlipperPlugin} from 'flipper'; - -export default class MyFlipperPlugin extends FlipperPlugin { - contextMenuItems = [ - { - label: 'Copy', - click: this.copy, - }, - { - type: 'separator', - }, - { - label: 'Clear All', - click: this.clear, - }, - ]; - - render() { - return ...; - } -} -``` +Flipper has a lot of built in React components to build UIs. You can import them directly using e.g. `import {Button} from 'flipper'`. diff --git a/website/generate-uidocs.js b/website/generate-uidocs.js new file mode 100644 index 000000000..df042c4b5 --- /dev/null +++ b/website/generate-uidocs.js @@ -0,0 +1,113 @@ +/** + * Copyright 2018-present Facebook. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * @format + */ + +const reactDocs = require('react-docgen'); +const glob = require('glob'); +const fs = require('fs'); +const babylon = require('@babel/parser'); +const docblockParser = require('docblock-parser'); + +const TARGET = __dirname + '/../docs/ui-components.md'; + +glob(__dirname + '/../src/ui/components/**/*.js', (err, files) => { + const content = files + .map(f => [f, fs.readFileSync(f)]) + .map(([name, file]) => { + try { + const doc = reactDocs.parse(file); + console.log(`✅ ${name}`); + return doc; + } catch (e) { + const doc = parseHOC(name, file); + if (doc) { + console.log(`✅ HOC: ${name}`); + return doc; + } else { + console.error(`❌ ${name}: ${e.message}`); + return null; + } + } + }) + .filter(Boolean) + .map(generateMarkdown) + .reduce((acc, cv) => acc + cv, ''); + fs.writeFileSync(TARGET, fs.readFileSync(TARGET) + content); +}); + +// HOC are not supported by react-docgen. This means, styled-components will not +// work. This is why we implement our own parser to information from these HOCs. +function parseHOC(name, file) { + try { + const ast = babylon.parse(file.toString(), { + sourceType: 'module', + plugins: ['flow', 'objectRestSpread', 'classProperties'], + }); + + // find the default export from the file + const exportDeclaration = ast.program.body.find( + node => node.type === 'ExportDefaultDeclaration', + ); + + if (exportDeclaration) { + // find doc comment right before the export + const comment = ast.comments.find( + c => c.end + 1 === exportDeclaration.start, + ); + if (comment) { + return { + // use the file's name as name for the component + displayName: name + .split('/') + .reverse()[0] + .replace(/\.js$/, ''), + description: docblockParser.parse(comment.value).text, + }; + } + } + } catch (e) {} + return null; +} + +function generateMarkdown(component) { + let props; + if (component.props && Object.keys(component.props).length > 0) { + props = '| Property | Type | Description |\n'; + props += '|---------|------|-------------|\n'; + Object.keys(component.props).forEach(prop => { + let {flowType, description} = component.props[prop]; + + let type = ''; + if (flowType) { + if (flowType.nullable) { + type += '?'; + } + + type += + flowType.name === 'signature' || + flowType.name === 'union' || + flowType.name === 'Array' + ? flowType.raw + : flowType.name; + } + + // escape pipes and new lines because they will break tables + type = type.replace(/\n/g, ' ').replace(/\|/g, '|'); + description = description + ? description.replace(/\n/g, ' ').replace(/\|/g, '|') + : ''; + + props += `| \`${prop}\` | \`${type}\` | ${description} |\n`; + }); + } + return ` +## ${component.displayName} + +${component.description || ''} + +${props || ''} + `; +} diff --git a/website/package.json b/website/package.json index f5822c33b..661a1c90e 100644 --- a/website/package.json +++ b/website/package.json @@ -1,14 +1,20 @@ { "scripts": { "examples": "docusaurus-examples", - "start": "docusaurus-start", - "build": "docusaurus-build", + "start": "yarn generate-uidocs && docusaurus-start", + "build": "yarn generate-uidocs && docusaurus-build", "publish-gh-pages": "docusaurus-publish", "write-translations": "docusaurus-write-translations", "version": "docusaurus-version", - "rename-version": "docusaurus-rename-version" + "rename-version": "docusaurus-rename-version", + "generate-uidocs": "node ./generate-uidocs.js" }, "devDependencies": { - "docusaurus": "^1.0.9" - } + "@babel/parser": "^7.1.3", + "docblock-parser": "^1.0.0", + "docusaurus": "^1.0.9", + "glob": "^7.1.3", + "react-docgen": "^3.0.0-rc.1" + }, + "dependencies": {} } diff --git a/website/static/css/custom.css b/website/static/css/custom.css index 49166e8fc..4bb5434c6 100644 --- a/website/static/css/custom.css +++ b/website/static/css/custom.css @@ -252,6 +252,48 @@ pre code { opacity: 0.8; } +.mainContainer article table { + width: 100%; + border: 0; +} + +.mainContainer article table td:nth-child(1){ + width: 15%; + min-width: 140px; +} +.mainContainer article table td:nth-child(2){ + width: 25%; +} +table tr { + border-bottom: 1px solid #e5e5e5; +} + +table tr td { + vertical-align: top; + border: 0; +} + +table tr th { + border: 0; + text-transform: none; +} + +table tr th code, table tr td code { + background: none; + margin: 0; + color: inherit; + border: 0; + box-shadow: none; +} + +table tr:nth-of-type(odd) { + background: none; +} + +table tr:hover { + background: #f5f5f5; +} + footer .sitemap .nav-home, footer .fbOpenSource { opacity: 1; diff --git a/website/yarn.lock b/website/yarn.lock index 040adbfb0..e59d69c36 100644 --- a/website/yarn.lock +++ b/website/yarn.lock @@ -2,6 +2,16 @@ # yarn lockfile v1 +"@babel/parser@7.0.0-beta.53": + version "7.0.0-beta.53" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.0.0-beta.53.tgz#1f45eb617bf9463d482b2c04d349d9e4edbf4892" + integrity sha1-H0XrYXv5Rj1IKywE00nZ5O2/SJI= + +"@babel/parser@^7.1.3": + version "7.1.3" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.1.3.tgz#2c92469bac2b7fbff810b67fca07bd138b48af77" + integrity sha512-gqmspPZOMW3MIRb9HlrnbZHXI1/KHTOroBwN1NcLL6pWxzqzEKGvRTq0W/PxS45OtQGbaFikSQpkS5zbnsQm2w== + accepts@~1.3.5: version "1.3.5" resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.5.tgz#eb777df6011723a3b14e8a72c0805c8e86746bd2" @@ -61,6 +71,18 @@ assert-plus@1.0.0, assert-plus@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525" +ast-types@0.11.5: + version "0.11.5" + resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.5.tgz#9890825d660c03c28339f315e9fa0a360e31ec28" + integrity sha512-oJjo+5e7/vEc2FBK8gUalV0pba4L3VdBIs2EKhOLHLcOd2FgQIVQN9xb0eZ9IjEWyAL7vq6fGJxOvVvdCHNyMw== + +async@^2.1.4: + version "2.6.1" + resolved "https://registry.yarnpkg.com/async/-/async-2.6.1.tgz#b245a23ca71930044ec53fa46aa00a3e87c6a610" + integrity sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ== + dependencies: + lodash "^4.17.10" + asynckit@^0.4.0: version "0.4.0" resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" @@ -583,7 +605,7 @@ babel-register@^6.24.1, babel-register@^6.26.0: mkdirp "^0.5.1" source-map-support "^0.4.15" -babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0: +babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0, babel-runtime@^6.9.2: version "6.26.0" resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe" dependencies: @@ -750,6 +772,11 @@ commander@^2.11.0: version "2.15.1" resolved "https://registry.yarnpkg.com/commander/-/commander-2.15.1.tgz#df46e867d0fc2aec66a34662b406a9ccafff5b0f" +commander@^2.9.0: + version "2.19.0" + resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a" + integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg== + concat-map@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" @@ -850,6 +877,20 @@ detect-indent@^4.0.0: dependencies: repeating "^2.0.0" +docblock-parser@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/docblock-parser/-/docblock-parser-1.0.0.tgz#6e682a14a8c05711b647c2305d7795889f0ea32b" + integrity sha1-bmgqFKjAVxG2R8IwXXeViJ8Ooys= + dependencies: + lodash.assign "^3.2.0" + +doctrine@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d" + integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw== + dependencies: + esutils "^2.0.2" + docusaurus@^1.0.9: version "1.0.9" resolved "https://registry.yarnpkg.com/docusaurus/-/docusaurus-1.0.9.tgz#1f703ca9e7f9319f690630fe7eee6381843dc761" @@ -913,6 +954,11 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" +esprima@~4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71" + integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A== + esutils@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b" @@ -1055,6 +1101,18 @@ glob@^7.0.0, glob@^7.0.5, glob@^7.1.2: once "^1.3.0" path-is-absolute "^1.0.0" +glob@^7.1.3: + version "7.1.3" + resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1" + integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ== + dependencies: + fs.realpath "^1.0.0" + inflight "^1.0.4" + inherits "2" + minimatch "^3.0.4" + once "^1.3.0" + path-is-absolute "^1.0.0" + globals@^9.18.0: version "9.18.0" resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a" @@ -1236,6 +1294,81 @@ jsprim@^1.2.2: json-schema "0.2.3" verror "1.10.0" +lodash._baseassign@^3.0.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz#8c38a099500f215ad09e59f1722fd0c52bfe0a4e" + integrity sha1-jDigmVAPIVrQnlnxci/QxSv+Ck4= + dependencies: + lodash._basecopy "^3.0.0" + lodash.keys "^3.0.0" + +lodash._basecopy@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36" + integrity sha1-jaDmqHbPNEwK2KVIghEd08XHyjY= + +lodash._bindcallback@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz#e531c27644cf8b57a99e17ed95b35c748789392e" + integrity sha1-5THCdkTPi1epnhftlbNcdIeJOS4= + +lodash._createassigner@^3.0.0: + version "3.1.1" + resolved "https://registry.yarnpkg.com/lodash._createassigner/-/lodash._createassigner-3.1.1.tgz#838a5bae2fdaca63ac22dee8e19fa4e6d6970b11" + integrity sha1-g4pbri/aymOsIt7o4Z+k5taXCxE= + dependencies: + lodash._bindcallback "^3.0.0" + lodash._isiterateecall "^3.0.0" + lodash.restparam "^3.0.0" + +lodash._getnative@^3.0.0: + version "3.9.1" + resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5" + integrity sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U= + +lodash._isiterateecall@^3.0.0: + version "3.0.9" + resolved "https://registry.yarnpkg.com/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz#5203ad7ba425fae842460e696db9cf3e6aac057c" + integrity sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw= + +lodash.assign@^3.2.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-3.2.0.tgz#3ce9f0234b4b2223e296b8fa0ac1fee8ebca64fa" + integrity sha1-POnwI0tLIiPilrj6CsH+6OvKZPo= + dependencies: + lodash._baseassign "^3.0.0" + lodash._createassigner "^3.0.0" + lodash.keys "^3.0.0" + +lodash.isarguments@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a" + integrity sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo= + +lodash.isarray@^3.0.0: + version "3.0.4" + resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55" + integrity sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U= + +lodash.keys@^3.0.0: + version "3.1.2" + resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-3.1.2.tgz#4dbc0472b156be50a0b286855d1bd0b0c656098a" + integrity sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo= + dependencies: + lodash._getnative "^3.0.0" + lodash.isarguments "^3.0.0" + lodash.isarray "^3.0.0" + +lodash.restparam@^3.0.0: + version "3.6.1" + resolved "https://registry.yarnpkg.com/lodash.restparam/-/lodash.restparam-3.6.1.tgz#936a4e309ef330a7645ed4145986c85ae5b20805" + integrity sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU= + +lodash@^4.17.10: + version "4.17.11" + resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d" + integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg== + lodash@^4.17.4: version "4.17.5" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511" @@ -1272,7 +1405,7 @@ mime@1.4.1: version "1.4.1" resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6" -minimatch@^3.0.4: +minimatch@^3.0.2, minimatch@^3.0.4: version "3.0.4" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083" dependencies: @@ -1296,6 +1429,13 @@ negotiator@0.6.1: version "0.6.1" resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9" +node-dir@^0.1.10: + version "0.1.17" + resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5" + integrity sha1-X1Zl2TNRM1yqvvjxxVRRbPXx5OU= + dependencies: + minimatch "^3.0.2" + node-fetch@^1.0.1: version "1.7.3" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef" @@ -1355,7 +1495,7 @@ performance-now@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" -private@^0.1.6, private@^0.1.7: +private@^0.1.6, private@^0.1.7, private@~0.1.5: version "0.1.8" resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff" @@ -1405,6 +1545,19 @@ raw-body@2.3.2: iconv-lite "0.4.19" unpipe "1.0.0" +react-docgen@^3.0.0-rc.1: + version "3.0.0-rc.1" + resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-3.0.0-rc.1.tgz#a4e33dba1454459294276afdec87ef3958167eb0" + integrity sha512-jOnu9qEqNlBx5Jrgx8mcHmG6FQcrBIpdZ5HTcZqW5hOkYsmCAPID0vEm66mkVbh3anli9+WWK2wL3AKK1ivNBA== + dependencies: + "@babel/parser" "7.0.0-beta.53" + async "^2.1.4" + babel-runtime "^6.9.2" + commander "^2.9.0" + doctrine "^2.0.0" + node-dir "^0.1.10" + recast "^0.15.0" + react-dom-factories@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/react-dom-factories/-/react-dom-factories-1.0.2.tgz#eb7705c4db36fb501b3aa38ff759616aa0ff96e0" @@ -1428,6 +1581,16 @@ react@^15.5.4: object-assign "^4.1.0" prop-types "^15.5.10" +recast@^0.15.0: + version "0.15.5" + resolved "https://registry.yarnpkg.com/recast/-/recast-0.15.5.tgz#6871177ee26720be80d7624e4283d5c855a5cb0b" + integrity sha512-nkAYNqarh73cMWRKFiPQ8I9dOLFvFk6SnG8u/LUlOYfArDOD/EjsVRAs860TlBLrpxqAXHGET/AUAVjdEymL5w== + dependencies: + ast-types "0.11.5" + esprima "~4.0.0" + private "~0.1.5" + source-map "~0.6.1" + rechoir@^0.6.2: version "0.6.2" resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384" @@ -1602,6 +1765,11 @@ source-map@^0.5.6, source-map@^0.5.7: version "0.5.7" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" +source-map@~0.6.1: + version "0.6.1" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" + integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== + sprintf-js@~1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"