feat: support webm

Author: Alan-Kuan

lib/action/picture.ts

@@ -1,39 +1,50 @@
 import type { Context, Telegram } from 'telegraf';
 
-import { craftExtraPhoto } from '#action/utils.js';
+import { craftExtra } from '#action/utils.js';
 import type { Picture } from '#types/index.js';
 import * as user from '#user/index.js';
 import * as wiki from '#wiki/index.js';
 
+function isVideo(pic: Picture) {
+    return pic.url.endsWith('webm');
+}
+
 export async function replyPotd(ctx: Context, date: string) {
     try {
         const pic_src = await user.getPicSource(ctx.message!.from.id);
         if (pic_src === null) throw new Error('picture source is null');
 
         const pic = await wiki.getPotd(date, pic_src);
+        const action = isVideo(pic) ?
+            ctx.replyWithVideo(pic.url, craftExtra(pic)) :
+            ctx.replyWithPhoto(pic.url, craftExtra(pic));
 
-        await ctx.replyWithPhoto(pic.url, craftExtraPhoto(pic));
+        await action;
     } catch (err) {
         await ctx.reply('An error occurred internally!');
         console.error(err.message);
     }
 }
 
 export async function sendPicture(bot: Telegram, user_id: number, pic: Picture) {
-    return bot.sendPhoto(user_id, pic.url, craftExtraPhoto(pic))
-        .catch(async err => {
-            switch (err.response.description) {
-                case 'Forbidden: bot was blocked by the user':
-                    if (await user.setBlockedBot(user_id)) return;
-                    console.error(`Failed to mark the bot is blocked by the user: ${user_id}.`);
-                    break;
-                case 'Forbidden: user is deactivated':
-                    if (await user.unsubscribe(user_id)) return;
-                    console.error(`Failed to unsubscribe for the user: ${user_id}.`);
-                    break;
-                default:
-                    console.error(`An error occurred while sending a picture to the user: '${user_id}'.`);
-                    console.error(err);
-            }
-        });
+    try {
+        const action = isVideo(pic) ?
+            bot.sendVideo(user_id, pic.url, craftExtra(pic)) :
+            bot.sendPhoto(user_id, pic.url, craftExtra(pic));
+        await action;
+    } catch (err) {
+        switch (err.response.description) {
+            case 'Forbidden: bot was blocked by the user':
+                if (await user.setBlockedBot(user_id)) return;
+                console.error(`Failed to mark the bot is blocked by the user: ${user_id}.`);
+                break;
+            case 'Forbidden: user is deactivated':
+                if (await user.unsubscribe(user_id)) return;
+                console.error(`Failed to unsubscribe for the user: ${user_id}.`);
+                break;
+            default:
+                console.error(`An error occurred while sending a picture to the user: '${user_id}'.`);
+                console.error(err);
+        }
+    }
 }

lib/action/utils.ts

@@ -23,10 +23,10 @@ export function craftMenu(subscribed: boolean, pic_src: PicSource) {
     return menu;
 }
 
-export function craftExtraPhoto(pic: Picture) {
-    let extra: Types.ExtraPhoto = { parse_mode: 'HTML' };
+export function craftExtra(pic: Picture) {
+    let extra: Types.ExtraPhoto | Types.ExtraVideo = { parse_mode: 'HTML' };
     let caption = `[${pic.date}]\n\n`;
-    // NOTE: character limit of photo caption is 1024
+    // NOTE: character limit of photo/video caption is 1024
     const res = utils.paginate(pic.caption, 960, []);
 
     if (res.end_idx < pic.caption.length) {

lib/wiki/potd.ts

@@ -16,13 +16,20 @@ export async function getUrlOfPotd(date: string, src: PicSource) {
     const img_url = await req.getImageUrl(filename, src);
     let segments = img_url.split('/');
 
-    segments.splice(5, 0, 'thumb');
+    if (filename.endsWith('.webm')) {
+        segments.splice(5, 0, 'transcoded');
 
-    let last_part = `1024px-${ segments[8] }`;
-    if (filename.endsWith('.svg')) {
-        last_part += '.png';
+        let last_part = `${ segments[8] }.1080p.vp9.webm`;
+        segments.push(last_part);
+    } else {
+        segments.splice(5, 0, 'thumb');
+
+        let last_part = `1024px-${ segments[8] }`;
+        if (filename.endsWith('.svg')) {
+            last_part += '.png';
+        }
+        segments.push(last_part);
     }
-    segments.push(last_part);
 
     return segments.join('/');
 }