simple-react-image - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,a=r(e),n=function(){return n=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},n.apply(this,arguments)};!function(e){e.loading="loading",e.loaded="loaded",e.error="error"}(t||(t={}));exports.Image=function(r){var o=r.errorImage,c=void 0===o?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/error.png":o,i=r.fallback,u=void 0===i?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/loading.png":i,s=r.onStateChange,l=e.useState(!1),d=l[0],f=l[1],m=e.useState(!1),g=m[0],p=m[1];e.useEffect((function(){s&&s(t.loading),f(!1),p(!1);var e=new Image;e.onload=function(){f(!0)},e.onerror=function(e){p(!0)},e.src=r.src}),[r.src]),e.useEffect((function(){d&&s&&s(t.loaded),g&&s&&s(t.error)}),[d,g]);var h=n({},r);return delete h.src,delete h.alt,a.default.createElement("img",n({src:g?c:d?r.src:u,alt:r.alt},h))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,a=t(e),n=function(){return n=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},n.apply(this,arguments)};!function(e){e.loading="loading",e.loaded="loaded",e.error="error"}(r||(r={}));exports.Image=function(t){var o=t.errorImage,c=void 0===o?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/error.png":o,i=t.fallback,u=void 0===i?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/loading.png":i,s=t.onStateChange,l=e.useState(!1),d=l[0],f=l[1],m=e.useState(!1),g=m[0],p=m[1];e.useEffect((function(){s&&s(r.loading),f(!1),p(!1);var e=new Image;e.onload=function(){f(!0)},e.onerror=function(e){p(!0)},e.src=t.src}),[t.src]),e.useEffect((function(){d&&s&&s(r.loaded),g&&s&&s(r.error)}),[d,g]);var h=n({},t);return delete h.src,delete h.alt,delete h.onStateChange,a.default.createElement("img",n({src:g?c:d?t.src:u,alt:t.alt},h))};
 //# sourceMappingURL=index.js.map

dist/esm/index.js

@@ -1,2 +0,2 @@
-import r,{useState as a,useEffect as t}from"react";var e,n=function(){return n=Object.assign||function(r){for(var a,t=1,e=arguments.length;t<e;t++)for(var n in a=arguments[t])Object.prototype.hasOwnProperty.call(a,n)&&(r[n]=a[n]);return r},n.apply(this,arguments)};!function(r){r.loading="loading",r.loaded="loaded",r.error="error"}(e||(e={}));var o=function(o){var c=o.errorImage,i=void 0===c?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/error.png":c,l=o.fallback,m=void 0===l?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/loading.png":l,s=o.onStateChange,d=a(!1),g=d[0],u=d[1],p=a(!1),f=p[0],h=p[1];t((function(){s&&s(e.loading),u(!1),h(!1);var r=new Image;r.onload=function(){u(!0)},r.onerror=function(r){h(!0)},r.src=o.src}),[o.src]),t((function(){g&&s&&s(e.loaded),f&&s&&s(e.error)}),[g,f]);var v=n({},o);return delete v.src,delete v.alt,r.createElement("img",n({src:f?i:g?o.src:m,alt:o.alt},v))};export{o as Image};
+import r,{useState as a,useEffect as e}from"react";var t,n=function(){return n=Object.assign||function(r){for(var a,e=1,t=arguments.length;e<t;e++)for(var n in a=arguments[e])Object.prototype.hasOwnProperty.call(a,n)&&(r[n]=a[n]);return r},n.apply(this,arguments)};!function(r){r.loading="loading",r.loaded="loaded",r.error="error"}(t||(t={}));var o=function(o){var c=o.errorImage,i=void 0===c?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/error.png":c,l=o.fallback,m=void 0===l?"https://raw.githubusercontent.com/MuhammadUmar01/simple-react-image/main/src/static/loading.png":l,s=o.onStateChange,d=a(!1),g=d[0],u=d[1],p=a(!1),f=p[0],h=p[1];e((function(){s&&s(t.loading),u(!1),h(!1);var r=new Image;r.onload=function(){u(!0)},r.onerror=function(r){h(!0)},r.src=o.src}),[o.src]),e((function(){g&&s&&s(t.loaded),f&&s&&s(t.error)}),[g,f]);var v=n({},o);return delete v.src,delete v.alt,delete v.onStateChange,r.createElement("img",n({src:f?i:g?o.src:m,alt:o.alt},v))};export{o as Image};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "simple-react-image",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Simple React Image is <img> tag of react to gracefully manage large and broken images",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -15,4 +15,2 @@ `simple-react-image` is a React Components of `<img>` to Gracefully Loading Large Images. additionally it accepts two optional props fallback and errorImage. fallback will be displayed when image will be loading and errorImage will be displyed when any error happend while loading image
 
-[Check Demo](https://codesandbox.io/s/jolly-goodall-isx64t)
-
 | Prop            | type     | desciption                     | required |
@@ -45,1 +43,5 @@ | --------------- | -------- | ------------------------------ | -------- |
 ```
+
+## Demo
+
+[Check Demo here](https://codesandbox.io/s/jolly-goodall-isx64t)

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

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

Improved metrics

Total package byte prevSize

40877

increased by0.4%

Number of lines in readme file

46

increased by4.55%

No dependency changes