Problem
The Color type currently returns

export type Color = {
  rgb: RGB;
  toString: () => string;
  toHex: () => string;
};

This is inefficient as the toString and toHex functions' return value persists. Therefore the function has to be run to get their respective returns, although they will always return the same value.

Feature Solution
Reimplement to have this type:

export type Color = {
  rgb: RGB;
  rgbString: string;
  Hex: string;
};

problem
Currently, the createColor function only accepts RGB values as integers. However, it would be useful to also be able to pass RGB values and Hex values as strings. This would allow for more flexibility in input and make the function more user-friendly.

Feature solution
The implementation of this feature should include validation checks to ensure that the input is in the correct format (RGB values should be in the format "rgb(x, y, z)" and hex values should be in the format "#xxxxxx"). If the input is invalid, the function should return null.

const isRGB = (value: string): value is RGB => {
   // check if the string matches the RGB object format
   ...
   // returns a boolean
}

const isRGBString = (value: string): value is RGBString => {
   // check if the string matches RGB string format
   ...
   // returns a boolean
}

const isHex = (value: string): value is Hex => {
   // check if the string matches Hex string format
   ...
   // returns a boolean
}

Problem
Migrate our codebase from JavaScript to TypeScript. As part of this process, we need to update the "Temperature Color" library to use TypeScript. This library displays color on the screen based on the temperature input.

Solution

• Update the temperature color library to use TypeScript.
• Ensure that the library still works correctly and displays the correct color for the temperature input.
• Update the documentation to reflect the changes made to the feature.

Hey, nice little library i am finding useful.

I have been running into one issue though when using the tool.

So, say i want 14 different shades of blue ordered from light to dark.
I have used code similar to the below to create a map of 14 colors.

However, when querying the colorRange(test_colors, test_ranges).getColor(i).toHex method, all items are returned in the expected light to dark order, aside from the first and last item.

let startRange = 1;
let endRange = 14;

const test_colors = [
      [204, 255, 255],
      [0, 51, 51],
    ];

const test_ranges = [startRange, endRange];

for (let i = startRange; i <= endRange; i++) {
    console.log(colorRange(test_colors, test_ranges).getColor(i).toHex);
}

This image illustrates the order in which the colors are returned.

After a bit more testing, i found that in the color-range.ts file (line 89), if i reverse the two return statements on the two if's like below:

// if (num <= this.map.ranges[0]) return this.map.colors[0];
// if (num >= this.map.ranges[this.map.ranges.length - 1])
    //   return this.map.colors[this.map.ranges.length - 1];

if (num <= this.map.ranges[0]) return this.map.colors[this.map.ranges.length - 1];
if (num >= this.map.ranges[this.map.ranges.length - 1]) return this.map.colors[0];

Then all 14 colors are returned in the expected order including the first and last item.
This also occurs when the order of the base colors in "test_colors" are also revered from Light to Dark, to, Dark to Light

The library is ready to be published, but it is missing some dependencies that need to be installed. These dependencies are necessary for the library to function properly and without them, users will not be able to use the library as intended.

Problem

• The createColor function currently does not accept an alpha value.
• The Color type currently returns:

  export type Color = {
    rgb: RGB;
    ...
  };

Feature Solution

• Reimplement createColor as:

    interface CreateColor = (..., alpha?: number) => Color

• Reimplement Color as:

    export type Color = {
      rgb: RGB;
      rgba?: RGBA;
      ...
    };

• Implement RGBA as:

    export type RGBA = RGB & {
      a: number
    };

Prereq

• #8
• #7

Problem
Users may input out-of-range RGB values or strings that don't match RGB syntax or hex syntax

Feature solution
The feature solution for this problem could involve implementing validation checks for the user input to ensure that only valid RGB values or strings in the correct syntax (either RGB or hex) are accepted. This can be done by using regular expressions to match the input against the correct pattern, and displaying an error message if the input is invalid. Additionally, the feature could include a mechanism to automatically correct out-of-range RGB values.

Prereq

• #8