avatarpicker - npm Package Compare versions

Comparing version 1.0.1 to 2.0.0

dist/AvatarPicker.js

@@ -1,1 +0,1 @@
-!function(e){"use strict";function t(e){if(e.target.matches(c)){var t=e.target[f];if(t.dragEnabled){e.preventDefault(),E=t;var a=e.touches?e.touches[0]:e;t.dragStartX=a.clientX,t.dragStartY=a.clientY}}}function a(e){if(e.target.matches(g)){var t=e.target[f],a=e.target.files[0];if(!a)return;var r=a.name,n=r.slice((0|~-r.lastIndexOf("."))+2);if(t.reset(),!/^(jpe?g|png)$/i.test(n))return void t.onerror(Error("File chosen is not in a recognised format"));var o=new FileReader;o.readAsDataURL(a),o.onloadend=function(){t.loadImage(o.result)}}}function r(e){if(e.target.matches(u)){var t=e.target[f],a=e.target.height,r=e.target.width,n=t.size,o=n,d=n;a!=r&&(t.dragEnabled=!0,a<r?d=Math.round(r/a*n):o=Math.round(a/r*n)),t.scale=d/r,t.scaledWidth=d,t.scaledHeight=o,t.offsetX=0,t.offsetY=0,t.maxOffsetX=d-n,t.maxOffsetY=o-n,t.avatarElem.style.backgroundImage="url("+e.target.src+")",t.onload()}}function n(e){var t=e.touches?e.touches[0]:e;if(E){var a=E,r=(t.clientX-a.dragStartX)/s|0,n=(t.clientY-a.dragStartY)/s|0;a.dragCurrentOffsetX=a.offsetX-r,a.dragCurrentOffsetX<0?a.dragCurrentOffsetX=0:a.dragCurrentOffsetX>a.maxOffsetX&&(a.dragCurrentOffsetX=a.maxOffsetX),a.dragCurrentOffsetY=a.offsetY-n,a.dragCurrentOffsetY<0?a.dragCurrentOffsetY=0:a.dragCurrentOffsetY>a.maxOffsetY&&(a.dragCurrentOffsetY=a.maxOffsetY),a.avatarElem.style.backgroundPosition=-a.dragCurrentOffsetX+"px "+-a.dragCurrentOffsetY+"px"}}function o(){E&&(E.offsetX=E.dragCurrentOffsetX,E.offsetY=E.dragCurrentOffsetY,E=E.dragStartX=E.dragStartY=E.dragCurrentOffsetX=E.dragCurrentOffsetY=void 0)}var d=document.createElement("style");document.head.appendChild(d),d.textContent=".-apa{background:0 0/cover no-repeat #000;border:4px solid #666;box-sizing:content-box;cursor:move}.-apb,.-apc{display:none}";var s=2,i=200,f="__apInstance",c=".-apa",u=".-apb",l=".-apc",g=".-apd",m=document.createElement("div");m.className=c.slice(1);var v=document.createElement("img");v.className=u.slice(1);var h=document.createElement("canvas");h.className=l.slice(1);var p=document.createElement("input");p.type="file",p.accept="image/*",p.className=g.slice(1);var E,C=function(e){var t=this,a=e.appendTo,r=e.fileInputAppendTo,n=e.size||i,o={height:n+"px",width:n+"px",borderRadius:e.round?n:0,border:e.border,backgroundImage:e.defaultImage},d=m.cloneNode(!0);a.appendChild(d),Object.assign(d.style,o);var s=r===!1?void 0:p.cloneNode(!0);s&&(r||a).appendChild(s);var c=v.cloneNode(!0);a.appendChild(c);var u=h.cloneNode(!0);a.appendChild(u),u.height=n,u.width=n;var l=u.getContext("2d");[d,s,c,u].forEach(function(e){e&&(e[f]=t)}),t.onerror=e.onerror||function(){},t.onload=e.onload||function(){},t.defaultCSS=o,t.size=n,this.avatarElem=d,t.imgElem=c,t.canvasElem=u,t.canvasCtx=l},O=C.prototype;O.reset=function(){var e=this;e.isActive=e.scaledHeight=e.scaledWidth=e.base64Original=e.scale=e.dragEnabled=e.dragStartX=e.dragStartY=e.offsetX=e.offsetY=e.maxOffsetX=e.maxOffsetY=e.dragCurrentOffsetX=e.dragCurrentOffsetY=void 0,e.avatarElem.removeAttribute("style"),Object.assign(e.avatarElem.style,e.defaultCSS)},O.getImage=function(e){e=e||{};var t,a="blob"==e.encoding,r=this,n=r.canvasElem;if(!r.isActive)throw Error("This instance is not active");var o=r.scale,d=r.size,s=r.offsetX/o,i=r.offsetY/o,f=Math.round(d/o),c=f,u=document.createElement("canvas"),l=u.getContext("2d");for(u.height=c,u.width=c,l.drawImage(r.imgElem,s,i,f,f,0,0,f,f);c>d;){var g=Math.max(d,c/2);l.drawImage(u,0,0,c,c,0,0,g,g),c=g}if(r.canvasCtx.drawImage(u,0,0,c,c,0,0,d,d),t=["image/"+(e.format||"jpeg"),e.quality||1],a){var m;return t.unshift(function(e){m(e)}),new Promise(function(e){m=e,n.toBlob.apply(n,t)})}return n.toDataURL.apply(n,t)},O.loadImage=function(e){if(this.reset(),!/^data:image\/(jpeg|png);base64,/.test(e))return void this.onerror(Error("Invalid image data"));var t=e.slice(22);return t&&","!=t?(this.isActive=!0,void(this.imgElem.src=e)):void this.onerror(Error("Empty image data"))},document.body.addEventListener("mousedown",t),document.body.addEventListener("touchstart",t),document.body.addEventListener("change",a),document.body.addEventListener("load",r,!0),window.addEventListener("mousemove",n),window.addEventListener("touchmove",n),window.addEventListener("mouseup",o),window.addEventListener("touchend",o),window.addEventListener("touchcancel",o),"object"==typeof exports?module.exports=C:window.AvatarPicker=C}();
+!function(e){"use strict";function t(e){if(e.target.matches(c)){var t=e.target[f];if(t.dragEnabled){e.preventDefault(),E=t;var a=e.touches?e.touches[0]:e;t.dragStartX=a.clientX,t.dragStartY=a.clientY}}}function a(e){if(e.target.matches(g)){var t=e.target[f],a=e.target.files[0];if(!a)return;var r=a.name,n=r.slice((0|~-r.lastIndexOf("."))+2);if(t.reset(),!/^(jpe?g|png)$/i.test(n))return void t.onerror(Error("File chosen is not in a recognised format"));var o=new FileReader;o.readAsDataURL(a),o.onloadend=function(){t.loadImage(o.result)}}}function r(e){if(e.target.matches(l)){var t=e.target[f],a=e.target.height,r=e.target.width,n=t.size,o=n,d=n;a!=r&&(t.dragEnabled=!0,a<r?d=Math.round(r/a*n):o=Math.round(a/r*n)),t.scale=d/r,t.scaledWidth=d,t.scaledHeight=o,t.offsetX=0,t.offsetY=0,t.maxOffsetX=d-n,t.maxOffsetY=o-n,t.avatarElem.style.backgroundImage="url("+e.target.src+")",t.onload()}}function n(e){var t=e.touches?e.touches[0]:e;if(E){var a=E,r=(t.clientX-a.dragStartX)/s|0,n=(t.clientY-a.dragStartY)/s|0;a.dragCurrentOffsetX=a.offsetX-r,a.dragCurrentOffsetX<0?a.dragCurrentOffsetX=0:a.dragCurrentOffsetX>a.maxOffsetX&&(a.dragCurrentOffsetX=a.maxOffsetX),a.dragCurrentOffsetY=a.offsetY-n,a.dragCurrentOffsetY<0?a.dragCurrentOffsetY=0:a.dragCurrentOffsetY>a.maxOffsetY&&(a.dragCurrentOffsetY=a.maxOffsetY),a.avatarElem.style.backgroundPosition=-a.dragCurrentOffsetX+"px "+-a.dragCurrentOffsetY+"px"}}function o(){E&&(E.offsetX=E.dragCurrentOffsetX,E.offsetY=E.dragCurrentOffsetY,E=E.dragStartX=E.dragStartY=E.dragCurrentOffsetX=E.dragCurrentOffsetY=void 0)}var d=document.createElement("style");document.head.appendChild(d),d.textContent=".-apa{background:0 0/cover no-repeat;cursor:move}.-apb,.-apc{display:none}";var s=2,i=200,f="__apInstance",c=".-apa",l=".-apb",u=".-apc",g=".-apd",m=document.createElement("div");m.className=c.slice(1);var v=document.createElement("img");v.className=l.slice(1);var h=document.createElement("canvas");h.className=u.slice(1);var p=document.createElement("input");p.type="file",p.accept="image/*",p.className=g.slice(1);var E,C=function(e){var t=this,a=e.appendTo,r=e.fileInputAppendTo,n=e.size||i,o={height:n+"px",width:n+"px",backgroundColor:e.defaultColor,backgroundImage:e.defaultImage},d=m.cloneNode(!0);a.appendChild(d),Object.assign(d.style,o);var s=r===!1?void 0:p.cloneNode(!0);s&&(r||a).appendChild(s);var c=v.cloneNode(!0);a.appendChild(c);var l=h.cloneNode(!0);a.appendChild(l),l.height=n,l.width=n;var u=l.getContext("2d");[d,s,c,l].forEach(function(e){e&&(e[f]=t)}),t.onerror=e.onerror||function(){},t.onload=e.onload||function(){},t.defaultCSS=o,t.size=n,this.avatarElem=d,t.imgElem=c,t.canvasElem=l,t.canvasCtx=u},O=C.prototype;O.reset=function(){var e=this;e.isActive=e.scaledHeight=e.scaledWidth=e.base64Original=e.scale=e.dragEnabled=e.dragStartX=e.dragStartY=e.offsetX=e.offsetY=e.maxOffsetX=e.maxOffsetY=e.dragCurrentOffsetX=e.dragCurrentOffsetY=void 0,e.avatarElem.removeAttribute("style"),Object.assign(e.avatarElem.style,e.defaultCSS)},O.getImage=function(e){e=e||{};var t,a="blob"==e.encoding,r=this,n=r.canvasElem;if(!r.isActive)throw Error("This instance is not active");var o=r.scale,d=r.size,s=r.offsetX/o,i=r.offsetY/o,f=Math.round(d/o),c=f,l=document.createElement("canvas"),u=l.getContext("2d");for(l.height=c,l.width=c,u.drawImage(r.imgElem,s,i,f,f,0,0,f,f);c>d;){var g=Math.max(d,c/2);u.drawImage(l,0,0,c,c,0,0,g,g),c=g}if(r.canvasCtx.drawImage(l,0,0,c,c,0,0,d,d),t=["image/"+(e.format||"jpeg"),e.quality||1],a){var m;return t.unshift(function(e){m(e)}),new Promise(function(e){m=e,n.toBlob.apply(n,t)})}return n.toDataURL.apply(n,t)},O.loadImage=function(e){if(this.reset(),!/^data:image\/(jpeg|png);base64,/.test(e))return void this.onerror(Error("Invalid image data"));var t=e.slice(22);return t&&","!=t?(this.isActive=!0,void(this.imgElem.src=e)):void this.onerror(Error("Empty image data"))},document.body.addEventListener("mousedown",t),document.body.addEventListener("touchstart",t),document.body.addEventListener("change",a),document.body.addEventListener("load",r,!0),window.addEventListener("mousemove",n),window.addEventListener("touchmove",n),window.addEventListener("mouseup",o),window.addEventListener("touchend",o),window.addEventListener("touchcancel",o),"object"==typeof exports?module.exports=C:window.AvatarPicker=C}();

package.json

 {
   "name": "avatarpicker",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Widget for allowing the user to pick and adjust their profile picture",
@@ -5,0 +5,0 @@ "main": "dist/AvatarPicker.js",

Fixed alerts

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

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

6054

decreased by-0.98%

No dependency changes