react-slideshow-image - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

lib/components/slideshow/fade.js

@@ -134,8 +134,9 @@ 'use strict';
             'div',
-            { className: 'nav', onClick: function onClick() {
+            {
+              className: 'nav',
+              onClick: function onClick() {
                 return _this3.fadeImages(index === 0 ? children.length - 1 : index - 1);
-              } },
-            ' ',
-            '<',
-            ' '
+              }
+            },
+            '<'
           ),
@@ -157,3 +158,6 @@ _react2.default.createElement(
                   {
-                    style: { opacity: key === index ? '1' : '0', zIndex: key === index ? '1' : '0' },
+                    style: {
+                      opacity: key === index ? '1' : '0',
+                      zIndex: key === index ? '1' : '0'
+                    },
                     'data-index': key,
@@ -169,8 +173,9 @@ key: key
             'div',
-            { className: 'nav', onClick: function onClick() {
+            {
+              className: 'nav',
+              onClick: function onClick() {
                 return _this3.fadeImages((index + 1) % children.length);
-              } },
-            ' ',
-            '>',
-            ' '
+              }
+            },
+            '>'
           )
@@ -186,3 +191,4 @@ ),
               className: index === key ? 'active' : '',
-              onClick: _this3.goto });
+              onClick: _this3.goto
+            });
           })
@@ -189,0 +195,0 @@ )

lib/components/slideshow/slide.js

@@ -153,6 +153,8 @@ 'use strict';
             'div',
-            { className: 'nav ' + (index <= 0 && !infinite ? 'disabled' : ''), 'data-type': 'prev', onClick: this.moveSlides },
-            ' ',
-            '<',
-            ' '
+            {
+              className: 'nav ' + (index <= 0 && !infinite ? 'disabled' : ''),
+              'data-type': 'prev',
+              onClick: this.moveSlides
+            },
+            '<'
           ),
@@ -169,3 +171,4 @@ _react2.default.createElement(
                   return _this3.imageContainer = wrap;
-                } },
+                }
+              },
               _react2.default.createElement(
@@ -196,6 +199,8 @@ 'div',
             'div',
-            { className: 'nav ' + (index === children.length - 1 && !infinite ? 'disabled' : ''), 'data-type': 'next', onClick: this.moveSlides },
-            ' ',
-            '>',
-            ' '
+            {
+              className: 'nav ' + (index === children.length - 1 && !infinite ? 'disabled' : ''),
+              'data-type': 'next',
+              onClick: this.moveSlides
+            },
+            '>'
           )
@@ -211,3 +216,4 @@ ),
               className: index === key ? 'active' : '',
-              onClick: _this3.goToSlide });
+              onClick: _this3.goToSlide
+            });
           })
@@ -214,0 +220,0 @@ )

lib/components/slideshow/zoom.js

@@ -134,8 +134,9 @@ 'use strict';
             'div',
-            { className: 'nav', onClick: function onClick() {
+            {
+              className: 'nav',
+              onClick: function onClick() {
                 return _this3.zoomTo(index === 0 ? children.length - 1 : index - 1);
-              } },
-            ' ',
-            '<',
-            ' '
+              }
+            },
+            '<'
           ),
@@ -157,3 +158,6 @@ _react2.default.createElement(
                   {
-                    style: { opacity: key === index ? '1' : '0', zIndex: key === index ? '1' : '0' },
+                    style: {
+                      opacity: key === index ? '1' : '0',
+                      zIndex: key === index ? '1' : '0'
+                    },
                     'data-index': key,
@@ -169,8 +173,9 @@ key: key
             'div',
-            { className: 'nav', onClick: function onClick() {
+            {
+              className: 'nav',
+              onClick: function onClick() {
                 return _this3.zoomTo((index + 1) % children.length);
-              } },
-            ' ',
-            '>',
-            ' '
+              }
+            },
+            '>'
           )
@@ -186,3 +191,4 @@ ),
               className: index === key ? 'active' : '',
-              onClick: _this3.goto });
+              onClick: _this3.goto
+            });
           })
@@ -189,0 +195,0 @@ )

package.json

 {
   "name": "react-slideshow-image",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "author": "Femi Oladeji",
@@ -22,5 +22,12 @@ "description": "An image slideshow with react",
     "babel-preset-react": "^6.24.1",
+    "codecov": "^3.1.0",
     "extract-text-webpack-plugin": "4.0.0-alpha.0",
     "html-webpack-plugin": "^3.0.0",
     "husky": "^0.14.3",
+    "jest": "^23.6.0",
+    "lint-staged": "^7.3.0",
+    "prettier": "^1.14.3",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
+    "react-testing-library": "^5.2.0",
     "serve": "^6.5.1",
@@ -31,2 +38,9 @@ "webpack": "^4.0.1",
   },
+  "lint-staged": {
+    "[src|__tests__]/**/*.{js,jsx,json,css}": [
+      "prettier --single-quote --write",
+      "npm run prepublishOnly",
+      "git add ."
+    ]
+  },
   "main": "lib/index.js",
@@ -38,3 +52,4 @@ "scripts": {
     "start": "serve dist/",
-    "precommit": "npm run prepublishOnly && git add .",
+    "precommit": "lint-staged",
+    "test": "jest && codecov",
     "prepublishOnly": "NODE_ENV=production babel src/lib --out-dir lib --copy-files"
@@ -46,6 +61,4 @@ },
     "prop-types": "^15.5.10",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
     "style-loader": "^0.20.2"
   }
 }

README.md

 # React-Slideshow
 
+[![CircleCI](https://circleci.com/gh/andela-foladeji/react-slideshow.svg?style=svg)](https://circleci.com/gh/andela-foladeji/react-slideshow)
+[![codecov](https://codecov.io/gh/andela-foladeji/react-slideshow/branch/master/graph/badge.svg)](https://codecov.io/gh/andela-foladeji/react-slideshow)
+
 A simple slideshow component built with react that supports slide, fade and zoom effects
@@ -4,0 +7,0 @@

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Improved metrics

Dependency count

4

decreased by-33.33%

Number of lines in readme file

170

increased by1.8%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

1270284

decreased by-65.89%

Dev dependency count

18

increased by63.64%

Number of package files

27

decreased by-32.5%

Lines of code

4088

decreased by-10.49%

Dependency changes

• - Removedreact@^16.2.0

• - Removedreact-dom@^16.2.0

• - Removedreact@16.14.0(transitive)

• - Removedreact-dom@16.14.0(transitive)

• - Removedscheduler@0.19.1(transitive)