Function minifyPlugin

src/plugins/minify.ts:23–110

(ColordClass)

 * A plugin adding a color minification utilities.
 */
const minifyPlugin: Plugin = (ColordClass): void => {
  // Finds the shortest hex representation
  const minifyHex = (instance: Colord): string => {
    const hex = instance.toHex();
    const [, r1, r2, g1, g2, b1, b2, a1, a2] = hex.split("");

    // Check if the string can be shorten
    if (r1 === r2 && g1 === g2 && b1 === b2) {
      if (instance.alpha() === 1) {
        // Express as 3 digit hexadecimal string if the color doesn't have an alpha channel
        return "#" + r1 + g1 + b1;
      } else if (a1 === a2) {
        // Format 4 digit hex
        return "#" + r1 + g1 + b1 + a1;
      }
    }

    return hex;
  };

  // Returns the shortest string in array
  const findShortestString = (variants: string[]): string => {
    let shortest = variants[0];

    for (let index = 1; index < variants.length; index++) {
      if (variants[index].length < shortest.length) shortest = variants[index];
    }

    return shortest;
  };

  // Removes leading zero before floating point if necessary
  const shortenNumber = (number: number): string | number => {
    if (number > 0 && number < 1) return number.toString().replace("0.", ".");
    return number;
  };

  // Define new public method
  ColordClass.prototype.minify = function (options: MinificationOptions = {}) {
    const rgb = this.toRgb();
    const r = shortenNumber(rgb.r);
    const g = shortenNumber(rgb.g);
    const b = shortenNumber(rgb.b);

    const hsl = this.toHsl();
    const h = shortenNumber(hsl.h);
    const s = shortenNumber(hsl.s);
    const l = shortenNumber(hsl.l);

    const a = shortenNumber(this.alpha());

    const defaults: MinificationOptions = {
      hex: true,
      rgb: true,
      hsl: true,
    };

    const settings: MinificationOptions = Object.assign(defaults, options);