From 5c998c6c34e188d8ac24c0456b13f789a98b2057 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Tue, 6 Aug 2024 09:30:07 +0800
Subject: [PATCH] feat: enhance header rendering and description extraction

- Optimized header component to directly set HTML content for improved rendering performance and security.
- Modified description extraction method to retrieve HTML content, enhancing the accuracy and richness of displayed information.
- Added word-break property to site intro for better handling of long words and URLs.
---
 src/components/header.astro | 5 ++---
 src/lib/telegram/index.js   | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/header.astro b/src/components/header.astro
index 9fb8140..85eba8e 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -115,15 +115,14 @@ const staticProxy = getEnv(import.meta.env, Astro, 'STATIC_PROXY') ?? '/static/'
 
 {
   channel?.description && channel?.description.length > 0 && (
-    <div class="text-box" id="site-intro">
-      {channel?.description}
-    </div>
+    <div class="text-box" id="site-intro" set:html={channel?.description} />
   )
 }
 
 <style>
   #site-intro {
     color: var(--secondary-color);
+    word-break: break-word;
   }
 
   .social-icon {
diff --git a/src/lib/telegram/index.js b/src/lib/telegram/index.js
index b5c1f46..ef6934b 100644
--- a/src/lib/telegram/index.js
+++ b/src/lib/telegram/index.js
@@ -149,7 +149,7 @@ export async function getChannelInfo(Astro, { before = '', after = '', q = '', t
   const channelInfo = {
     posts,
     title: $('.tgme_channel_info_header_title')?.text(),
-    description: $('.tgme_channel_info_description')?.text(),
+    description: $('.tgme_channel_info_description')?.html(),
     avatar: $('.tgme_page_photo_image img')?.attr('src'),
   }