Add react docgen info into React classes with the react-docgen babel plugin

package.json

@@ -32,6 +32,7 @@
     "autoprefixer": "^6.3.7",
     "babel-core": "^6.11.4",
     "babel-loader": "^6.2.4",
+    "babel-plugin-react-docgen": "^1.3.0",
     "babel-preset-react-app": "^0.2.1",
     "babel-runtime": "^6.9.2",
     "case-sensitive-paths-webpack-plugin": "^1.1.2",

src/server/babel_config.js

@@ -65,6 +65,12 @@ export default function (configDir) {
         path.resolve(babelConfig.extends);
     }
   }
+  const config = babelConfig || defaultConfig;
+  config.plugins = config.plugins || [];
+  config.plugins.push([
+    require.resolve('babel-plugin-react-docgen'),
+    { DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES' },
+  ]);
 
   return babelConfig || defaultConfig;
 }

src/server/config/docgen.js

@@ -0,0 +1,3 @@
+/* globals window */
+
+window.STORYBOOK_REACT_CLASSES = {};

src/server/config/webpack.config.js

@@ -23,6 +23,7 @@ export default function () {
       preview: [
         require.resolve('./polyfills'),
         require.resolve('./error_enhancements'),
+        require.resolve('./docgen'),
         `${require.resolve('webpack-hot-middleware/client')}?reload=true`,
       ],
     },

src/server/config/webpack.config.prod.js

@@ -13,6 +13,7 @@ export default function () {
   const entries = {
     preview: [
       require.resolve('./polyfills'),
+      require.resolve('./docgen'),
     ],
     manager: [
       require.resolve('./polyfills'),