improvement: upgrade build pipeline and dev dependencies (clauderic#466)

* Use microbundle for bundling

* Updated eslint config

* Use standard-version for managing versioning

* Updated travisci node version

* Addded prettier as pre-commit hook

Author: Claudéric Demers

.babelrc

@@ -0,0 +1,15 @@
+# editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# Markdown syntax specifies that trailing whitespaces can be meaningful,
+# so let’s not trim those. e.g. 2 trailing spaces = linebreak (<br />)
+# See https://daringfireball.net/projects/markdown/syntax#p
+[*.md]
+trim_trailing_whitespace = false

.editorconfig

@@ -0,0 +1,21 @@
+{
+  "extends": ["plugin:shopify/react"],
+  "rules": {
+    "no-lonely-if": "off",
+    "no-undefined": "off",
+    "no-param-reassign": "off",
+    "no-mixed-operators": "off",
+    "no-misleading-character-class": "off",
+    "require-atomic-updates": "off",
+    "prefer-object-spread": "off",
+    "lines-around-comment": "off",
+    "function-paren-newline": "off",
+    "promise/catch-or-return": "off",
+    "react/forbid-prop-types": "off",
+    "react/jsx-filename-extension": "off",
+    "react/no-unused-prop-types": "off",
+    "shopify/binary-assignment-parens": "off",
+    "react/no-string-refs": 1,
+    "react/no-deprecated": 1
+  }
+}

.eslintrc

@@ -5,11 +5,5 @@ src
 test
 .*
 *.md
-server.js
-index.html
-/index.js
-karma.conf.js
-webpack.config.*.js
-babel.preprocess.sass.js
 codecov.yml
 .travis.yml

.eslintrc.json

@@ -0,0 +1,6 @@
+{
+  "arrowParens": "always",
+  "bracketSpacing": false,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

.npmignore

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

.prettierrc

@@ -1,4 +1,13 @@
-import { configure } from '@kadira/storybook';
+import {addDecorator, configure} from '@storybook/react';
+import {withOptions} from '@storybook/addon-options';
+
+addDecorator(
+  withOptions({
+    name: 'React Sortable HOC',
+    url: 'https://github.com/clauderic/react-sortable-hoc',
+    showAddonPanel: false,
+  })
+);
 
 function loadStories() {
   require('../src/.stories/index.js');

.storybook/addons.js

@@ -1,27 +1,30 @@
-var autoprefixer = require('autoprefixer');
-var webpack = require('webpack');
-var path = require('path');
-
 module.exports = {
-    plugins: [
-        new webpack.NormalModuleReplacementPlugin(/^\.\/layout$/, 'custom-layout')
-    ],
-    resolve: {
-        alias: {
-            'custom-layout': path.resolve('.storybook/layout/index.js')
-        }
-    },
-    module: {
-        loaders: [
-            {
-                test: /(\.scss)$/,
-                loaders: ['style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]!postcss!sass?sourceMap']
+  module: {
+    rules: [
+      {
+        test: /(\.scss)$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              modules: true,
+              localIdentName: '[name]__[local]',
+            },
+          },
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [require('autoprefixer')],
             },
-            {
-                test: /(\.css)$/,
-                loaders: ['style', 'css']
-            }
-        ]
-    },
-    postcss: [autoprefixer]
-}
+          },
+          'sass-loader',
+        ],
+      },
+      {
+        test: /(\.css)$/,
+        use: ['style-loader', 'css-loader'],
+      },
+    ],
+  },
+};