scoresaber-reloadedv3/projects/website/src/common/image-utils.ts

import { config } from "../../config";
import ky from "ky";
import { Colors } from "@/common/colors";

/**
 * Proxies all non-localhost images to make them load faster.
 *
 * @param originalUrl the original image url
 * @returns the new image url
 */
export function getImageUrl(originalUrl: string) {
  return `${!config.siteUrl.includes("localhost") ? "https://img.fascinated.cc/upload/q_70/" : ""}${originalUrl}`;
}

/**
 * Gets the average color of an image
 *
 * @param src the image url
 * @returns the average color
 */
export const getAverageColor = async (src: string) => {
  try {
    return await ky.get<{ hex: string }>(`${config.siteApi}/image/averagecolor/${encodeURIComponent(src)}`).json();
  } catch {
    return {
      hex: Colors.primary,
    };
  }
};