From 5d008b07080ae732268be0363370ca4a6c933a7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Han=20Seung=20Min=20-=20=ED=95=9C=EC=8A=B9=EB=AF=BC?=
 <hanseungmin.ar@gmail.com>
Date: Sat, 11 May 2024 06:12:23 +0900
Subject: [PATCH] add toggle

---
 src/plugins/youtubeDescription/index.tsx | 32 +++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/plugins/youtubeDescription/index.tsx b/src/plugins/youtubeDescription/index.tsx
index 14ec6351e..17d70a670 100644
--- a/src/plugins/youtubeDescription/index.tsx
+++ b/src/plugins/youtubeDescription/index.tsx
@@ -5,7 +5,12 @@
  */
 
 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",
@@ -15,9 +20,30 @@ export default definePlugin({
         {
             find: ".default.Messages.SUPPRESS_ALL_EMBEDS",
             replacement: {
-                match: /case \i\.MessageEmbedTypes\.VIDEO:(case \i\.MessageEmbedTypes\.\i:)*break;default:(\i=this\.renderDescription\(\))\}/,
-                replace: "$1 break; default: $2 }"
+                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>;
+    }
 });