extract-colors - npm Package Compare versions

Comparing version 1.1.19 to 1.1.20

dist/extract-colors.cjs.js

@@ -1,1 +0,1 @@
-"use strict";class t{constructor(t,e,r,i=t<<16|e<<8|r){this.isColor=!0,this.red=t,this.green=e,this.blue=r,this.hex=i,this.count=1}distance(t){return(Math.abs(t.red-this.red)+Math.abs(t.green-this.green)+Math.abs(t.blue-this.blue))/765}getWeight(t,e){return this.count/e*(1-t)+this.getSaturation()*t}getSaturation(){return void 0===this.saturation&&(this.saturation=Math.max(Math.abs(this.red-this.green)/255,Math.abs(this.red-this.blue)/255,Math.abs(this.green-this.blue)/255)),this.saturation}}class e{constructor(){this.count=1,this.children={}}addGroup(t){return this.children[t]?this.children[t].count++:this.children[t]=new e,this.children[t]}addColor(e,r,i,o){return this.children[e]?this.children[e].count++:this.children[e]=new t(r,i,o,e),this.children[e]}getList(){return Object.keys(this.children).map((t=>this.children[t]))}getMaxWeight(t,e){if(void 0===this.maxWeight){const r=this.getList().map((r=>r.isColor?r.getWeight(t,e):r.getMaxWeight(t,e)));r.sort(((t,e)=>e-t)),this.maxWeight=r[0]||0}return this.maxWeight}getMaxWeightColor(t,e){const r=this.getList();return r.sort(((r,i)=>r.isColor?i.getWeight(t,e)-r.getWeight(t,e):i.getMaxWeight(t,e)-r.getMaxWeight(t,e))),r[0].isColor?r[0]:r[0].getMaxWeightColor(t,e)}getMaxCountColor(){const t=this.getList();return t.sort(((t,e)=>t.isColor?e.count-t.count:e.getMaxCountColor()-t.getMaxCountColor())),t[0].isColor?t[0]:t[0].getMaxCountColor()}getColors(t,e,r){const i=this.getList().map((t=>{const{count:e}=t,r=t.getMaxCountColor();return r.count=e,r}));i.sort(((t,i)=>i.getWeight(e,r)-t.getWeight(e,r)));const o=[];return i.forEach((e=>{const r=o.find((r=>r.distance(e)<t));r?r.count+=e.count:o.push(e)})),o}}const r=(t,e,r=0,i=Number.MAX_VALUE)=>{if(Number(e)!==e||e<r||e>i)throw new Error(t+" is invalid");return Number(e)};class i{constructor({pixels:t=i.pixelsDefault,distance:e=i.distanceDefault,saturationImportance:o=i.saturationImportanceDefault,splitPower:s=i.splitPowerDefault,colorValidator:a=i.colorValidatorDefault}={}){this.pixels=((t,e,r=0,i=Number.MAX_SAFE_INTEGER)=>{if(!Number.isInteger(e)||e<r||e>i)throw new Error(t+" is invalid");return parseInt(e)})("pixels",t,1),this.splitPower=r("splitPower",s,2,16),this.distance=r("distance",e,0,1),this.saturationImportance=r("saturationImportance",o,0,1),this.colorValidator=((t,e)=>{if(!e||"[object Function]"!=={}.toString.call(e))throw new Error(t+" is invalid");return e})("colorValidator",a)}process(t){const r=new e,i=this.splitPower;for(let e=0;e<t.length;e+=4){const o=t[e],s=t[e+1],a=t[e+2],n=t[e+3];if(this.colorValidator(o,s,a,n)){const t=o<<16|s<<8|a,e=(o>>4&15)<<2|(s>>4&15)<<1|a>>4&15,n=Math.round(o*(i-1)/255)*(i*i)+Math.round(s*(i-1)/255)*i+Math.round(a*(i-1)/255);r.addGroup(n).addGroup(e).addColor(t,o,s,a)}}return r.getColors(this.distance,this.saturationImportance,this.pixels)}extract(t){return this.process(t).map((t=>({hex:`#${"0".repeat(6-t.hex.toString(16).length)}${t.hex.toString(16)}`,red:t.red,green:t.green,blue:t.blue,area:t.count/this.pixels,saturation:t.saturation/255})))}}i.pixelsDefault=1e4,i.distanceDefault=.2,i.saturationImportanceDefault=.2,i.splitPowerDefault=10,i.colorValidatorDefault=(t,e,r,i=255)=>i>250;const{createCanvas:o,loadImage:s}=require("canvas"),a=(t,e)=>new i(e).extract(t.data),n=(t,e)=>s(t).then((t=>{const r=new i(e),s=((t,e)=>{const r=t.width*t.height,i=r<e?t.width:Math.round(t.width*Math.sqrt(e/r)),s=r<e?t.height:Math.round(t.height*Math.sqrt(e/r)),a=o(i,s).getContext("2d");return a.drawImage(t,0,0,t.width,t.height,0,0,i,s),a.getImageData(0,0,i,s)})(t,r.pixels);return r.extract(s.data)}));module.exports={extractColorsFromImageData:a,extractColorsFromSrc:n,extractColors:(t,e)=>t.width&&t.height&&t.data&&t.data.length?new Promise((r=>{r(a(t,e))})):n(t,e)};
+"use strict";class t{constructor(t,e,r,i=t<<16|e<<8|r){this.isColor=!0,this.red=t,this.green=e,this.blue=r,this.hex=i,this.count=1}distance(t){return(Math.abs(t.red-this.red)+Math.abs(t.green-this.green)+Math.abs(t.blue-this.blue))/765}getWeight(t,e){return this.count/e*(1-t)+this.getSaturation()*t}getSaturation(){return void 0===this.saturation&&(this.saturation=Math.max(Math.abs(this.red-this.green)/255,Math.abs(this.red-this.blue)/255,Math.abs(this.green-this.blue)/255)),this.saturation}}class e{constructor(){this.count=1,this.children={}}addGroup(t){return this.children[t]?this.children[t].count++:this.children[t]=new e,this.children[t]}addColor(e,r,i,o){return this.children[e]?this.children[e].count++:this.children[e]=new t(r,i,o,e),this.children[e]}getList(){return Object.keys(this.children).map((t=>this.children[t]))}getMaxWeight(t,e){if(void 0===this.maxWeight){const r=this.getList().map((r=>r.isColor?r.getWeight(t,e):r.getMaxWeight(t,e)));r.sort(((t,e)=>e-t)),this.maxWeight=r[0]||0}return this.maxWeight}getMaxWeightColor(t,e){const r=this.getList();return r.sort(((r,i)=>r.isColor?i.getWeight(t,e)-r.getWeight(t,e):i.getMaxWeight(t,e)-r.getMaxWeight(t,e))),r[0].isColor?r[0]:r[0].getMaxWeightColor(t,e)}getMaxCountColor(){const t=this.getList();return t.sort(((t,e)=>t.isColor?e.count-t.count:e.getMaxCountColor()-t.getMaxCountColor())),t[0].isColor?t[0]:t[0].getMaxCountColor()}getColors(t,e,r){const i=this.getList().map((t=>{const{count:e}=t,r=t.getMaxCountColor();return r.count=e,r}));i.sort(((t,i)=>i.getWeight(e,r)-t.getWeight(e,r)));const o=[];return i.forEach((e=>{const r=o.find((r=>r.distance(e)<t));r?r.count+=e.count:o.push(e)})),o}}const r=(t,e,r=0,i=Number.MAX_VALUE)=>{if(Number(e)!==e||e<r||e>i)throw new Error(t+" is invalid");return Number(e)};class i{constructor({pixels:t=i.pixelsDefault,distance:e=i.distanceDefault,saturationImportance:o=i.saturationImportanceDefault,splitPower:s=i.splitPowerDefault,colorValidator:a=i.colorValidatorDefault}={}){this.pixels=((t,e,r=0,i=Number.MAX_SAFE_INTEGER)=>{if(!Number.isInteger(e)||e<r||e>i)throw new Error(t+" is invalid");return parseInt(e)})("pixels",t,1),this.splitPower=r("splitPower",s,2,16),this.distance=r("distance",e,0,1),this.saturationImportance=r("saturationImportance",o,0,1),this.colorValidator=((t,e)=>{if(!e||"[object Function]"!=={}.toString.call(e))throw new Error(t+" is invalid");return e})("colorValidator",a)}process(t){const r=new e,i=this.splitPower;for(let e=0;e<t.length;e+=4){const o=t[e],s=t[e+1],a=t[e+2],n=t[e+3];if(this.colorValidator(o,s,a,n)){const t=o<<16|s<<8|a,e=(o>>4&15)<<2|(s>>4&15)<<1|a>>4&15,n=Math.round(o*(i-1)/255)*(i*i)+Math.round(s*(i-1)/255)*i+Math.round(a*(i-1)/255);r.addGroup(n).addGroup(e).addColor(t,o,s,a)}}return r.getColors(this.distance,this.saturationImportance,this.pixels)}extract(t){return this.process(t).map((t=>({hex:`#${"0".repeat(6-t.hex.toString(16).length)}${t.hex.toString(16)}`,red:t.red,green:t.green,blue:t.blue,area:t.count/this.pixels,saturation:t.saturation})))}}i.pixelsDefault=1e4,i.distanceDefault=.2,i.saturationImportanceDefault=.2,i.splitPowerDefault=10,i.colorValidatorDefault=(t,e,r,i=255)=>i>250;const{createCanvas:o,loadImage:s}=require("canvas"),a=(t,e)=>new i(e).extract(t.data),n=(t,e)=>s(t).then((t=>{const r=new i(e),s=((t,e)=>{const r=t.width*t.height,i=r<e?t.width:Math.round(t.width*Math.sqrt(e/r)),s=r<e?t.height:Math.round(t.height*Math.sqrt(e/r)),a=o(i,s).getContext("2d");return a.drawImage(t,0,0,t.width,t.height,0,0,i,s),a.getImageData(0,0,i,s)})(t,r.pixels);return r.extract(s.data)}));module.exports={extractColorsFromImageData:a,extractColorsFromSrc:n,extractColors:(t,e)=>t.width&&t.height&&t.data&&t.data.length?new Promise((r=>{r(a(t,e))})):n(t,e)};

dist/extract-colors.es.js

@@ -1,1 +0,1 @@
-class t{constructor(t,e,r,i=t<<16|e<<8|r){this.isColor=!0,this.red=t,this.green=e,this.blue=r,this.hex=i,this.count=1}distance(t){return(Math.abs(t.red-this.red)+Math.abs(t.green-this.green)+Math.abs(t.blue-this.blue))/765}getWeight(t,e){return this.count/e*(1-t)+this.getSaturation()*t}getSaturation(){return void 0===this.saturation&&(this.saturation=Math.max(Math.abs(this.red-this.green)/255,Math.abs(this.red-this.blue)/255,Math.abs(this.green-this.blue)/255)),this.saturation}}class e{constructor(){this.count=1,this.children={}}addGroup(t){return this.children[t]?this.children[t].count++:this.children[t]=new e,this.children[t]}addColor(e,r,i,o){return this.children[e]?this.children[e].count++:this.children[e]=new t(r,i,o,e),this.children[e]}getList(){return Object.keys(this.children).map((t=>this.children[t]))}getMaxWeight(t,e){if(void 0===this.maxWeight){const r=this.getList().map((r=>r.isColor?r.getWeight(t,e):r.getMaxWeight(t,e)));r.sort(((t,e)=>e-t)),this.maxWeight=r[0]||0}return this.maxWeight}getMaxWeightColor(t,e){const r=this.getList();return r.sort(((r,i)=>r.isColor?i.getWeight(t,e)-r.getWeight(t,e):i.getMaxWeight(t,e)-r.getMaxWeight(t,e))),r[0].isColor?r[0]:r[0].getMaxWeightColor(t,e)}getMaxCountColor(){const t=this.getList();return t.sort(((t,e)=>t.isColor?e.count-t.count:e.getMaxCountColor()-t.getMaxCountColor())),t[0].isColor?t[0]:t[0].getMaxCountColor()}getColors(t,e,r){const i=this.getList().map((t=>{const{count:e}=t,r=t.getMaxCountColor();return r.count=e,r}));i.sort(((t,i)=>i.getWeight(e,r)-t.getWeight(e,r)));const o=[];return i.forEach((e=>{const r=o.find((r=>r.distance(e)<t));r?r.count+=e.count:o.push(e)})),o}}const r=(t,e,r=0,i=Number.MAX_VALUE)=>{if(Number(e)!==e||e<r||e>i)throw new Error(t+" is invalid");return Number(e)};class i{constructor({pixels:t=i.pixelsDefault,distance:e=i.distanceDefault,saturationImportance:o=i.saturationImportanceDefault,splitPower:s=i.splitPowerDefault,colorValidator:a=i.colorValidatorDefault}={}){this.pixels=((t,e,r=0,i=Number.MAX_SAFE_INTEGER)=>{if(!Number.isInteger(e)||e<r||e>i)throw new Error(t+" is invalid");return parseInt(e)})("pixels",t,1),this.splitPower=r("splitPower",s,2,16),this.distance=r("distance",e,0,1),this.saturationImportance=r("saturationImportance",o,0,1),this.colorValidator=((t,e)=>{if(!e||"[object Function]"!=={}.toString.call(e))throw new Error(t+" is invalid");return e})("colorValidator",a)}process(t){const r=new e,i=this.splitPower;for(let e=0;e<t.length;e+=4){const o=t[e],s=t[e+1],a=t[e+2],n=t[e+3];if(this.colorValidator(o,s,a,n)){const t=o<<16|s<<8|a,e=(o>>4&15)<<2|(s>>4&15)<<1|a>>4&15,n=Math.round(o*(i-1)/255)*(i*i)+Math.round(s*(i-1)/255)*i+Math.round(a*(i-1)/255);r.addGroup(n).addGroup(e).addColor(t,o,s,a)}}return r.getColors(this.distance,this.saturationImportance,this.pixels)}extract(t){return this.process(t).map((t=>({hex:`#${"0".repeat(6-t.hex.toString(16).length)}${t.hex.toString(16)}`,red:t.red,green:t.green,blue:t.blue,area:t.count/this.pixels,saturation:t.saturation/255})))}}i.pixelsDefault=1e4,i.distanceDefault=.2,i.saturationImportanceDefault=.2,i.splitPowerDefault=10,i.colorValidatorDefault=(t,e,r,i=255)=>i>250;const{createCanvas:o,loadImage:s}=require("canvas"),a=(t,e)=>new i(e).extract(t.data),n=(t,e)=>s(t).then((t=>{const r=new i(e),s=((t,e)=>{const r=t.width*t.height,i=r<e?t.width:Math.round(t.width*Math.sqrt(e/r)),s=r<e?t.height:Math.round(t.height*Math.sqrt(e/r)),a=o(i,s).getContext("2d");return a.drawImage(t,0,0,t.width,t.height,0,0,i,s),a.getImageData(0,0,i,s)})(t,r.pixels);return r.extract(s.data)}));module.exports={extractColorsFromImageData:a,extractColorsFromSrc:n,extractColors:(t,e)=>t.width&&t.height&&t.data&&t.data.length?new Promise((r=>{r(a(t,e))})):n(t,e)};
+class t{constructor(t,e,r,i=t<<16|e<<8|r){this.isColor=!0,this.red=t,this.green=e,this.blue=r,this.hex=i,this.count=1}distance(t){return(Math.abs(t.red-this.red)+Math.abs(t.green-this.green)+Math.abs(t.blue-this.blue))/765}getWeight(t,e){return this.count/e*(1-t)+this.getSaturation()*t}getSaturation(){return void 0===this.saturation&&(this.saturation=Math.max(Math.abs(this.red-this.green)/255,Math.abs(this.red-this.blue)/255,Math.abs(this.green-this.blue)/255)),this.saturation}}class e{constructor(){this.count=1,this.children={}}addGroup(t){return this.children[t]?this.children[t].count++:this.children[t]=new e,this.children[t]}addColor(e,r,i,o){return this.children[e]?this.children[e].count++:this.children[e]=new t(r,i,o,e),this.children[e]}getList(){return Object.keys(this.children).map((t=>this.children[t]))}getMaxWeight(t,e){if(void 0===this.maxWeight){const r=this.getList().map((r=>r.isColor?r.getWeight(t,e):r.getMaxWeight(t,e)));r.sort(((t,e)=>e-t)),this.maxWeight=r[0]||0}return this.maxWeight}getMaxWeightColor(t,e){const r=this.getList();return r.sort(((r,i)=>r.isColor?i.getWeight(t,e)-r.getWeight(t,e):i.getMaxWeight(t,e)-r.getMaxWeight(t,e))),r[0].isColor?r[0]:r[0].getMaxWeightColor(t,e)}getMaxCountColor(){const t=this.getList();return t.sort(((t,e)=>t.isColor?e.count-t.count:e.getMaxCountColor()-t.getMaxCountColor())),t[0].isColor?t[0]:t[0].getMaxCountColor()}getColors(t,e,r){const i=this.getList().map((t=>{const{count:e}=t,r=t.getMaxCountColor();return r.count=e,r}));i.sort(((t,i)=>i.getWeight(e,r)-t.getWeight(e,r)));const o=[];return i.forEach((e=>{const r=o.find((r=>r.distance(e)<t));r?r.count+=e.count:o.push(e)})),o}}const r=(t,e,r=0,i=Number.MAX_VALUE)=>{if(Number(e)!==e||e<r||e>i)throw new Error(t+" is invalid");return Number(e)};class i{constructor({pixels:t=i.pixelsDefault,distance:e=i.distanceDefault,saturationImportance:o=i.saturationImportanceDefault,splitPower:s=i.splitPowerDefault,colorValidator:a=i.colorValidatorDefault}={}){this.pixels=((t,e,r=0,i=Number.MAX_SAFE_INTEGER)=>{if(!Number.isInteger(e)||e<r||e>i)throw new Error(t+" is invalid");return parseInt(e)})("pixels",t,1),this.splitPower=r("splitPower",s,2,16),this.distance=r("distance",e,0,1),this.saturationImportance=r("saturationImportance",o,0,1),this.colorValidator=((t,e)=>{if(!e||"[object Function]"!=={}.toString.call(e))throw new Error(t+" is invalid");return e})("colorValidator",a)}process(t){const r=new e,i=this.splitPower;for(let e=0;e<t.length;e+=4){const o=t[e],s=t[e+1],a=t[e+2],n=t[e+3];if(this.colorValidator(o,s,a,n)){const t=o<<16|s<<8|a,e=(o>>4&15)<<2|(s>>4&15)<<1|a>>4&15,n=Math.round(o*(i-1)/255)*(i*i)+Math.round(s*(i-1)/255)*i+Math.round(a*(i-1)/255);r.addGroup(n).addGroup(e).addColor(t,o,s,a)}}return r.getColors(this.distance,this.saturationImportance,this.pixels)}extract(t){return this.process(t).map((t=>({hex:`#${"0".repeat(6-t.hex.toString(16).length)}${t.hex.toString(16)}`,red:t.red,green:t.green,blue:t.blue,area:t.count/this.pixels,saturation:t.saturation})))}}i.pixelsDefault=1e4,i.distanceDefault=.2,i.saturationImportanceDefault=.2,i.splitPowerDefault=10,i.colorValidatorDefault=(t,e,r,i=255)=>i>250;const{createCanvas:o,loadImage:s}=require("canvas"),a=(t,e)=>new i(e).extract(t.data),n=(t,e)=>s(t).then((t=>{const r=new i(e),s=((t,e)=>{const r=t.width*t.height,i=r<e?t.width:Math.round(t.width*Math.sqrt(e/r)),s=r<e?t.height:Math.round(t.height*Math.sqrt(e/r)),a=o(i,s).getContext("2d");return a.drawImage(t,0,0,t.width,t.height,0,0,i,s),a.getImageData(0,0,i,s)})(t,r.pixels);return r.extract(s.data)}));module.exports={extractColorsFromImageData:a,extractColorsFromSrc:n,extractColors:(t,e)=>t.width&&t.height&&t.data&&t.data.length?new Promise((r=>{r(a(t,e))})):n(t,e)};

dist/extract-colors.umd.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).extractColors={})}(this,(function(t){"use strict";class e{constructor(t,e,r,o=t<<16|e<<8|r){this.isColor=!0,this.red=t,this.green=e,this.blue=r,this.hex=o,this.count=1}distance(t){return(Math.abs(t.red-this.red)+Math.abs(t.green-this.green)+Math.abs(t.blue-this.blue))/765}getWeight(t,e){return this.count/e*(1-t)+this.getSaturation()*t}getSaturation(){return void 0===this.saturation&&(this.saturation=Math.max(Math.abs(this.red-this.green)/255,Math.abs(this.red-this.blue)/255,Math.abs(this.green-this.blue)/255)),this.saturation}}class r{constructor(){this.count=1,this.children={}}addGroup(t){return this.children[t]?this.children[t].count++:this.children[t]=new r,this.children[t]}addColor(t,r,o,i){return this.children[t]?this.children[t].count++:this.children[t]=new e(r,o,i,t),this.children[t]}getList(){return Object.keys(this.children).map((t=>this.children[t]))}getMaxWeight(t,e){if(void 0===this.maxWeight){const r=this.getList().map((r=>r.isColor?r.getWeight(t,e):r.getMaxWeight(t,e)));r.sort(((t,e)=>e-t)),this.maxWeight=r[0]||0}return this.maxWeight}getMaxWeightColor(t,e){const r=this.getList();return r.sort(((r,o)=>r.isColor?o.getWeight(t,e)-r.getWeight(t,e):o.getMaxWeight(t,e)-r.getMaxWeight(t,e))),r[0].isColor?r[0]:r[0].getMaxWeightColor(t,e)}getMaxCountColor(){const t=this.getList();return t.sort(((t,e)=>t.isColor?e.count-t.count:e.getMaxCountColor()-t.getMaxCountColor())),t[0].isColor?t[0]:t[0].getMaxCountColor()}getColors(t,e,r){const o=this.getList().map((t=>{const{count:e}=t,r=t.getMaxCountColor();return r.count=e,r}));o.sort(((t,o)=>o.getWeight(e,r)-t.getWeight(e,r)));const i=[];return o.forEach((e=>{const r=i.find((r=>r.distance(e)<t));r?r.count+=e.count:i.push(e)})),i}}const o=(t,e,r=0,o=Number.MAX_VALUE)=>{if(Number(e)!==e||e<r||e>o)throw new Error(t+" is invalid");return Number(e)};class i{constructor({pixels:t=i.pixelsDefault,distance:e=i.distanceDefault,saturationImportance:r=i.saturationImportanceDefault,splitPower:s=i.splitPowerDefault,colorValidator:n=i.colorValidatorDefault}={}){this.pixels=((t,e,r=0,o=Number.MAX_SAFE_INTEGER)=>{if(!Number.isInteger(e)||e<r||e>o)throw new Error(t+" is invalid");return parseInt(e)})("pixels",t,1),this.splitPower=o("splitPower",s,2,16),this.distance=o("distance",e,0,1),this.saturationImportance=o("saturationImportance",r,0,1),this.colorValidator=((t,e)=>{if(!e||"[object Function]"!=={}.toString.call(e))throw new Error(t+" is invalid");return e})("colorValidator",n)}process(t){const e=new r,o=this.splitPower;for(let r=0;r<t.length;r+=4){const i=t[r],s=t[r+1],n=t[r+2],a=t[r+3];if(this.colorValidator(i,s,n,a)){const t=i<<16|s<<8|n,r=(i>>4&15)<<2|(s>>4&15)<<1|n>>4&15,a=Math.round(i*(o-1)/255)*(o*o)+Math.round(s*(o-1)/255)*o+Math.round(n*(o-1)/255);e.addGroup(a).addGroup(r).addColor(t,i,s,n)}}return e.getColors(this.distance,this.saturationImportance,this.pixels)}extract(t){return this.process(t).map((t=>({hex:`#${"0".repeat(6-t.hex.toString(16).length)}${t.hex.toString(16)}`,red:t.red,green:t.green,blue:t.blue,area:t.count/this.pixels,saturation:t.saturation/255})))}}i.pixelsDefault=1e4,i.distanceDefault=.2,i.saturationImportanceDefault=.2,i.splitPowerDefault=10,i.colorValidatorDefault=(t,e,r,o=255)=>o>250;const s=(t,e)=>new i(e).extract(t.data),n=(t,e)=>(t.crossOrigin=e&&e.crossOrigin||null,new Promise((r=>{const o=(t,e)=>{const o=new i(e),s=((t,e)=>{const r=t.width*t.height,o=r<e?t.width:Math.round(t.width*Math.sqrt(e/r)),i=r<e?t.height:Math.round(t.height*Math.sqrt(e/r)),s=document.createElement("canvas");s.width=o,s.height=i;const n=s.getContext("2d");return n.drawImage(t,0,0,t.width,t.height,0,0,o,i),n.getImageData(0,0,o,i)})(t,o.pixels);r(o.extract(s.data))};if(t.complete)o(t,e);else{const r=()=>{t.removeEventListener("load",r),o(t,e)};t.addEventListener("load",r)}}))),a=(t,e)=>{const r=new Image;return r.src=t,n(r,e)};t.default=(t,e)=>t instanceof ImageData?new Promise((r=>{r(s(t,e))})):t instanceof Image?n(t,e):a(t,e),t.extractColorsFromImage=n,t.extractColorsFromImageData=s,t.extractColorsFromSrc=a,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).extractColors={})}(this,(function(t){"use strict";class e{constructor(t,e,r,o=t<<16|e<<8|r){this.isColor=!0,this.red=t,this.green=e,this.blue=r,this.hex=o,this.count=1}distance(t){return(Math.abs(t.red-this.red)+Math.abs(t.green-this.green)+Math.abs(t.blue-this.blue))/765}getWeight(t,e){return this.count/e*(1-t)+this.getSaturation()*t}getSaturation(){return void 0===this.saturation&&(this.saturation=Math.max(Math.abs(this.red-this.green)/255,Math.abs(this.red-this.blue)/255,Math.abs(this.green-this.blue)/255)),this.saturation}}class r{constructor(){this.count=1,this.children={}}addGroup(t){return this.children[t]?this.children[t].count++:this.children[t]=new r,this.children[t]}addColor(t,r,o,i){return this.children[t]?this.children[t].count++:this.children[t]=new e(r,o,i,t),this.children[t]}getList(){return Object.keys(this.children).map((t=>this.children[t]))}getMaxWeight(t,e){if(void 0===this.maxWeight){const r=this.getList().map((r=>r.isColor?r.getWeight(t,e):r.getMaxWeight(t,e)));r.sort(((t,e)=>e-t)),this.maxWeight=r[0]||0}return this.maxWeight}getMaxWeightColor(t,e){const r=this.getList();return r.sort(((r,o)=>r.isColor?o.getWeight(t,e)-r.getWeight(t,e):o.getMaxWeight(t,e)-r.getMaxWeight(t,e))),r[0].isColor?r[0]:r[0].getMaxWeightColor(t,e)}getMaxCountColor(){const t=this.getList();return t.sort(((t,e)=>t.isColor?e.count-t.count:e.getMaxCountColor()-t.getMaxCountColor())),t[0].isColor?t[0]:t[0].getMaxCountColor()}getColors(t,e,r){const o=this.getList().map((t=>{const{count:e}=t,r=t.getMaxCountColor();return r.count=e,r}));o.sort(((t,o)=>o.getWeight(e,r)-t.getWeight(e,r)));const i=[];return o.forEach((e=>{const r=i.find((r=>r.distance(e)<t));r?r.count+=e.count:i.push(e)})),i}}const o=(t,e,r=0,o=Number.MAX_VALUE)=>{if(Number(e)!==e||e<r||e>o)throw new Error(t+" is invalid");return Number(e)};class i{constructor({pixels:t=i.pixelsDefault,distance:e=i.distanceDefault,saturationImportance:r=i.saturationImportanceDefault,splitPower:s=i.splitPowerDefault,colorValidator:n=i.colorValidatorDefault}={}){this.pixels=((t,e,r=0,o=Number.MAX_SAFE_INTEGER)=>{if(!Number.isInteger(e)||e<r||e>o)throw new Error(t+" is invalid");return parseInt(e)})("pixels",t,1),this.splitPower=o("splitPower",s,2,16),this.distance=o("distance",e,0,1),this.saturationImportance=o("saturationImportance",r,0,1),this.colorValidator=((t,e)=>{if(!e||"[object Function]"!=={}.toString.call(e))throw new Error(t+" is invalid");return e})("colorValidator",n)}process(t){const e=new r,o=this.splitPower;for(let r=0;r<t.length;r+=4){const i=t[r],s=t[r+1],n=t[r+2],a=t[r+3];if(this.colorValidator(i,s,n,a)){const t=i<<16|s<<8|n,r=(i>>4&15)<<2|(s>>4&15)<<1|n>>4&15,a=Math.round(i*(o-1)/255)*(o*o)+Math.round(s*(o-1)/255)*o+Math.round(n*(o-1)/255);e.addGroup(a).addGroup(r).addColor(t,i,s,n)}}return e.getColors(this.distance,this.saturationImportance,this.pixels)}extract(t){return this.process(t).map((t=>({hex:`#${"0".repeat(6-t.hex.toString(16).length)}${t.hex.toString(16)}`,red:t.red,green:t.green,blue:t.blue,area:t.count/this.pixels,saturation:t.saturation})))}}i.pixelsDefault=1e4,i.distanceDefault=.2,i.saturationImportanceDefault=.2,i.splitPowerDefault=10,i.colorValidatorDefault=(t,e,r,o=255)=>o>250;const s=(t,e)=>new i(e).extract(t.data),n=(t,e)=>(t.crossOrigin=e&&e.crossOrigin||null,new Promise((r=>{const o=(t,e)=>{const o=new i(e),s=((t,e)=>{const r=t.width*t.height,o=r<e?t.width:Math.round(t.width*Math.sqrt(e/r)),i=r<e?t.height:Math.round(t.height*Math.sqrt(e/r)),s=document.createElement("canvas");s.width=o,s.height=i;const n=s.getContext("2d");return n.drawImage(t,0,0,t.width,t.height,0,0,o,i),n.getImageData(0,0,o,i)})(t,o.pixels);r(o.extract(s.data))};if(t.complete)o(t,e);else{const r=()=>{t.removeEventListener("load",r),o(t,e)};t.addEventListener("load",r)}}))),a=(t,e)=>{const r=new Image;return r.src=t,n(r,e)};t.default=(t,e)=>t instanceof ImageData?new Promise((r=>{r(s(t,e))})):t instanceof Image?n(t,e):a(t,e),t.extractColorsFromImage=n,t.extractColorsFromImageData=s,t.extractColorsFromSrc=a,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "extract-colors",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "description": "Extract color palettes from images",
@@ -5,0 +5,0 @@ "main": "dist/extract-colors.cjs.js",

readme.md

@@ -0,0 +0,0 @@ # Extract Colors

No alert changes

Worsened metrics

Total package byte prevSize

53045

decreased by-0.91%

No dependency changes