example update to newest styleguidist, webpack versions

Author: pvasek

.gitignore

@@ -47,4 +47,5 @@ jspm_packages
 .idea
 
 # App
-lib
+lib
+temp

examples/react-styleguidist-example/components/Column.md

@@ -0,0 +1,3 @@
+This is our column custom document with example:
+
+    <Column prop2={0} prop3={null} prop4="option1" />

examples/react-styleguidist-example/index.ts

@@ -0,0 +1,18 @@
+// this is fake app index file
+// just to make sure the webpack itself is setup correctly
+
+import { Column } from "./components/Column";
+import { ConstExportRow } from "./components/ConstExport";
+import { Grid } from "./components/Grid";
+import { HocComponent } from "./components/HocComponent";
+import { PureRow } from "./components/PureRow";
+import { Row } from "./components/Row";
+
+export {
+    Column,
+    ConstExportRow,
+    Grid,
+    HocComponent,
+    PureRow,
+    Row,
+}

examples/react-styleguidist-example/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "react-docgen-typescript-example",
+  "version": "0.0.1",
+  "description": "",
+  "main": "lib/index.js",
+  "scripts": {
+    "tsc": "tsc",
+    "styleguidist": "styleguidist",
+    "start": "tsc && styleguidist server --config styleguide.config.js",
+    "webpack": "webpack"
+  },
+  "author": "pvasek",
+  "license": "MIT",
+  "dependencies": {
+    "@types/react": "^15.0.25",
+    "@types/react-dom": "^15.5.0",
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4"
+  },
+  "devDependencies": {
+    "react-docgen-typescript": "^0.0.11",
+    "react-styleguidist": "^5.2.1",
+    "ts-loader": "^2.1.0",
+    "typescript": "^2.3.3",
+    "webpack": "^2.6.1"
+  }
+}

examples/react-styleguidist-example/styleguide.config.js

@@ -11,19 +11,6 @@ module.exports = {
   },
   resolver: require('react-docgen').resolver.findAllComponentDefinitions,
 
-  propsParser: require('../../lib/propTypesParser').parse,
-
-  updateWebpackConfig: function (webpackConfig, env) {
-    webpackConfig.resolve.extensions.push('.ts');
-    webpackConfig.resolve.extensions.push('.tsx');
-
-    webpackConfig.module.loaders.push(
-      {
-        test: /\.tsx?$/,
-        include: __dirname,
-        loader: 'awesome-typescript-loader'
-      }
-    );
-    return webpackConfig;
-  }
+  //propsParser: require('../../lib/propTypesParser').parse,
+  propsParser: require('react-docgen-typescript').parse,
 };

examples/react-styleguidist-example/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es5",
+    "noImplicitAny": false,
+    "sourceMap": true,
+    "outDir": "lib",
+    "jsx": "react"
+  }
+}

examples/react-styleguidist-example/webpack.config.js

@@ -0,0 +1,24 @@
+var path = require('path');
+
+module.exports = {
+  entry: {
+      bundle: ['./index.ts'],
+  },
+  context: path.resolve(__dirname),
+  output: {
+    filename: 'bundle.js',
+    path: path.join(__dirname, 'temp')
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        loader: 'ts-loader',
+        exclude: /node_modules/,
+      }
+    ]
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js"]
+  }
+};