Configure storybook

Author: wintondeshong

.storybook/addons.js

@@ -0,0 +1,9 @@
+import { configure } from "@storybook/react";
+
+const req = require.context("../src", true, /\.stories\.tsx$/);
+
+function loadStories() {
+    req.keys().forEach(req);
+}
+
+configure(loadStories, module);

.storybook/config.js

@@ -0,0 +1,33 @@
+{
+    "compilerOptions": {
+        "baseUrl": "./",
+        "allowSyntheticDefaultImports": true,
+        "module": "es2015",
+        "target": "es5",
+        "lib": ["es6", "dom"],
+        "sourceMap": true,
+        "allowJs": false,
+        "jsx": "react",
+        "moduleResolution": "node",
+        "rootDir": "../",
+        "outDir": "dist",
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "noImplicitAny": true,
+        "strictNullChecks": true,
+        "declaration": true
+    },
+    "include": ["src/**/*"],
+    "exclude": [
+        "node_modules",
+        "build",
+        "dist",
+        "scripts",
+        "acceptance-tests",
+        "webpack",
+        "jest",
+        "src/setupTests.ts",
+        "**/*/*.test.ts",
+        "examples"
+    ]
+}

.storybook/tsconfig.json

@@ -0,0 +1,19 @@
+module.exports = ({ config }) => {
+    config.module.rules.push({
+        test: /\.(ts|tsx)$/,
+        use: [
+            {
+                loader: require.resolve("awesome-typescript-loader"),
+                options: {
+                    presets: [["react-app", { flow: false, typescript: true }]],
+                    configFileName: "./.storybook/tsconfig.json",
+                },
+            },
+            {
+                loader: require.resolve("react-docgen-typescript-loader"),
+            },
+        ],
+    });
+    config.resolve.extensions.push(".ts", ".tsx");
+    return config;
+};