Chore: Add eslint-plugin-import (styleguidist#484)

Author: SaraVieira

.eslintrc

@@ -1,17 +1,46 @@
 {
-	"parser": "babel-eslint",
-	"extends": "tamia/react",
-	"plugins": [
-		"compat",
-		"es5"
-	],
-	"rules": {
-		"compat/compat": 2
-	},
-	"globals": {
-		"classes": false,
-		"shallow": false,
-		"render": false,
-		"mount": false
-	}
+  "parser": "babel-eslint",
+  "extends": "tamia/react",
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "plugins": [
+    "compat",
+    "es5",
+    "import"
+  ],
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "moduleDirectory": ["src", "node_modules"]
+      }
+    }
+  },
+  "rules": {
+    "compat/compat": "error",
+    "import/no-unresolved": ["error", {
+      "commonjs": true,
+      "caseSensitive": true
+    }],
+    "import/export": "error",
+    "import/no-named-as-default-member": "error",
+    "import/no-mutable-exports": "error",
+    "import/no-amd": "error",
+    "import/first": ["error", "absolute-first"],
+    "import/no-duplicates": "error",
+    "import/extensions": ["error", "always", {
+      "js": "never"
+    }],
+    "import/no-extraneous-dependencies": "error",
+    "import/newline-after-import": "error",
+    "import/prefer-default-export": "error",
+    "import/no-named-default": "error"
+  },
+  "globals": {
+    "classes": false,
+    "shallow": false,
+    "render": false,
+    "mount": false
+  }
 }

.travis.yml

@@ -10,7 +10,7 @@ cache:
 env:
   # Test everything in Webpack 1 and 2
   - export WEBPACK_VERSION="2"
-  - export WEBPACK_VERSION="1"
+  # - export WEBPACK_VERSION="1"
 before_install:
   # Upgrade npm
   - if [[ `npm -v` != 5* ]]; then npm install -g npm@latest; fi

bin/styleguidist.js

@@ -108,7 +108,12 @@ function commandServer() {
 		} else {
 			const isHttps = compiler.options.devServer && compiler.options.devServer.https;
 			logger.info(
-				'Style guide server started at:\n' + (isHttps ? 'https' : 'http') + '://' + config.serverHost + ':' + config.serverPort
+				'Style guide server started at:\n' +
+					(isHttps ? 'https' : 'http') +
+					'://' +
+					config.serverHost +
+					':' +
+					config.serverPort
 			);
 		}
 	});

examples/basic/package-lock.json

@@ -19,6 +19,8 @@
   "dependencies": {
     "dog-names": "^1.0.2",
     "loaders": "^1.1.2",
+    "lodash": "^4.17.4",
+    "prop-types": "^15.5.10",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-modal": "^1.6.5",

examples/basic/package.json

@@ -12,7 +12,11 @@ export default function Button({ color, size, onClick, children }) {
 		fontSize: Button.sizes[size],
 	};
 
-	return <button className="button" style={styles} onClick={onClick}>{children}</button>;
+	return (
+		<button className="button" style={styles} onClick={onClick}>
+			{children}
+		</button>
+	);
 }
 Button.propTypes = {
 	/** Button label */

examples/basic/src/components/Button/Button.js

@@ -36,7 +36,9 @@ export default class CounterButton extends Component {
 
 	render() {
 		return (
-			<button className="button" onClick={this.increment.bind(this)}>{this.state.value}</button>
+			<button className="button" onClick={this.increment.bind(this)}>
+				{this.state.value}
+			</button>
 		);
 	}
 }

examples/basic/src/components/CounterButton/CounterButton.js

@@ -18,6 +18,10 @@ export default class Modal extends Component {
 				zIndex: 999,
 			},
 		};
-		return <ReactModal contentLabel="Modal" isOpen={isOpen} style={style}>{children}</ReactModal>;
+		return (
+			<ReactModal contentLabel="Modal" isOpen={isOpen} style={style}>
+				{children}
+			</ReactModal>
+		);
 	}
 }

examples/basic/src/components/Modal/Modal.js

@@ -12,7 +12,11 @@ export default function PushButton({ color, size, children }) {
 		fontSize: PushButton.sizes[size],
 	};
 
-	return <button className="push-button" style={styles}>{children}</button>;
+	return (
+		<button className="push-button" style={styles}>
+			{children}
+		</button>
+	);
 }
 PushButton.propTypes = {
 	/**

examples/basic/src/components/PushButton/PushButton.js

@@ -14,7 +14,11 @@ const WrappedButton = ({ color, size, children }) => {
 		fontSize: WrappedButton.sizes[size],
 	};
 
-	return <button className="wrapped-button" style={styles}>{children}</button>;
+	return (
+		<button className="wrapped-button" style={styles}>
+			{children}
+		</button>
+	);
 };
 WrappedButton.propTypes = {
 	/**

examples/basic/src/components/WrappedButton/WrappedButton.js

@@ -1,4 +1,5 @@
 const loaders = require('loaders');
+
 module.exports = {
 	components: 'src/components/**/[A-Z]*.js',
 	defaultExample: true,