Root Explorer PHP

Editing: colorStrings.js

import * as util from "./util";
import Converter from "./converter";

const CSS_INTEGER = "[-\\+]?\\d+%?";
const CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
const CSS_UNIT = `(?:${CSS_NUMBER})|(?:${CSS_INTEGER})`;

const PERMISSIVE_MATCH3 = `[\\s|\$]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})\\s*\$`;
const PERMISSIVE_MATCH4 = `[\\s|\$]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})\\s*\$`;

return Converter.HSLtoRGB(hsl);
    },
    to: function (color) {
      const hsl = Converter.RGBtoHSL(color);
      return `hsl(${parseInt(hsl.h, 10)}, ${Math.round(
        hsl.s * 100
      )}%, ${Math.round(hsl.l * 100)}%)`;
    },
  },
  HSLA: {
    match: new RegExp(`^hsla${PERMISSIVE_MATCH4}$`, "i"),
    parse: function (result) {
      const hsla = {
        h: ((result[1] % 360) + 360) % 360,
        s: util.isPercentage(result[2])
          ? util.convertPercentageToFloat(result[2])
          : parseFloat(result[2], 10),
        l: util.isPercentage(result[3])
          ? util.convertPercentageToFloat(result[3])
          : parseFloat(result[3], 10),
        a: util.isPercentage(result[4])
          ? util.convertPercentageToFloat(result[4])
          : parseFloat(result[4], 10),
      };

return Converter.HSLtoRGB(hsla);
    },
    to: function (color) {
      const hsl = Converter.RGBtoHSL(color);
      return `hsla(${parseInt(hsl.h, 10)}, ${Math.round(
        hsl.s * 100
      )}%, ${Math.round(hsl.l * 100)}%, ${color.a})`;
    },
  },
  HEX: {
    match: /^#([a-f0-9]{6}|[a-f0-9]{3})$/i,
    parse: function (result) {
      const hex = result[0];
      const rgb = Converter.HEXtoRGB(hex);
      return {
        r: rgb.r,
        g: rgb.g,
        b: rgb.b,
        a: 1,
      };
    },
    to: function (color, instance) {
      let hex = Converter.RGBtoHEX(color);

if (instance) {
        if (instance.options.hexUseName) {
          const hasName = Converter.hasNAME(color);
          if (hasName) {
            return hasName;
          }
        }
        if (instance.options.shortenHex) {
          hex = util.shrinkHex(hex);
        }
      }
      return `${hex}`;
    },
  },
  TRANSPARENT: {
    match: /^transparent$/i,
    parse: function () {
      return {
        r: 0,
        g: 0,
        b: 0,
        a: 0,
      };
    },
    to: function () {
      return "transparent";
    },
  },
  NAME: {
    match: /^\w+$/i,
    parse: function (result) {
      const rgb = Converter.NAMEtoRGB(result[0]);
      if (rgb) {
        return {
          r: rgb.r,
          g: rgb.g,
          b: rgb.b,
          a: 1,
        };
      }

return null;
    },
    to: function (color, instance) {
      let name = Converter.RGBtoNAME(color);

if (name) {
        return name;
      }

return ColorStrings[instance.options.nameDegradation.toUpperCase()].to(
        color
      );
    },
  },
};

export default ColorStrings;

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 asColor.js	FILE	[EDIT]
📄 colorStrings.js	FILE	[EDIT]
📄 converter.js	FILE	[EDIT]
📄 defaults.js	FILE	[EDIT]
📄 info.js	FILE	[EDIT]
📄 main.js	FILE	[EDIT]
📄 names.js	FILE	[EDIT]
📄 util.js	FILE	[EDIT]

[ Root System Explorer ]

Editing: colorStrings.js