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 + ?
setOpen(o => !o)} + > + {isOpen + ? original() + : embed.rawDescription.substring(0, 20) + "..."} +
+ : original(); + }, + ToggleableDescriptionWrapper(props: ToggleableDescriptionProps) { + return ; + } });