hasColor.ts

/**
 * Given color saturation and lightness percentages,
 * returns a function that generates a unique css `hsl`
 * color value for a given string.
 */
const hashColor = (saturation: number, lightness: number) => (
  str: string,
): string => {
  let hash = 0;
  for (let i = 0; i < str.length; i++) {
    hash = str.charCodeAt(i) + ((hash << 5) - hash);
  }

  const hue = hash % 360;
  return `hsl(${hue}deg, ${saturation}%, ${lightness}%)`;
};