create empty guidelines

ui/.eslintignore

@@ -1,3 +1,5 @@
 /node_modules
 coverage
 .nyc_output
+docs/static
+static

ui/src/components/base/readme.md

@@ -0,0 +1 @@
+# `<Base>`

ui/src/components/container/readme.md

@@ -0,0 +1 @@
+# `<Container>`

ui/src/docs.js

@@ -1,3 +1,10 @@
 module.exports = {
-  Button: require('./button/readme.md')
+  components: {
+    Base: require('./components/base/readme.md'),
+    Container: require('./components/container/readme.md'),
+    Button: require('./components/button/readme.md')
+  },
+  guidelines: {
+    Overview: require('./guidelines/overview.md')
+  }
 };

ui/src/faq.md

@@ -0,0 +1 @@
+# faq

ui/src/getting-started.md

@@ -0,0 +1 @@
+# getting started

ui/src/guidelines/overview.md

@@ -0,0 +1 @@
+# overview

ui/src/index.js

@@ -1,5 +1,5 @@
 module.exports = {
-  Button: require('./button'),
+  Button: require('./components/button'),
-  Container: require('./container'),
+  Container: require('./components/container'),
-  Base: require('./base')
+  Base: require('./components/base')
 };

ui/test/index.js

@@ -7,7 +7,7 @@ const {
 } = enzyme;
 
 test('renders <Button> without exploding', (t) => {
-  const Button = require('../src/button');
+  const Button = require('../src/components/button');
   const wrapper = shallow(<Button />);
   t.deepEqual(wrapper.length, 1);
 });

ui/webpack/base.js

@@ -0,0 +1,85 @@
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const webpack = require('webpack');
+const path = require('path');
+
+const plugins = {
+  'no-errors-plugin': new webpack.NoErrorsPlugin(),
+  'extract-text-plugin': new ExtractTextPlugin({
+    filename: '[name].css',
+    allChunks: true
+  }),
+  'loader-options-plugin': new webpack.LoaderOptionsPlugin({
+    options: {
+      postcss: {
+        plugins: () => {
+          return [
+            require('postcss-cssnext')
+          ];
+        }
+      },
+      'embed-markdown-loader': {
+        // don't detach yet (has a bug in the production config)
+        // webpackConfigFullpath: path.join(__dirname, 'index.js')
+      }
+    }
+  })
+};
+
+exports.config = {
+  context: path.join(__dirname, '../'),
+  output: {
+    path: path.join(__dirname, '../static'),
+    publicPath: '/static/',
+    filename: '[name].js'
+  },
+  plugins: [
+    plugins['no-errors-plugin'],
+    plugins['extract-text-plugin'],
+    plugins['loader-options-plugin']
+  ],
+  resolveLoader: {
+    alias: {
+      'embed-markdown-loader': path.join(__dirname, './embed-markdown-loader')
+    }
+  },
+  module: {
+    loaders: [{
+      test: /js?$/,
+      exclude: /node_modules/,
+      include: [
+        path.join(__dirname, '../src'),
+        path.join(__dirname, '../docs')
+      ],
+      loader: 'babel'
+    }, {
+      test: /\.json?$/,
+      exclude: /node_modules/,
+      include: [
+        path.join(__dirname, '../src'),
+        path.join(__dirname, '../docs')
+      ],
+      loader: 'json'
+    }, {
+      test: /\.md?$/,
+      exclude: /node_modules/,
+      include: [
+        path.join(__dirname, '../src'),
+        path.join(__dirname, '../docs')
+      ],
+      loader: 'html-loader!embed-markdown-loader'
+    }, {
+      test: /\.css?$/,
+      exclude: /node_modules/,
+      include: [
+        path.join(__dirname, '../src'),
+        path.join(__dirname, '../docs')
+      ],
+      loader: ExtractTextPlugin.extract({
+        fallbackLoader: 'style-loader',
+        loader: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'
+      })
+    }]
+  }
+};
+
+exports.plugins = plugins;