react-scroll-progress-read - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/index.js

@@ -1,1 +0,1 @@
-import{useState as e,useEffect as t,createElement as o}from"react";const n=(e,t=5)=>Number(e.toFixed(t)),r=({backgroundColor:r,height:l,barColor:d,target:c})=>{const m=c?document.getElementById(c):null,[u,i]=e("0%");t(()=>(s(),window.addEventListener("scroll",s),()=>window.removeEventListener("scroll",s)));const s=()=>{let e=0,t=0;const o=(()=>{let e=0;return document.documentElement&&null!==document.documentElement&&(e=document.documentElement.scrollTop),window.pageYOffset||e})();m?(e=(e=>{let t=e.offsetHeight;const o=window.getComputedStyle(e),{marginBottom:n,marginTop:r}=o;return n&&r&&(t+=parseInt(r,2)+parseInt(n,2)),t})(m)-document.documentElement.clientHeight,t=m.offsetTop):e=document.documentElement.scrollHeight-document.documentElement.clientHeight;const r=n(o-t);if(o<t&&"0%"!==u)return i("0%");if(r>e&&"100%"!==u)return i("100%");const l=n(r/e),d=`${n(100*l)}%`;i(d)};return o("div",{style:{background:r,height:l,width:"100vw"}},o("div",{style:{height:l,background:d,width:u}}))};r.defaultProps={backgroundColor:"#CCC",height:"5px",barColor:"#e91e63"};export default r;
+import{useState as e,useEffect as t,createElement as o}from"react";const n=(e,t=5)=>Number(e.toFixed(t)),r=({backgroundColor:r,height:l,barColor:d,target:c})=>{const m=c?document.getElementById(c):null,[u,i]=e("0%");t(()=>(s(),window.addEventListener("scroll",s),()=>window.removeEventListener("scroll",s)),[]);const s=()=>{let e=0,t=0;const o=(()=>{let e=0;return document.documentElement&&null!==document.documentElement&&(e=document.documentElement.scrollTop),window.pageYOffset||e})();m?(e=(e=>{let t=e.offsetHeight;const o=window.getComputedStyle(e),{marginBottom:n,marginTop:r}=o;return n&&r&&(t+=parseInt(r,2)+parseInt(n,2)),t})(m)-document.documentElement.clientHeight,t=m.offsetTop):e=document.documentElement.scrollHeight-document.documentElement.clientHeight;const r=n(o-t);if(o<t&&"0%"!==u)return i("0%");if(r>e&&"100%"!==u)return i("100%");const l=n(r/e),d=`${n(100*l)}%`;i(d)};return o("div",{style:{background:r,height:l,width:"100vw"}},o("div",{style:{height:l,background:d,width:u}}))};r.defaultProps={backgroundColor:"#CCC",height:"5px",barColor:"#e91e63"};export default r;

package.json

 {
   "name": "react-scroll-progress-read",
   "description": "Progress Bar for show position of scroll page",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "main": "./dist/index.js",
@@ -6,0 +6,0 @@ "repository": "[e-mail]:ipatate/react-scroll-progress-read.git",

No alert changes

Improved metrics

Total package byte prevSize

210517

increased by0.01%

Lines of code

344

increased by0.88%

No dependency changes