feat: update eslint && scripts

Author: int64ago

.eslintrc

@@ -1,23 +1,12 @@
 {
-  "parser": "babel-eslint",
   "env": {
     "browser": true,
     "node": true,
     "jest": true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ],
-  "plugins": [
-    "react-hooks"
-  ],
+  "extends": "airbnb",
   "rules": {
-    "react-hooks/rules-of-hooks": "error"
-  },
-  "settings": {
-    "react": {
-      "version": "16.7.0-alpha"
-    }
+    "consistent-return": 0,
+    "react/jsx-one-expression-per-line": 0
   }
 }

README.md

@@ -48,8 +48,9 @@ yarn add @use-hooks/video-meta
 
 ## Usage
 
-```jsx
+```js
 import React from 'react';
+
 import useVideoMeta from '@use-hooks/video-meta';
 
 export default function App() {
@@ -62,16 +63,21 @@ export default function App() {
 
   return (
     <div>
-      <video src={url} controls height={200} />
-      <div>Width: {width}, Height: {height}, Duration: {duration}</div>
+      <h2>DEMO of <span style={{ color: '#F44336' }}>@use-hooks/video-meta</span></h2>
+      <div>
+        {/* eslint-disable-next-line */}
+        <video src={url} controls height={200} />
+        <div>Width: {width}, Height: {height}, Duration: {duration}</div>
+      </div>
     </div>
   );
 }
+
 ```
 
-See `./example` for a full [example](https://use-hooks.github.io/react-hooks-video-meta/).
+[Live Show](https://use-hooks.github.io/react-hooks-video-meta/)
 
-## Have a try
+## Development
 
 > Node >= v8 LTS
 

__tests__/index.js

@@ -1,5 +1,7 @@
+const hooks = require('../src/index').default;
+
 describe('hooks test', () => {
   it('should be a function', () => {
-    expect(require('../src/index').default).toEqual(expect.any(Function));
+    expect(hooks).toEqual(expect.any(Function));
   });
-});
+});

example/App.js example/App.jsxexample/App.js renamed to example/App.jsx

@@ -14,6 +14,7 @@ export default function App() {
     <div>
       <h2>DEMO of <span style={{ color: '#F44336' }}>@use-hooks/video-meta</span></h2>
       <div>
+        {/* eslint-disable-next-line */}
         <video src={url} controls height={200} />
         <div>Width: {width}, Height: {height}, Duration: {duration}</div>
       </div>

example/index.js example/index.jsxexample/index.js renamed to example/index.jsx

@@ -1,7 +1,7 @@
 {
   "name": "@use-hooks/video-meta",
   "version": "1.0.0",
-  "description": "Custom React Hooks for video meta",
+  "description": "Custom React Hooks for video meta.",
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -11,8 +11,9 @@
     "start": "webpack-dev-server --progress --color",
     "build": "webpack --env build",
     "example": "webpack --env example",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
+    "readme": "use-hooks-readme",
+    "lint": "eslint src example --ext .js*",
+    "lint:fix": "eslint src example --ext .js* --fix",
     "prepublishOnly": "npm run build"
   },
   "repository": {
@@ -33,17 +34,19 @@
     "@babel/preset-env": "^7.2.0",
     "@babel/preset-react": "^7.0.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.4",
     "eslint": "^5.10.0",
+    "eslint-config-airbnb": "^17.1.0",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-react": "^7.11.1",
-    "eslint-plugin-react-hooks": "^0.0.0",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^1.2.0",
     "jest": "^23.6.0",
     "lint-staged": "^8.1.0",
     "regenerator-runtime": "^0.13.1",
+    "use-hooks-readme": "^1.0.1",
     "webpack": "^4.27.1",
     "webpack-cli": "^3.1.2",
     "webpack-dev-server": "^3.1.10"
@@ -54,13 +57,16 @@
     }
   },
   "lint-staged": {
-    "*.js": [
+    "*.{js,jsx}": [
       "eslint --fix",
       "git add"
+    ],
+    "*.{js,jsx,json}": [
+      "use-hooks-readme",
+      "git add README.md"
     ]
   },
   "dependencies": {
-    "axios": "^0.18.0",
     "react": "^16.7.0-alpha.2",
     "react-dom": "^16.7.0-alpha.2"
   },

package.json

@@ -2,14 +2,14 @@ const path = require('path');
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-module.exports = function(env) {
+module.exports = (env) => {
   const isExample = env === 'example';
   const isBuild = env === 'build';
   const isDev = !env;
 
   return {
     mode: isBuild ? 'production' : 'development',
-    entry: isBuild ? './src' : './example/index.js',
+    entry: isBuild ? './src' : './example',
 
     output: {
       path: path.join(__dirname, isExample ? '__site__' : 'dist'),
@@ -35,10 +35,14 @@ module.exports = function(env) {
       },
     } : {},
 
+    resolve: {
+      extensions: ['.js', '.jsx', '.json'],
+    },
+
     module: {
       rules: [
         {
-          test: /\.js?$/,
+          test: /\.jsx?$/,
           exclude: /node_modules/,
           use: ['babel-loader'],
         },
@@ -52,5 +56,5 @@ module.exports = function(env) {
       isDev && new webpack.NamedModulesPlugin(),
       isDev && new webpack.HotModuleReplacementPlugin(),
     ].filter(Boolean),
-  }
+  };
 };