Use docs/ComponentName.md at the end of the component docs

vjeux · vjeux · commit b9ab60719767 · 2015-03-04T21:03:24.000-08:00
diff --git a/website/core/Marked.js b/website/core/Marked.js
@@ -1085,7 +1085,9 @@ marked.parse = marked;
 
 var Marked = React.createClass({
   render: function() {
-    return React.DOM.div(null, marked(this.props.children, this.props));
+    return this.props.children ?
+      React.DOM.div(null, marked(this.props.children, this.props)) :
+      null;
   }
 });
 
diff --git a/website/layout/AutodocsLayout.js b/website/layout/AutodocsLayout.js
@@ -17,8 +17,9 @@ var Autodocs = React.createClass({
         <Header level={4} className="propTitle" toSlug={name}>
           {name}
           {' '}
-          <span className="propType">{prop.type.name}</span></Header>
-        <Marked>{prop.description}</Marked>
+          {prop.type && <span className="propType">{prop.type.name}</span>}
+        </Header>
+        {prop.description && <Marked>{prop.description}</Marked>}
       </div>
     );
   },
@@ -43,6 +44,9 @@ var Autodocs = React.createClass({
               {content.description}
             </Marked>
             {this.renderProps(content.props)}
+            <Marked>
+              {content.fullDescription}
+            </Marked>
             <div className="docs-prevnext">
               {metadata.previous && <a className="docs-prev" href={metadata.previous + '.html#content'}>&larr; Prev</a>}
               {metadata.next && <a className="docs-next" href={metadata.next + '.html#content'}>Next &rarr;</a>}
diff --git a/website/server/extractDocs.js b/website/server/extractDocs.js
@@ -19,9 +19,13 @@ function docsToMarkdown(filepath, i) {
         docs.resolver.findAllReactCreateClassCalls(node, recast)[0];
     }
   );
-
   var componentName = getNameFromPath(filepath);
 
+  var docFilePath = '../docs/' + componentName + '.md';
+  if (fs.existsSync(docFilePath)) {
+    json.fullDescription = fs.readFileSync(docFilePath).toString();
+  }
+
   var res = [
     '---',
     'id: ' + slugify(componentName),
@@ -37,15 +41,16 @@ function docsToMarkdown(filepath, i) {
 }
 
 var components = [
-  '../Libraries/Components/Navigation/NavigatorIOS.ios.js',
+  '../Libraries/Components/ActivityIndicatorIOS/ActivityIndicatorIOS.ios.js',
+  '../Libraries/Text/ExpandingText.js',
   '../Libraries/Image/Image.ios.js',
   '../Libraries/Components/ListView/ListView.js',
   '../Libraries/Components/Navigation/NavigatorIOS.ios.js',
   '../Libraries/Components/ScrollView/ScrollView.ios.js',
   '../Libraries/Text/Text.js',
-  '../Libraries/Image/Image.ios.js',
   '../Libraries/Components/TextInput/TextInput.ios.js',
   '../Libraries/Components/Touchable/TouchableHighlight.js',
+  '../Libraries/Components/Touchable/TouchableOpacity.js',
   '../Libraries/Components/Touchable/TouchableWithoutFeedback.js',
   '../Libraries/Components/View/View.js',
 ];

Original file line number	Diff line number	Diff line change
`@@ -1085,7 +1085,9 @@ marked.parse = marked;`
`1085`	`1085`
`1086`	`1086`	`var Marked = React.createClass({`
`1087`	`1087`	`render: function() {`
`1088`		`- return React.DOM.div(null, marked(this.props.children, this.props));`
	`1088`	`+ return this.props.children ?`
	`1089`	`+ React.DOM.div(null, marked(this.props.children, this.props)) :`
	`1090`	`+ null;`
`1089`	`1091`	`}`
`1090`	`1092`	`});`
`1091`	`1093`