- add storybook support

Author: Razvan Puscasu

.storybook/config.js

@@ -0,0 +1,16 @@
+import moment from 'moment';
+import { configure, addDecorator, setAddon } from '@kadira/storybook';
+//import infoAddon from '@kadira/react-storybook-addon-info';
+
+addDecorator((story) => {
+  moment.locale('en');
+  return (story());
+});
+
+function loadStories() {
+  require('../basis/views/stories/button');
+}
+
+//setAddon(infoAddon);
+
+configure(loadStories, module);

.storybook/webpack.config.js

@@ -0,0 +1,37 @@
+const path = require('path');
+
+console.log('XXXXX');
+module.exports = {
+  context: path.join(__dirname, '../basis'),
+  resolve: {
+    root: [path.join(__dirname, 'basis')],
+    extensions: ['', '.js', '.jsx', '.es6', '.scss'],
+    modulesDirectories: [
+      'basis',
+      'node_modules',
+    ],
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.js$|.jsx$/,
+        loader: 'babel',
+        exclude: /node_modules/,
+        query: {
+          presets: ['es2015', 'stage-1', 'react'],
+          plugins: [
+            "transform-runtime",
+            "babel-plugin-add-module-exports",
+            'babel-plugin-transform-decorators-legacy',
+          ]
+        },
+      },
+      {
+        test: /\.(scss|css)$/,
+        loader: 'style-loader!css-loader!autoprefixer-loader?browsers=last 2 version!sass-loader?outputStyle=expanded&' +
+        'includePaths[]=' + path.resolve(__dirname, '/basis/styles') + '&' +
+        '&includePaths[]=' + path.resolve(__dirname, 'node_modules', 'basis'),
+      }
+    ]
+  }
+};

basis/views/components/icons/icons.jsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-export default class Icons extends Component {
+class Icons extends Component {
   render() {
     const style = {
       display: 'none',

dist/mylocal-components.css renamed to dist/components.css

@@ -1,3 +1,3 @@
-var mylocalComponents = require('./dist/mylocal-components');
+var components = require('./dist/components');
 
-module.exports = mylocalComponents;
+module.exports = components;

dist/mylocal-components.js renamed to dist/components.js

@@ -66,9 +66,6 @@
     "eslint-plugin-react": "^3.13.1",
     "expose-loader": "^0.7.1",
     "extract-text-webpack-plugin": "^0.8.2",
-    "gulp": "^3.9.0",
-    "gulp-html-replace": "^1.5.1",
-    "gulp-rename": "^1.2.2",
     "image-webpack-loader": "^1.6.1",
     "imagemin": "^3.2.0",
     "jsdom": "^6.5.1",