Add storybook and related config to packages/components/.

Author: eojthebrave

packages/components/.storybook/addons.js

@@ -0,0 +1,3 @@
+import '@storybook/addon-actions/register';
+import 'storybook-addon-jsx/register';
+import '@storybook/addon-knobs/register'

packages/components/.storybook/config.js

@@ -0,0 +1,15 @@
+import { configure, setAddon, addDecorator } from '@storybook/react';
+import JSXAddon from 'storybook-addon-jsx';
+import { withKnobs } from '@storybook/addon-knobs/react';
+
+setAddon(JSXAddon);
+addDecorator(withKnobs);
+
+const req = require.context('../../../packages/components/', true, /\.stories\.js$/);
+
+function loadStories() {
+  req.keys().forEach((filename) => req(filename))
+}
+
+configure(loadStories, module);
+

packages/components/package.json

@@ -8,7 +8,8 @@
   "scripts": {
     "build": "NODE_ENV=production webpack --progress --config webpack.config.js",
     "watch": "NODE_ENV=development webpack --progress --watch --config webpack.config.js",
-    "postinstall": "npm run build"
+    "postinstall": "npm run build",
+    "storybook": "start-storybook -p 9001 -c .storybook"
   },
   "dependencies": {
     "@material-ui/core": "^3.6.1",
@@ -20,9 +21,15 @@
     "@babel/plugin-proposal-class-properties": "^7.1.0",
     "@babel/preset-env": "^7.1.6",
     "@babel/preset-react": "^7.0.0",
+    "@storybook/addon-actions": "^5.0.0",
+    "@storybook/addon-knobs": "^5.0.0",
+    "@storybook/addons": "^5.0.0",
+    "@storybook/react": "^5.0.0",
     "babel-loader": "8.0.4",
     "babel-minify-webpack-plugin": "^0.3.1",
     "babel-plugin-emotion": "^10.0.0",
+    "storybook": "^1.0.0",
+    "storybook-addon-jsx": "^5.3.0",
     "webpack": "4.19.1",
     "webpack-cli": "^3.1.2"
   },