From fa3793362c0eca2c10ca9265ceea5ca7a35067fc Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sat, 14 Jan 2023 12:57:36 +0100
Subject: [PATCH] fix: dont fail to render with invalid URLs

---
 src/element/Text.js | 94 +++++++++++++++++++++++----------------------
 1 file changed, 49 insertions(+), 45 deletions(-)

diff --git a/src/element/Text.js b/src/element/Text.js
index 192f2de..d788d8c 100644
--- a/src/element/Text.js
+++ b/src/element/Text.js
@@ -12,53 +12,57 @@ import './Text.css'
 import { useMemo } from "react";
 
 function transformHttpLink(a) {
-    const url = new URL(a);
-    const youtubeId = YoutubeUrlRegex.test(a) && RegExp.$1;
-    const tweetId = TweetUrlRegex.test(a) && RegExp.$2;
-    const extension = FileExtensionRegex.test(url.pathname.toLowerCase()) && RegExp.$1;
-    if (extension) {
-        switch (extension) {
-            case "gif":
-            case "jpg":
-            case "jpeg":
-            case "png":
-            case "bmp":
-            case "webp": {
-                return <LazyImage key={url} src={url} />;
+    try {
+        const url = new URL(a);
+        const youtubeId = YoutubeUrlRegex.test(a) && RegExp.$1;
+        const tweetId = TweetUrlRegex.test(a) && RegExp.$2;
+        const extension = FileExtensionRegex.test(url.pathname.toLowerCase()) && RegExp.$1;
+        if (extension) {
+            switch (extension) {
+                case "gif":
+                case "jpg":
+                case "jpeg":
+                case "png":
+                case "bmp":
+                case "webp": {
+                    return <LazyImage key={url} src={url} />;
+                }
+                case "mp4":
+                case "mov":
+                case "mkv":
+                case "avi":
+                case "m4v": {
+                    return <video key={url} src={url} controls />
+                }
+                default:
+                    return <a key={url} href={url} onClick={(e) => e.stopPropagation()}>{url.toString()}</a>
             }
-            case "mp4":
-            case "mov":
-            case "mkv":
-            case "avi":
-            case "m4v": {
-                return <video key={url} src={url} controls />
-            }
-            default:
-                return <a key={url} href={url} onClick={(e) => e.stopPropagation()}>{url.toString()}</a>
+        } else if (tweetId) {
+          return (
+            <div className="tweet" key={tweetId}>
+              <TwitterTweetEmbed tweetId={tweetId} />
+            </div>
+          )
+        } else if (youtubeId) {
+            return (
+                <>
+                    <br />
+                    <iframe
+                        className="w-max"
+                        src={`https://www.youtube.com/embed/${youtubeId}`}
+                        title="YouTube video player"
+                        key={youtubeId}
+                        frameBorder="0"
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                        allowFullScreen=""
+                    />
+                    <br />
+                </>
+            )
+        } else {
+            return <a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
         }
-    } else if (tweetId) {
-      return (
-        <div className="tweet">
-          <TwitterTweetEmbed tweetId={tweetId} />
-        </div>
-      )
-    } else if (youtubeId) {
-        return (
-            <>
-                <br />
-                <iframe
-                    className="w-max"
-                    src={`https://www.youtube.com/embed/${youtubeId}`}
-                    title="YouTube video player"
-                    frameBorder="0"
-                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                    allowFullScreen=""
-                />
-                <br />
-            </>
-        )
-    } else {
-        return <a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
+    } catch (error) {
     }
     return <a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
 }