react-in-viewport - npm Package Compare versions

Comparing version 0.0.37 to 1.0.0-alpha.1

package.json

 {
   "name": "react-in-viewport",
-  "version": "0.0.37",
+  "version": "1.0.0-alpha.1",
   "description": "Track React component in viewport using Intersection Observer API",
@@ -41,4 +41,5 @@ "author": "Roderick Hsiao <[e-mail]>",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addon-actions": "^4.1.4",
-    "@storybook/react": "^4.0.0",
+    "@emotion/core": "^10.0.7",
+    "@storybook/addon-actions": "^5.0.0",
+    "@storybook/react": "^5.0.0",
     "babel-eslint": "^10.0.1",
@@ -53,2 +54,3 @@ "babel-loader": "^8.0.5",
     "eslint-config-airbnb": "^17.1.0",
+    "eslint-plugin-babel": "^5.3.0",
     "eslint-plugin-flowtype": "^3.2.0",
@@ -58,4 +60,5 @@ "eslint-plugin-import": "^2.0.0",
     "eslint-plugin-react": "^7.0.0",
-    "flow-bin": "^0.93.0",
+    "flow-bin": "^0.97.0",
     "git-url-parse": "^11.1.2",
+    "intersection-observer": "^0.5.0",
     "jest": "^24.1.0",
@@ -68,11 +71,10 @@ "jest-cli": "^24.1.0",
     "react-test-renderer": "^16.0.0",
-    "storybook-addon-jsx": "^6.0.0"
+    "storybook-addon-jsx": "^7.0.0"
   },
   "peerDependencies": {
-    "react": "^0.14.7 || ^15.0.0 || ^16.0.0",
-    "react-dom": "^0.14.7 || ^15.0.0 || ^16.0.0"
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3"
   },
   "dependencies": {
-    "hoist-non-react-statics": "^3.0.0",
-    "intersection-observer": "^0.5.0"
+    "hoist-non-react-statics": "^3.0.0"
   },
@@ -79,0 +81,0 @@ "main": "dist/index.js",

README.md

@@ -6,3 +6,5 @@ <p align="center">
   <a href="https://www.npmjs.com/package/react-in-viewport"><img src="https://img.shields.io/npm/dt/react-in-viewport.svg" alt="downloads" ></a>
-  <a href="https://circleci.com/gh/roderickhsiao/react-in-viewport"><img src="https://circleci.com/gh/roderickhsiao/react-in-viewport.svg?style=svg" alt="circleci"></a>
+  <a href="https://circleci.com/gh/roderickhsiao/react-in-viewport"><img src="https://circleci.com/gh/roderickhsiao/react-in-viewport.svg?style=svg" alt="Greenkeeper badge"></a>
+  <a href="https://greenkeeper.io/"><img src="https://badges.greenkeeper.io/roderickhsiao/react-in-viewport.svg" alt="circleci"></a>
+
 </p>
@@ -20,4 +22,2 @@
 
-[![Greenkeeper badge](https://badges.greenkeeper.io/roderickhsiao/react-in-viewport.svg)](https://greenkeeper.io/)
-
 A common use case is to load image when component is in viewport ([lazy load](https://medium.com/@roderickhsiao/performance-101-i-know-how-to-load-images-a262d556250f)).
@@ -24,0 +24,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

decreased by-25%

Worsened metrics

Total package byte prevSize

11291

decreased by-88.33%

Dev dependency count

36

increased by9.09%

Number of package files

3

decreased by-84.21%

Lines of code

0

decreased by-100%

Number of medium supply chain risk alerts

2

increased by100%

Dependency changes

• - Removedintersection-observer@^0.5.0

• - Removedintersection-observer@0.5.1(transitive)