Merge pull request #2046 from Bnyro/description-links

Properly rewrite channel descriptions

src/components/ChannelPage.vue

@@ -10,7 +10,7 @@
         <img v-if="channel.bannerUrl" :src="channel.bannerUrl" class="w-full pb-1.5" loading="lazy" />
         <!-- eslint-disable-next-line vue/no-v-html -->
         <p class="whitespace-pre-wrap">
-            <span v-html="purifyHTML(urlify(channel.description))" />
+            <span v-html="purifyHTML(rewriteDescription(channel.description))" />
         </p>
 
         <button

src/components/WatchVideo.vue

@@ -408,13 +408,7 @@ export default {
                                 elem.outerHTML = elem.getAttribute("href");
                         });
                         xmlDoc.querySelectorAll("br").forEach(elem => (elem.outerHTML = "\n"));
-                        this.video.description = this.urlify(xmlDoc.querySelector("body").innerHTML)
-                            .replaceAll(/(?:http(?:s)?:\/\/)?(?:www\.)?youtube\.com(\/[/a-zA-Z0-9_?=&-]*)/gm, "$1")
-                            .replaceAll(
-                                /(?:http(?:s)?:\/\/)?(?:www\.)?youtu\.be\/(?:watch\?v=)?([/a-zA-Z0-9_?=&-]*)/gm,
-                                "/watch?v=$1",
-                            )
-                            .replaceAll("\n", "<br>");
+                        this.video.description = this.rewriteDescription(xmlDoc.querySelector("body").innerHTML);
                     }
                 });
         },

src/main.js

@@ -251,6 +251,15 @@ const mixin = {
             elem.click();
             elem.remove();
         },
+        rewriteDescription(text) {
+            return this.urlify(text)
+                .replaceAll(/(?:http(?:s)?:\/\/)?(?:www\.)?youtube\.com(\/[/a-zA-Z0-9_?=&-]*)/gm, "$1")
+                .replaceAll(
+                    /(?:http(?:s)?:\/\/)?(?:www\.)?youtu\.be\/(?:watch\?v=)?([/a-zA-Z0-9_?=&-]*)/gm,
+                    "/watch?v=$1",
+                )
+                .replaceAll("\n", "<br>");
+        },
     },
     computed: {
         authenticated(_this) {