Fix docs (#1024)

* Fix docs

* change docs:build script

* Fix docs:build script

* dont include docs building in CI build due to issues

Author: ethanshar

package.json

@@ -33,7 +33,7 @@
     "log": "react-native log-ios | grep 'ethan -'",
     "docs:install": "(cd ./uilib-docs && rm -rf node_modules && rm -rf package-lock.json && npm install)",
     "docs:deploy": "(cd ./uilib-docs && gatsby build --prefix-paths && gh-pages -d public --branch gh-pages)",
-    "docs:build": "(cd ./uilib-docs && gatsby build --prefix-paths)",
+    "docs:build": "(cd ./uilib-docs && npm install && gatsby build --prefix-paths && gh-pages -d public --branch gh-pages)",
     "docs:develop": "(cd ./uilib-docs && gatsby develop)",
     "bump:patch": "npm version patch",
     "demo": "./scripts/demo.sh",

src/.babelrc.json

@@ -1,6 +1,6 @@
 {
   "presets": ["@babel/preset-typescript" /* , "@babel/preset-react" */],
-  "plugins": ["babel-plugin-typescript-to-proptypes"],
+  "plugins": [["babel-plugin-typescript-to-proptypes", {"comments": true}]],
   "compact": false,
   "minified": false
 }

uilib-docs/configurations/plugins.js

@@ -29,7 +29,8 @@ const componentsDocgenPlugin = [
   {
     resolve: 'gatsby-source-filesystem',
     options: {
-      path: `${__dirname}/../../src/components/`
+      path: `${__dirname}/../../src/components/`,
+      ignore: ['**/\*.tsx']
     }
   }
 ];
@@ -39,7 +40,8 @@ const incubatorComponentsDocgenPlugin = [
   {
     resolve: 'gatsby-source-filesystem',
     options: {
-      path: `${__dirname}/../../src/incubator/`
+      path: `${__dirname}/../../src/incubator/`,
+      ignore: ['**/\*.tsx']
     }
   }
 ];
@@ -49,7 +51,8 @@ const nativeComponentsDocgenPlugin = [
   {
     resolve: 'gatsby-source-filesystem',
     options: {
-      path: `${__dirname}/../../lib/components/`
+      path: `${__dirname}/../../lib/components/`,
+      ignore: ['**/\*.tsx']
     }
   }
 ];

uilib-docs/package.json

@@ -6,7 +6,7 @@
   "author": "Kyle Mathews <[email protected]>",
   "dependencies": {
     "classnames": "^2.2.6",
-    "gatsby": "2.23.22-static-query-template.8",
+    "gatsby": "^2.0.0",
     "gatsby-image": "^2.0.34",
     "gatsby-plugin-layout": "^1.3.10",
     "gatsby-plugin-manifest": "^2.0.24",

uilib-docs/src/components/navbar/index.js

@@ -24,31 +24,35 @@ class Navbar extends Component {
   getCurrentPage = () => {
     if (typeof window !== 'undefined') {
       const path = window.location.href;
-      return _.chain(path)
-        .split('/')
-        .filter(item => !_.isEmpty(item))
-        .last()
-        .value();
+
+      return _.flow(
+        p => _.split(p, '/'),
+        items => _.filter(items, i => !_.isEmpty(i)),
+        _.last,
+      )(path);
     }
   };
 
   getMarkdownPages(data) {
     const markdownPages = data.allFile.edges;
-    const pages = _.chain(markdownPages)
-      .map(({node}) => node.childMarkdownRemark.frontmatter)
-      .sortBy('index')
-      .value();
+    const pages = _.flow(pages =>
+      _.map(
+        pages,
+        ({node}) => node.childMarkdownRemark.frontmatter,
+        items => _.sortBy(items, 'index')
+      )
+    )(markdownPages);
 
     return pages;
   }
 
   getNavbarComponents(data) {
     const components = data.allComponentMetadata.edges;
-    const filteredComponents = _.chain(components)
-      .filter(component => component.node.displayName !== 'IGNORE')
-      .uniqBy('node.displayName')
-      .sortBy('node.displayName')
-      .value();
+    const filteredComponents = _.flow(
+      components => _.filter(components, component => component.node.displayName !== 'IGNORE'),
+      components => _.uniqBy(components, 'node.displayName'),
+      components => _.sortBy(components, 'node.displayName')
+    )(components);
 
     return filteredComponents;
   }

uilib-docs/src/templates/component.js

@@ -40,10 +40,10 @@ export default class ComponentTemplate extends Component {
     const {pageContext} = this.props;
     const allComponents = pageContext.components;
 
-    const extendedComponents = _.chain(componentInfo.extends)
-      .replace(/ /g, '')
-      .split(',')
-      .value();
+    const extendedComponents = _.flow(
+      text => _.replace(text, / /g, ''),
+      text => _.split(text, ',')
+    )(componentInfo.extends);
 
     return _.map(extendedComponents, (component, index) => {
       const isLast = index === _.size(extendedComponents) - 1;