fix embedded media, add new sites

src/utils/getCommentMediaInfo.js

@@ -1,4 +1,5 @@
 import extName from 'ext-name';
+import { canEmbed } from '../components/Embed';
 
 const getCommentMediaInfo = (comment) => {
   if (!comment?.thumbnailUrl && !comment?.link) {
@@ -9,56 +10,26 @@ const getCommentMediaInfo = (comment) => {
     try {
       const url = new URL(comment.link);
       const host = url.hostname;
-      let embedUrl = null;
+      let scrapedThumbnailUrl;
 
       if (['youtube.com', 'www.youtube.com', 'youtu.be'].includes(host)) {
         const videoId = host === 'youtu.be' ? url.pathname.slice(1) : url.searchParams.get('v');
-        embedUrl = `https://www.youtube-nocookie.com/embed/${videoId}`;
-        const thumbnailUrl = `https://img.youtube.com/vi/${videoId}/sddefault.jpg`;
-        return {
-          url: comment.link,
-          embedUrl,
-          type: 'iframe',
-          thumbnail: comment.thumbnailUrl || thumbnailUrl,
-        };
-      } else if (host.includes('odysee.com')) {
-        const pathComponents = url.pathname.split('/');
-        const channelAndId = pathComponents[1];
-        const videoAndId = pathComponents[2];
-        embedUrl = `https://odysee.com/$/embed/${channelAndId}/${videoAndId}`;
-
-        // TODO: add support for Rumble, video id is dynamic
-
-      // } else if (host.includes('rumble.com')) {
-      //   const regex = /(\/v.+?)-/;
-      //   const match = regex.exec(url.pathname);
-      //   if (match) {
-      //     const videoId = match[1].slice(1);
-      //     embedUrl = `https://rumble.com/embed/${videoId}/?pub=4`;
-      //   }
-
+        scrapedThumbnailUrl = `https://img.youtube.com/vi/${videoId}/sddefault.jpg`;
 
       } else if (host.includes('bitchute.com')) {
         const videoId = url.pathname.split('/')[2];
-        embedUrl = `https://www.bitchute.com/embed/${videoId}/`;
+        scrapedThumbnailUrl = `https://static-3.bitchute.com/live/cover_images/F61vWF4shy8s/${videoId}_640x360.jpg`;
+
       } else if (host.includes('streamable.com')) {
         const videoId = url.pathname.split('/')[1];
-        embedUrl = `https://streamable.com/e/${videoId}?quality=highest`;
-        
-        // TODO: Add support for Giphy (doesn't have thumbnails, size is variable)
-
-      // } else if (host.includes('giphy.com')) {
-      //   const hyphenComponents = url.pathname.split('-');
-      //   const gifId = hyphenComponents[hyphenComponents.length - 1];
-      //   embedUrl = `https://giphy.com/embed/${gifId}`;
+        scrapedThumbnailUrl = `https://cdn-cf-east.streamable.com/image/${videoId}.jpg`;
       }
 
-      if (embedUrl) {
+      if (canEmbed(url)) {
         return {
           url: comment.link,
-          embedUrl,
           type: 'iframe',
-          thumbnail: comment.thumbnailUrl,
+          thumbnail: comment.thumbnailUrl || scrapedThumbnailUrl,
         };
       }