import { ImageSource } from '../Image.types';

type ImageHashType = 'blurhash' | 'thumbhash';

function hashToUri(type: ImageHashType, hash: string): string {
  const encodedBlurhash = encodeURI(hash).replace(/#/g, '%23').replace(/\?/g, '%3F');
  return `${type}:/${encodedBlurhash}`;
}

/**
 * Converts a blurhash string (`blurhash:/<hash>/<width>/<height>` or <hash>/<width>/<height>) into an `ImageSource`.
 *
 * @return An ImageSource representing the provided blurhash.
 * */
export function resolveBlurhashString(str: string): ImageSource {
  const [blurhash, width, height] = str.replace(/^blurhash:\//, '').split('/');
  return {
    uri: hashToUri('blurhash', blurhash),
    width: parseInt(width, 10) || 16,
    height: parseInt(height, 10) || 16,
  };
}

/**
 * Converts a thumbhash string (`thumbhash:/<hash>` or `<hash>`) into an `ImageSource`.
 *
 * @return An ImageSource representing the provided thumbhash.
 * */
export function resolveThumbhashString(str: string): ImageSource {
  // ThumbHash may contain slashes that could break the url when the slash is at the beginning.
  // We replace slashes with backslashes to make sure we don't break the url's path.
  const thumbhash = str.replace(/^thumbhash:\//, '').replace(/\//g, '\\');
  return {
    uri: hashToUri('thumbhash', thumbhash),
  };
}