Strip some UI elements to make the docs fit better

Removed navbar on top and to the left.

Author: chenglou

build.sh

@@ -1,3 +1,6 @@
+# clean up previous remains, if any
+rm -rf Contents/Resources
+rm -rf React.docset
 mkdir -p Contents/Resources/Documents
 # create a fresh sqlite db
 cd Contents/Resources
@@ -10,6 +13,8 @@ wget -m -p -E -k -np http://facebook.github.io/react/
 mv facebook.github.io/react ./
 rm -rf facebook.github.io
 cd ../../../
+# change the documentation markup layout a bit to fit dash's small window
+node src/modifyDocsHTML.js
 # read the previously fetched doc site and parse it into sqlite
 node src/index.js
 # bundle up!

src/modifyDocsHTML.js

@@ -0,0 +1,19 @@
+var cheerio = require('cheerio');
+var fs = require('fs');
+var indexedFiles = require('./indexedFiles');
+
+// remove the left column and the nav bar so that it fits dash's usually small
+// browser screen
+indexedFiles.forEach(function(a, i) {
+  var path = __dirname + '/../Contents/Resources/Documents/react/docs/' +
+    a.name + '.html';
+  var src = fs.readFileSync(path, 'utf8');
+  var $ = cheerio.load(src);
+
+  $('.nav-main').remove();
+  $('.nav-docs').remove();
+  $('.container').attr('style', 'min-width:inherit;padding-top:0');
+  $('.wrap').attr('style', 'width:inherit;');
+  $('.inner-content').attr('style', 'float:none;margin:auto;');
+  fs.writeFileSync(path, $.html(), 'utf8');
+});