Lint all examples

Author: klis87

.eslintignore

@@ -1,4 +1,6 @@
 **/*.snap
 **/dist/**
 **/es/**
-**/lib/**
+**/lib/**
+**/*.html
+**/*.hbs

.eslintrc

@@ -79,9 +79,9 @@
     "import/order": [2, { "newlines-between": "always" }],
 
     "react/prop-types": 0,
+    "react/no-array-index-key": 0,
     "react/button-has-type": 2,
     "react/no-access-state-in-setstate": 2,
-    "react/no-array-index-key": 2,
     "react/no-redundant-should-component-update": 2,
     "react/no-unsafe": 2,
     "react/no-unused-state": 2,

examples/advanced/src/components/app.js examples/advanced/src/components/app.jsx

@@ -5,6 +5,7 @@ import { Query } from '@redux-requests/react';
 
 import { fetchPhoto, fetchPost } from '../store/actions';
 import { FETCH_PHOTO, FETCH_POST } from '../store/constants';
+
 import Spinner from './spinner';
 import Photo from './photo';
 import Post from './post';

examples/advanced/src/components/photo.js examples/advanced/src/components/photo.jsx

@@ -5,6 +5,7 @@ import { Query } from '@redux-requests/react';
 
 import { fetchPhoto, fetchPost } from '../store/actions';
 import { FETCH_PHOTO, FETCH_POST } from '../store/constants';
+
 import Spinner from './spinner';
 import Photo from './photo';
 import Post from './post';

examples/advanced/src/components/post.js examples/advanced/src/components/post.jsx

@@ -5,6 +5,7 @@ import { Query } from '@redux-requests/react';
 
 import { fetchPhoto, fetchPost } from '../store/actions';
 import { FETCH_PHOTO, FETCH_POST } from '../store/constants';
+
 import Spinner from './spinner';
 import Photo from './photo';
 import Post from './post';

examples/advanced/src/components/spinner.js examples/advanced/src/components/spinner.jsx

@@ -19,6 +19,7 @@ import {
   UPLOAD_FILE,
   UPLOAD_FILES,
 } from '../store/constants';
+
 import Spinner from './spinner';
 
 const buttonStyle = { marginRight: 10 };

examples/advanced/src/index.js examples/advanced/src/index.jsx

@@ -5,6 +5,7 @@ import { Query } from '@redux-requests/react';
 
 import { fetchPhoto, fetchPost } from '../store/actions';
 import { FETCH_PHOTO, FETCH_POST } from '../store/constants';
+
 import Spinner from './spinner';
 import Photo from './photo';
 import Post from './post';

examples/basic/src/components/app.js examples/basic/src/components/app.jsx

@@ -4,8 +4,6 @@ import { handleRequests } from '@redux-requests/core';
 import { createDriver as createAxiosDriver } from '@redux-requests/axios';
 import { createDriver as createMockDriver } from '@redux-requests/mock';
 
-import { FETCH_PHOTO } from './constants';
-
 export const configureStore = () => {
   const { requestsReducer, requestsMiddleware } = handleRequests({
     driver: {

examples/basic/src/components/photo.js examples/basic/src/components/photo.jsx

@@ -16,6 +16,7 @@ import {
   FETCH_PHOTO,
   FETCH_POSTS,
 } from '../store/constants';
+
 import Spinner from './spinner';
 
 const buttonStyle = { marginRight: 10 };

examples/basic/src/components/post.js examples/basic/src/components/post.jsx

@@ -22,6 +22,7 @@ import {
   UPLOAD_FILE,
   UPLOAD_FILES,
 } from '../store/constants';
+
 import Spinner from './spinner';
 
 const buttonStyle = { marginRight: 10 };

examples/basic/src/components/spinner.js examples/basic/src/components/spinner.jsx

@@ -5,6 +5,7 @@ import { Query } from '@redux-requests/react';
 
 import { fetchPhoto, fetchPost } from '../store/actions';
 import { FETCH_PHOTO, FETCH_POST } from '../store/constants';
+
 import Spinner from './spinner';
 import Photo from './photo';
 import Post from './post';

examples/basic/src/index.js examples/basic/src/index.jsx

@@ -1,4 +1,5 @@
 import axios from 'axios';
+
 import { FETCH_PHOTO, FETCH_POST } from './constants';
 
 export const fetchPhoto = id => ({

examples/fetch-api/src/components/app.js examples/fetch-api/src/components/app.jsx

@@ -9,6 +9,7 @@ import {
   fetchPosts,
   deletePost,
 } from '../store/actions';
+
 import Spinner from './spinner';
 
 const buttonStyle = { marginRight: 10 };

examples/fetch-api/src/components/photo.js examples/fetch-api/src/components/photo.jsx

@@ -62,7 +62,8 @@ router.get('/api/books/:id', async (req, res) => {
   const { id } = req.params;
 
   if (!id || !books.find(v => v.id === id)) {
-    return res.sendStatus(404).send();
+    res.sendStatus(404).send();
+    return;
   }
 
   await sleep();
@@ -73,7 +74,8 @@ router.get('/api/bookScreeningActors', async (req, res) => {
   const { bookIds } = req.query;
 
   if (!bookIds || !Array.isArray(bookIds)) {
-    return res.sendStatus(400).send();
+    res.sendStatus(400).send();
+    return;
   }
 
   await sleep();

examples/fetch-api/src/components/post.js examples/fetch-api/src/components/post.jsx

@@ -9,6 +9,7 @@ import {
   FETCH_BOOKS_SCREENING_ACTORS,
 } from '../store/constants';
 import { fetchBook, fetchBooks } from '../store/actions';
+
 import Spinner from './spinner';
 
 const RequestError = () => (

examples/fetch-api/src/components/spinner.js examples/fetch-api/src/components/spinner.jsx

@@ -4,7 +4,7 @@ import {
   FETCH_BOOKS_SCREENING_ACTORS,
 } from './constants';
 
-export const fetchBooksScreeningActors = bookIds => ({
+const fetchBooksScreeningActors = bookIds => ({
   type: FETCH_BOOKS_SCREENING_ACTORS,
   request: {
     url: '/api/bookScreeningActors',
@@ -24,8 +24,6 @@ export const fetchBooks = () => ({
   },
   meta: {
     dependentRequestsNumber: 1,
-    // cache: 5,
-    // normalize: true,
     onSuccess: (response, action, store) => {
       store.dispatch(fetchBooksScreeningActors(response.data.map(v => v.id)));
       return response;
@@ -40,7 +38,6 @@ export const fetchBook = id => ({
   },
   meta: {
     cache: true,
-    // normalize: true,
     requestKey: id,
     requestsCapacity: 3,
   },

examples/fetch-api/src/index.js examples/fetch-api/src/index.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { clearRequestsCache } from '@redux-requests/core';
-import { Query, Mutation } from '@redux-requests/react';
+import { Query } from '@redux-requests/react';
 import { useDispatch } from 'react-redux';
 import {
   Paper,
@@ -15,6 +15,7 @@ import { Pagination, Rating } from '@material-ui/lab';
 
 import { fetchBooks, setBookRating } from '../store/actions';
 import { FETCH_BOOKS } from '../store/constants';
+
 import Spinner from './spinner';
 import CodeTooltip from './code-tooltip';
 

examples/graphql/src/components/app.js examples/graphql/src/components/app.jsx

@@ -42,7 +42,7 @@ const CodeTooltip = ({ code }) => {
     }
 
     setPristine(false);
-  }, [code]);
+  }, [code, pristine]);
 
   return (
     <Tooltip
@@ -61,9 +61,9 @@ const CodeTooltip = ({ code }) => {
               }}
             >
               {tokens.map((line, i) => (
-                <div {...getLineProps({ line, key: i })}>
+                <div key={i} {...getLineProps({ line, key: i })}>
                   {line.map((token, key) => (
-                    <span {...getTokenProps({ token, key })} />
+                    <span key={key} {...getTokenProps({ token, key })} />
                   ))}
                 </div>
               ))}

examples/graphql/src/components/spinner.js examples/graphql/src/components/spinner.jsx

@@ -17,8 +17,9 @@ import {
   ListItemSecondaryAction,
 } from '@material-ui/core';
 
-import { FETCH_GROUPS } from '../store/constants';
 import { followUser, unfollowUser } from '../store/actions';
+import { FETCH_GROUPS } from '../store/constants';
+
 import Spinner from './spinner';
 import CodeTooltip from './code-tooltip';
 

examples/graphql/src/index.js examples/graphql/src/index.jsx

@@ -17,6 +17,7 @@ import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 
 import { FETCH_POSTS, LIKE_POST, UNLIKE_POST } from '../store/constants';
 import { reorderPosts, likePost, unlikePost } from '../store/actions';
+
 import Spinner from './spinner';
 import CodeTooltip from './code-tooltip';
 
@@ -206,11 +207,11 @@ const Posts = () => {
                   <div {...provided.droppableProps} ref={provided.innerRef}>
                     {data.map((post, i) => (
                       <Draggable key={post.id} draggableId={post.id} index={i}>
-                        {provided => (
+                        {providedNested => (
                           <div
-                            style={provided.draggableProps.style}
-                            ref={provided.innerRef}
-                            {...provided.draggableProps}
+                            style={providedNested.draggableProps.style}
+                            ref={providedNested.innerRef}
+                            {...providedNested.draggableProps}
                           >
                             <Paper style={{ padding: 16, marginBottom: 16 }}>
                               <div>
@@ -277,7 +278,7 @@ const Posts = () => {
                                   )}
                                 </Mutation>
                                 <span
-                                  {...provided.dragHandleProps}
+                                  {...providedNested.dragHandleProps}
                                   style={{ float: 'right' }}
                                 >
                                   <DragIndicator fontSize="large" />

examples/mock-and-multiple-drivers/src/components/app.js examples/mock-and-multiple-drivers/src/components/app.jsx

@@ -7,6 +7,7 @@
     "build": "lerna run build",
     "clean": "lerna run clean",
     "lint": "lerna run lint",
+    "lint-examples": "eslint 'examples/**/src/**'",
     "test": "jest packages/*/src",
     "test:cover": "jest --coverage packages/*/src",
     "coveralls": "cat ./coverage/lcov.info | coveralls",