Tweak logic for pick up component

mitsuruog · mitsuruog · commit 78e272e27ee0 · 2018-03-13T22:27:07.000+09:00
diff --git a/docs/build/bundle.012777c0.js b/docs/build/bundle.012777c0.js
diff --git a/docs/build/bundle.0335e54b.js b/docs/build/bundle.0335e54b.js
diff --git a/docs/index.html b/docs/index.html
@@ -7,5 +7,5 @@
 	</head>
 	<body>
 		<div id="app"></div>
-	<script type="text/javascript" src="build/bundle.012777c0.js"></script></body>
+	<script type="text/javascript" src="build/bundle.0335e54b.js"></script></body>
 </html>
diff --git a/src/shared/components/langSwitch/LangSwitch.connect.tsx b/src/shared/components/langSwitch/LangSwitch.connect.tsx
@@ -2,11 +2,6 @@ import { connect } from "react-redux";
 
 import LangSwitch, { LangSwitchProps } from "./LangSwitch";
 
-// export {
-//   LangSwitch,
-//   LangSwitchProps,
-// };
-
 import { langSwitchAction } from "../../../actions";
 
 interface OwnProps {
diff --git a/src/shared/components/langSwitch/README.md b/src/shared/components/langSwitch/README.md
@@ -4,5 +4,5 @@ const LangSwitch = require("./LangSwitch.connect").default;
 <div>
   <LangSwitch />
   <p><FormattedMessage id={"greeting"} /></p>
-</div> 
+</div>
 ```
diff --git a/styleguide.config.js b/styleguide.config.js
@@ -1,10 +1,25 @@
+const glob = require("glob");
+const path = require("path");
+const fs   = require("fs");
+
 module.exports = {
-  components: "src/shared/components/**/*.{ts,tsx}",
+  components: () => {
+    return glob.sync("src/shared/components/**/*.{ts,tsx}").filter(file => {
+      // Take only connect component if exists, ignore others.
+      if (file.match(/connect.tsx$/)) {
+        return true
+      } else {
+        const pathObject = path.parse(file);
+        pathObject.ext = `.connect${pathObject.ext}`
+        const { root, dir, ext, name } = pathObject;
+        return !fs.existsSync(path.format({ root, dir, ext, name }));
+      }
+    });
+  },
   propsParser: require("react-docgen-typescript").parse,
   webpackConfig: Object.assign({}, require("./webpack.config"), {}),
   styleguideComponents: {
     Wrapper: __dirname + "/src/styleguide/Wrapper.tsx",
   },
-  ignore: ["**/*.connect.tsx"],
   styleguideDir: "docs",
 };
