From 086c00bd2cba62a4162583f4827cf9e81c07ce1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=90M=E6=B0=8F?= <kasumi@bangdream.moe>
Date: Mon, 5 Aug 2024 20:14:44 +0800
Subject: [PATCH] support stickers display

---
 src/lib/telegram/index.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/lib/telegram/index.js b/src/lib/telegram/index.js
index b5c1f46..e25be36 100644
--- a/src/lib/telegram/index.js
+++ b/src/lib/telegram/index.js
@@ -11,6 +11,32 @@ const cache = new LRUCache({
   },
 })
 
+function getVideoStickers($, item, { staticProxy, index, title }) {
+  return $(item).find('.js-videosticker_video')?.map((_index, video) => {
+    const url = $(video).attr('src')
+    const imgurl = $(video).find('img').attr('src')
+    return `
+    <div style="background-image: none; width: 256px;">
+      <video src="${staticProxy + url}" width="100%" height="100%" alt="${title}" preload muted autoplay loop playsinline disablepictureinpicture >
+        <img src="${staticProxy + imgurl}" alt="${title}" loading="${index > 15 ? 'eager' : 'lazy'}" />
+      </video>
+    </div>
+    `
+  })?.get()?.join('')
+}
+
+function getImageStickers($, item, { staticProxy, index, title }) {
+  return $(item).find('.tgme_widget_message_sticker')?.map((_index, image) => {
+    // const bgurl = $(image).attr('style').match(/url\(["'](.*?)["']/)?.[1]
+    const url = $(image).attr('data-webp')
+    return `
+      <div class="image-preview-button image-preview-wrap">
+        <img src="${staticProxy + url}" style="width: 256px;" alt="${title}" loading="${index > 15 ? 'eager' : 'lazy'}" />
+      </div>
+    `
+  })?.get()?.join('')
+}
+
 function getImages($, item, { staticProxy, id, index, title }) {
   return $(item).find('.tgme_widget_message_photo_wrap')?.map((_index, photo) => {
     const url = $(photo).attr('style').match(/url\(["'](.*?)["']/)?.[1]
@@ -78,6 +104,8 @@ function getPost($, item, { channel, staticProxy, index = 0 }) {
     text: content?.text(),
     content: [
       $.html($(item).find('.tgme_widget_message_reply')?.wrapInner('<small></small>')?.wrapInner('<blockquote></blockquote>')),
+      getImageStickers($, item, { staticProxy, index, title }),
+      getVideoStickers($, item, { staticProxy, index, title }),
       getImages($, item, { staticProxy, id, index, title }),
       getVideo($, item, { staticProxy, id, index, title }),
       content?.html(),