hexo-util
Version:
Utilities for Hexo.
305 lines • 12 kB
JavaScript
"use strict";
// https://github.com/imathis/hsl-picker/blob/master/assets/javascripts/modules/color.coffee
const rHex3 = /^#[0-9a-f]{3}$/;
const rHex6 = /^#[0-9a-f]{6}$/;
const rRGB = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,?\s*(0?\.?\d+)?\s*\)$/;
const rHSL = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*,?\s*(0?\.?\d+)?\s*\)$/;
// https://www.w3.org/TR/css3-color/#svg-color
const colorNames = {
aliceblue: { r: 240, g: 248, b: 255, a: 1 },
antiquewhite: { r: 250, g: 235, b: 215, a: 1 },
aqua: { r: 0, g: 255, b: 255, a: 1 },
aquamarine: { r: 127, g: 255, b: 212, a: 1 },
azure: { r: 240, g: 255, b: 255, a: 1 },
beige: { r: 245, g: 245, b: 220, a: 1 },
bisque: { r: 255, g: 228, b: 196, a: 1 },
black: { r: 0, g: 0, b: 0, a: 1 },
blanchedalmond: { r: 255, g: 235, b: 205, a: 1 },
blue: { r: 0, g: 0, b: 255, a: 1 },
blueviolet: { r: 138, g: 43, b: 226, a: 1 },
brown: { r: 165, g: 42, b: 42, a: 1 },
burlywood: { r: 222, g: 184, b: 135, a: 1 },
cadetblue: { r: 95, g: 158, b: 160, a: 1 },
chartreuse: { r: 127, g: 255, b: 0, a: 1 },
chocolate: { r: 210, g: 105, b: 30, a: 1 },
coral: { r: 255, g: 127, b: 80, a: 1 },
cornflowerblue: { r: 100, g: 149, b: 237, a: 1 },
cornsilk: { r: 255, g: 248, b: 220, a: 1 },
crimson: { r: 220, g: 20, b: 60, a: 1 },
cyan: { r: 0, g: 255, b: 255, a: 1 },
darkblue: { r: 0, g: 0, b: 139, a: 1 },
darkcyan: { r: 0, g: 139, b: 139, a: 1 },
darkgoldenrod: { r: 184, g: 134, b: 11, a: 1 },
darkgray: { r: 169, g: 169, b: 169, a: 1 },
darkgreen: { r: 0, g: 100, b: 0, a: 1 },
darkgrey: { r: 169, g: 169, b: 169, a: 1 },
darkkhaki: { r: 189, g: 183, b: 107, a: 1 },
darkmagenta: { r: 139, g: 0, b: 139, a: 1 },
darkolivegreen: { r: 85, g: 107, b: 47, a: 1 },
darkorange: { r: 255, g: 140, b: 0, a: 1 },
darkorchid: { r: 153, g: 50, b: 204, a: 1 },
darkred: { r: 139, g: 0, b: 0, a: 1 },
darksalmon: { r: 233, g: 150, b: 122, a: 1 },
darkseagreen: { r: 143, g: 188, b: 143, a: 1 },
darkslateblue: { r: 72, g: 61, b: 139, a: 1 },
darkslategray: { r: 47, g: 79, b: 79, a: 1 },
darkslategrey: { r: 47, g: 79, b: 79, a: 1 },
darkturquoise: { r: 0, g: 206, b: 209, a: 1 },
darkviolet: { r: 148, g: 0, b: 211, a: 1 },
deeppink: { r: 255, g: 20, b: 147, a: 1 },
deepskyblue: { r: 0, g: 191, b: 255, a: 1 },
dimgray: { r: 105, g: 105, b: 105, a: 1 },
dimgrey: { r: 105, g: 105, b: 105, a: 1 },
dodgerblue: { r: 30, g: 144, b: 255, a: 1 },
firebrick: { r: 178, g: 34, b: 34, a: 1 },
floralwhite: { r: 255, g: 250, b: 240, a: 1 },
forestgreen: { r: 34, g: 139, b: 34, a: 1 },
fuchsia: { r: 255, g: 0, b: 255, a: 1 },
gainsboro: { r: 220, g: 220, b: 220, a: 1 },
ghostwhite: { r: 248, g: 248, b: 255, a: 1 },
gold: { r: 255, g: 215, b: 0, a: 1 },
goldenrod: { r: 218, g: 165, b: 32, a: 1 },
gray: { r: 128, g: 128, b: 128, a: 1 },
green: { r: 0, g: 128, b: 0, a: 1 },
greenyellow: { r: 173, g: 255, b: 47, a: 1 },
grey: { r: 128, g: 128, b: 128, a: 1 },
honeydew: { r: 240, g: 255, b: 240, a: 1 },
hotpink: { r: 255, g: 105, b: 180, a: 1 },
indianred: { r: 205, g: 92, b: 92, a: 1 },
indigo: { r: 75, g: 0, b: 130, a: 1 },
ivory: { r: 255, g: 255, b: 240, a: 1 },
khaki: { r: 240, g: 230, b: 140, a: 1 },
lavender: { r: 230, g: 230, b: 250, a: 1 },
lavenderblush: { r: 255, g: 240, b: 245, a: 1 },
lawngreen: { r: 124, g: 252, b: 0, a: 1 },
lemonchiffon: { r: 255, g: 250, b: 205, a: 1 },
lightblue: { r: 173, g: 216, b: 230, a: 1 },
lightcoral: { r: 240, g: 128, b: 128, a: 1 },
lightcyan: { r: 224, g: 255, b: 255, a: 1 },
lightgoldenrodyellow: { r: 250, g: 250, b: 210, a: 1 },
lightgray: { r: 211, g: 211, b: 211, a: 1 },
lightgreen: { r: 144, g: 238, b: 144, a: 1 },
lightgrey: { r: 211, g: 211, b: 211, a: 1 },
lightpink: { r: 255, g: 182, b: 193, a: 1 },
lightsalmon: { r: 255, g: 160, b: 122, a: 1 },
lightseagreen: { r: 32, g: 178, b: 170, a: 1 },
lightskyblue: { r: 135, g: 206, b: 250, a: 1 },
lightslategray: { r: 119, g: 136, b: 153, a: 1 },
lightslategrey: { r: 119, g: 136, b: 153, a: 1 },
lightsteelblue: { r: 176, g: 196, b: 222, a: 1 },
lightyellow: { r: 255, g: 255, b: 224, a: 1 },
lime: { r: 0, g: 255, b: 0, a: 1 },
limegreen: { r: 50, g: 205, b: 50, a: 1 },
linen: { r: 250, g: 240, b: 230, a: 1 },
magenta: { r: 255, g: 0, b: 255, a: 1 },
maroon: { r: 128, g: 0, b: 0, a: 1 },
mediumaquamarine: { r: 102, g: 205, b: 170, a: 1 },
mediumblue: { r: 0, g: 0, b: 205, a: 1 },
mediumorchid: { r: 186, g: 85, b: 211, a: 1 },
mediumpurple: { r: 147, g: 112, b: 219, a: 1 },
mediumseagreen: { r: 60, g: 179, b: 113, a: 1 },
mediumslateblue: { r: 123, g: 104, b: 238, a: 1 },
mediumspringgreen: { r: 0, g: 250, b: 154, a: 1 },
mediumturquoise: { r: 72, g: 209, b: 204, a: 1 },
mediumvioletred: { r: 199, g: 21, b: 133, a: 1 },
midnightblue: { r: 25, g: 25, b: 112, a: 1 },
mintcream: { r: 245, g: 255, b: 250, a: 1 },
mistyrose: { r: 255, g: 228, b: 225, a: 1 },
moccasin: { r: 255, g: 228, b: 181, a: 1 },
navajowhite: { r: 255, g: 222, b: 173, a: 1 },
navy: { r: 0, g: 0, b: 128, a: 1 },
oldlace: { r: 253, g: 245, b: 230, a: 1 },
olive: { r: 128, g: 128, b: 0, a: 1 },
olivedrab: { r: 107, g: 142, b: 35, a: 1 },
orange: { r: 255, g: 165, b: 0, a: 1 },
orangered: { r: 255, g: 69, b: 0, a: 1 },
orchid: { r: 218, g: 112, b: 214, a: 1 },
palegoldenrod: { r: 238, g: 232, b: 170, a: 1 },
palegreen: { r: 152, g: 251, b: 152, a: 1 },
paleturquoise: { r: 175, g: 238, b: 238, a: 1 },
palevioletred: { r: 219, g: 112, b: 147, a: 1 },
papayawhip: { r: 255, g: 239, b: 213, a: 1 },
peachpuff: { r: 255, g: 218, b: 185, a: 1 },
peru: { r: 205, g: 133, b: 63, a: 1 },
pink: { r: 255, g: 192, b: 203, a: 1 },
plum: { r: 221, g: 160, b: 221, a: 1 },
powderblue: { r: 176, g: 224, b: 230, a: 1 },
purple: { r: 128, g: 0, b: 128, a: 1 },
red: { r: 255, g: 0, b: 0, a: 1 },
rosybrown: { r: 188, g: 143, b: 143, a: 1 },
royalblue: { r: 65, g: 105, b: 225, a: 1 },
saddlebrown: { r: 139, g: 69, b: 19, a: 1 },
salmon: { r: 250, g: 128, b: 114, a: 1 },
sandybrown: { r: 244, g: 164, b: 96, a: 1 },
seagreen: { r: 46, g: 139, b: 87, a: 1 },
seashell: { r: 255, g: 245, b: 238, a: 1 },
sienna: { r: 160, g: 82, b: 45, a: 1 },
silver: { r: 192, g: 192, b: 192, a: 1 },
skyblue: { r: 135, g: 206, b: 235, a: 1 },
slateblue: { r: 106, g: 90, b: 205, a: 1 },
slategray: { r: 112, g: 128, b: 144, a: 1 },
slategrey: { r: 112, g: 128, b: 144, a: 1 },
snow: { r: 255, g: 250, b: 250, a: 1 },
springgreen: { r: 0, g: 255, b: 127, a: 1 },
steelblue: { r: 70, g: 130, b: 180, a: 1 },
tan: { r: 210, g: 180, b: 140, a: 1 },
teal: { r: 0, g: 128, b: 128, a: 1 },
thistle: { r: 216, g: 191, b: 216, a: 1 },
tomato: { r: 255, g: 99, b: 71, a: 1 },
turquoise: { r: 64, g: 224, b: 208, a: 1 },
violet: { r: 238, g: 130, b: 238, a: 1 },
wheat: { r: 245, g: 222, b: 179, a: 1 },
white: { r: 255, g: 255, b: 255, a: 1 },
whitesmoke: { r: 245, g: 245, b: 245, a: 1 },
yellow: { r: 255, g: 255, b: 0, a: 1 },
yellowgreen: { r: 154, g: 205, b: 50, a: 1 }
};
const convertHue = (p, q, h) => {
if (h < 0)
h++;
if (h > 1)
h--;
let color;
if (h * 6 < 1) {
color = p + ((q - p) * h * 6);
}
else if (h * 2 < 1) {
color = q;
}
else if (h * 3 < 2) {
color = p + ((q - p) * ((2 / 3) - h) * 6);
}
else {
color = p;
}
return Math.round(color * 255);
};
const convertRGB = (value) => {
const str = value.toString(16);
if (value < 16)
return `0${str}`;
return str;
};
const mixValue = (a, b, ratio) => a + ((b - a) * ratio);
class Color {
/**
* @param {string|{ r: number; g: number; b: number; a: number;}} color
*/
constructor(color) {
if (typeof color === 'string') {
this._parse(color);
}
else if (color != null && typeof color === 'object') {
this.r = color.r | 0;
this.g = color.g | 0;
this.b = color.b | 0;
this.a = +color.a;
}
else {
throw new TypeError('color is required!');
}
if (this.r < 0 || this.r > 255
|| this.g < 0 || this.g > 255
|| this.b < 0 || this.b > 255
|| this.a < 0 || this.a > 1) {
throw new RangeError(`{r: ${this.r}, g: ${this.g}, b: ${this.b}, a: ${this.a}} is invalid.`);
}
}
/**
* @param {string} color
*/
_parse(color) {
color = color.toLowerCase();
if (Object.prototype.hasOwnProperty.call(colorNames, color)) {
const obj = colorNames[color];
this.r = obj.r;
this.g = obj.g;
this.b = obj.b;
this.a = obj.a;
return;
}
if (rHex3.test(color)) {
const txt = color.substring(1);
const code = parseInt(txt, 16);
this.r = ((code & 0xF00) >> 8) * 17;
this.g = ((code & 0xF0) >> 4) * 17;
this.b = (code & 0xF) * 17;
this.a = 1;
return;
}
if (rHex6.test(color)) {
const txt = color.substring(1);
const code = parseInt(txt, 16);
this.r = (code & 0xFF0000) >> 16;
this.g = (code & 0xFF00) >> 8;
this.b = code & 0xFF;
this.a = 1;
return;
}
let match = color.match(rRGB);
if (match) {
this.r = Number(match[1]) | 0;
this.g = Number(match[2]) | 0;
this.b = Number(match[3]) | 0;
this.a = match[4] ? +match[4] : 1;
return;
}
match = color.match(rHSL);
if (match) {
const h = +match[1] / 360;
const s = +match[2] / 100;
const l = +match[3] / 100;
this.a = match[4] ? +match[4] : 1;
if (!s) {
this.r = l * 255;
this.g = this.r;
this.b = this.r;
}
const q = l < 0.5 ? l * (1 + s) : l + s - (l * s);
const p = (2 * l) - q;
const rt = h + (1 / 3);
const gt = h;
const bt = h - (1 / 3);
this.r = convertHue(p, q, rt);
this.g = convertHue(p, q, gt);
this.b = convertHue(p, q, bt);
return;
}
throw new Error(`${color} is not a supported color format.`);
}
toString() {
if (this.a === 1) {
const r = convertRGB(this.r);
const g = convertRGB(this.g);
const b = convertRGB(this.b);
if (this.r % 17 || this.g % 17 || this.b % 17) {
return `#${r}${g}${b}`;
}
return `#${r[0]}${g[0]}${b[0]}`;
}
return `rgba(${this.r}, ${this.g}, ${this.b}, ${parseFloat(this.a.toFixed(2))})`;
}
/**
* @param {string|{ r: number; g: number; b: number; a: number;}} color
* @param {number} ratio
*/
mix(color, ratio) {
if (ratio > 1 || ratio < 0) {
throw new RangeError('Valid numbers is only between 0 and 1.');
}
switch (ratio) {
case 0:
return new Color(this);
case 1:
return new Color(color);
}
return new Color({
r: Math.round(mixValue(this.r, color.r, ratio)),
g: Math.round(mixValue(this.g, color.g, ratio)),
b: Math.round(mixValue(this.b, color.b, ratio)),
a: mixValue(this.a, color.a, ratio)
});
}
}
module.exports = Color;
//# sourceMappingURL=color.js.map