import { useApiStore } from "../../stores/ApiStore";
export const useImageProxy = ()=>{

  const apiStore = useApiStore();

  function useProxyImageUrl(url: string|undefined, width: string, height?: string, blur=false): string {
    if (!url) {
      return "";
    }

    // Encode URL to prevent some display issues
    url = encodeURI(url);

    if (apiStore.imageUrl && url.includes("http")) {
      const size = height ? "height=" + height : "width=" + width;
      const encode = btoa(url).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
      return (
        apiStore.imageUrl +
        "image/" +
        (blur ? "noRedirect/":"")+
        encode +
        "?" +
        size +
        "&useWebp=true"+
        (blur ? "&blur=true":"")
      );
    }
    return url;
  }

  return {
    useProxyImageUrl
  }
}