implement useCommentMedia

[estebanabaroa]

the API should be something like

export interface UseCommentMediaOptions extends Options {
  comment?: Comment
}
export interface UseCommentMediaResult extends Result {
  mediaType?: 'image' | 'video' | 'audio'
  mediaUrl?: string
  thumbnailUrl?: string
}

the media type can be gotten and should be cached like this:

import extName from 'ext-name'
import memoize from 'memoizee'

// cache media type because it takes on average 5ms
const getCommentLinkMediaTypeNoCache = (link) => {
  if (!link) return
  let mime
  try {
    mime = extName(new URL(link).pathname.toLowerCase().replace('/', ''))[0]?.mime
  } 
  catch (e) {
    return
  }
  if (mime?.startsWith('image')) return 'image'
  if (mime?.startsWith('video')) return 'video'
  if (mime?.startsWith('audio')) return 'audio'
}
export const getCommentLinkMediaType = memoize(getCommentLinkMediaTypeNoCache, {max: 1000})

the thumbnailUrl can be calculated from the comment.link for a 3 special cases:

youtube: https://img.youtube.com/vi/${videoId}/sddefault.jpg

bitchute: https://static-3.bitchute.com/live/cover_images/F61vWF4shy8s/${videoId}_640x360.jpg

streamable: https://cdn-cf-east.streamable.com/image/${videoId}.jpg