Merge pull request #124 from Gargron/feature-storybook

Add a storybook

.storybook/addons.js

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

.storybook/config.js

@@ -0,0 +1,11 @@
+import { configure } from '@storybook/react';
+import { setOptions } from '@storybook/addon-options';
+
+setOptions({
+  name: 'Contribute on GitHub',
+  url: 'https://github.com/missive/emoji-mart',
+  downPanelInRight: true,
+  sidebarAnimations: false,
+})
+
+configure(() => require('../stories'), module);

.storybook/webpack.config.js

@@ -0,0 +1,39 @@
+const path = require('path')
+const genDefaultConfig = require('@storybook/react/dist/server/config/defaults/webpack.config.js');
+
+module.exports = (baseConfig, env) => {
+  const config = genDefaultConfig(baseConfig, env);
+
+  config.module.rules = [
+    {
+      test: /\.js$/,
+      loader: 'babel-loader',
+      include: [
+        path.resolve(__dirname, '../stories'),
+        path.resolve(__dirname, '../src'),
+        path.resolve(__dirname, '../node_modules/measure-scrollbar'),
+        path.resolve(__dirname, '../data'),
+      ],
+    },
+    {
+      test: /\.svg$/,
+      loaders: ['babel-loader?presets[]=react', 'svg-jsx-loader?es6=true'],
+      include: [
+        path.resolve(__dirname, '../src/svgs'),
+      ],
+    },
+    {
+      test: /\.css$/,
+      use: [ 'style-loader', 'css-loader' ],
+      include: [
+        path.resolve(__dirname, '../css'),
+      ],
+    },
+  ];
+
+  config.devtool.sourcemaps = {
+    enabled: false,
+  };
+
+  return config;
+};

README.md

@@ -218,8 +218,7 @@ Apple / Google / Twitter / EmojiOne / Messenger / Facebook
 ## Development
 ```sh
 $ yarn run build:data
-$ yarn start
-$ open example/index.html
+$ yarn storybook
 ```
 
 ## 🎩 Hat tips!