Merge 5d008b0708 into b875ebf92d

src/plugins/youtubeDescription/README.md

@@ -0,0 +1,5 @@
+# YoutubeDescription
+
+Adds descriptions to youtube video embeds
+
+![demo](https://github.com/Vendicated/Vencord/assets/82430093/a69a48fa-d1a5-490d-a917-5c60e3fc38a8)

src/plugins/youtubeDescription/index.tsx

@@ -0,0 +1,49 @@
+/*
+ * Vencord, a Discord client mod
+ * Copyright (c) 2024 Vendicated and contributors
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+import { Devs } from "@utils/constants";
+import { isNonNullish } from "@utils/guards";
+import definePlugin from "@utils/types";
+import { useState } from "@webpack/common";
+import { Embed } from "discord-types/general";
+
+interface ToggleableDescriptionProps { embed: Embed, original: () => any; }
+
+export default definePlugin({
+    name: "YoutubeDescription",
+    description: "Adds descriptions to youtube video embeds",
+    authors: [Devs.arHSM],
+    patches: [
+        {
+            find: ".default.Messages.SUPPRESS_ALL_EMBEDS",
+            replacement: {
+                match: /case (\i\.MessageEmbedTypes\.VIDEO):(case \i\.MessageEmbedTypes\.\i:)*break;default:(\i)=(?:(this\.renderDescription)\(\))\}/,
+                replace: "$2 break; case $1: $3 = $self.ToggleableDescriptionWrapper({ embed: this.props.embed, original: $4.bind(this) }); break; default: $3 = $4() }"
+            }
+        }
+    ],
+    ToggleableDescription({ embed, original }: ToggleableDescriptionProps) {
+        const [isOpen, setOpen] = useState(false);
+
+        console.warn(embed);
+
+        return !isNonNullish(embed.rawDescription)
+            ? null
+            : embed.rawDescription.length > 20
+                ? <div
+                    style={{ cursor: "pointer", marginTop: isOpen ? "0px" : "8px" }}
+                    onClick={() => setOpen(o => !o)}
+                >
+                    {isOpen
+                        ? original()
+                        : embed.rawDescription.substring(0, 20) + "..."}
+                </div>
+                : original();
+    },
+    ToggleableDescriptionWrapper(props: ToggleableDescriptionProps) {
+        return <this.ToggleableDescription {...props}></this.ToggleableDescription>;
+    }
+});