feat(router/acfun): add embed option (#21589)

Author: TonyRL

lib/routes/acfun/bangumi.ts

@@ -1,14 +1,16 @@
 import type { Route } from '@/types';
 import { ViewType } from '@/types';
-import got from '@/utils/got';
+import ofetch from '@/utils/ofetch';
 import { parseDate } from '@/utils/parse-date';
 
+import { renderDescription } from './templates/description';
+
 export const route: Route = {
-    path: '/bangumi/:id',
+    path: '/bangumi/:id/:embed?',
     categories: ['anime'],
     view: ViewType.Videos,
-    example: '/acfun/bangumi/5022158',
-    parameters: { id: '番剧 id' },
+    example: '/acfun/bangumi/6000617',
+    parameters: { id: '番剧 id', embed: '默认为开启内嵌视频, 任意值为关闭' },
     features: {
         requireConfig: false,
         requirePuppeteer: false,
@@ -22,31 +24,28 @@ export const route: Route = {
     handler,
     description: `::: tip
 番剧 id 不包含开头的 aa。
-例如：\`https://www.acfun.cn/bangumi/aa5022158\` 的番剧 id 是 5022158，不包括开头的 aa。
+例如：\`https://www.acfun.cn/bangumi/aa6000617\` 的番剧 id 是 6000617，不包括开头的 aa。
 :::`,
 };
 
 async function handler(ctx) {
     const id = ctx.req.param('id');
-    const url = `https://www.acfun.cn/bangumi/aa${id}`;
+    const embed = !ctx.req.param('embed');
+    const link = `https://www.acfun.cn/bangumi/aa${id}`;
 
-    const bangumiPage = await got(url, {
-        headers: {
-            Referer: 'https://www.acfun.cn',
-        },
-    });
-    const bangumiData = JSON.parse(bangumiPage.data.match(/window.bangumiData = (.*?);\n/)[1]);
-    const bangumiList = JSON.parse(bangumiPage.data.match(/window.bangumiList = (.*?);\n/)[1]);
+    const bangumiPage = await ofetch(link);
+    const bangumiData = JSON.parse(bangumiPage.match(/window.bangumiData = (.*?);\n/)[1]);
+    const bangumiList = JSON.parse(bangumiPage.match(/window.bangumiList = (.*?);\n/)[1]);
 
     return {
         title: bangumiData.bangumiTitle,
-        link: url,
+        link,
         description: bangumiData.bangumiIntro,
         image: bangumiData.belongResource.coverImageV,
         item: bangumiList.items.map((item) => ({
-            title: `${item.episodeName} - ${item.title}`,
-            description: `<img src="${item.imgInfo.thumbnailImage.cdnUrls[0].url.split('?')[0]}">`,
-            link: `http://www.acfun.cn/bangumi/aa${id}_36188_${item.itemId}`,
+            title: `${item.episodeName}${item.title ? ` - ${item.title}` : ''}`,
+            description: renderDescription({ embed, aid: `ac${item.itemId}`, img: item.imgInfo.thumbnailImage.cdnUrls[0].url.split('?')[0] }),
+            link: `https://www.acfun.cn/bangumi/aa${id}_36188_${item.itemId}`,
             pubDate: parseDate(item.updateTime, 'x'),
         })),
     };

lib/routes/acfun/templates/description.tsx

@@ -0,0 +1,21 @@
+import { renderToString } from 'hono/jsx/dom/server';
+
+type DescriptionProps = {
+    embed: boolean;
+    aid: string;
+    img?: string;
+};
+
+const Description = ({ embed, aid, img }: DescriptionProps) => (
+    <>
+        {embed ? (
+            <>
+                <iframe width="640" height="360" src={`https://www.acfun.cn/player/${aid}`} frameborder="0" allowfullscreen></iframe>
+                <br />
+            </>
+        ) : null}
+        {img ? <img src={img} /> : null}
+    </>
+);
+
+export const renderDescription = (props: DescriptionProps): string => renderToString(<Description {...props} />);

lib/routes/acfun/video.ts

@@ -2,11 +2,13 @@ import { load } from 'cheerio';
 
 import type { Route } from '@/types';
 import { ViewType } from '@/types';
-import got from '@/utils/got';
+import ofetch from '@/utils/ofetch';
 import { parseDate } from '@/utils/parse-date';
 
+import { renderDescription } from './templates/description';
+
 export const route: Route = {
-    path: '/user/video/:uid',
+    path: '/user/video/:uid/:embed?',
     radar: [
         {
             source: ['www.acfun.cn/u/:id'],
@@ -16,6 +18,7 @@ export const route: Route = {
     name: '用户投稿',
     parameters: {
         uid: '用户 UID',
+        embed: '默认为开启内嵌视频, 任意值为关闭',
     },
     categories: ['anime'],
     example: '/acfun/user/video/6102',
@@ -26,39 +29,37 @@ export const route: Route = {
 
 async function handler(ctx) {
     const uid = ctx.req.param('uid');
-    const url = `https://www.acfun.cn/u/${uid}`;
+    const embed = !ctx.req.param('embed');
     const host = 'https://www.acfun.cn';
-    const response = await got(url, {
-        headers: {
-            Referer: host,
-        },
-    });
-    const data = response.data;
+    const link = `${host}/u/${uid}`;
+    const response = await ofetch(link);
 
-    const $ = load(data);
+    const $ = load(response);
     const title = $('title').text();
     const description = $('.signature .complete').text();
     const list = $('#ac-space-video-list a').toArray();
-    const image = $('head style')
+    const image = $('head style:contains("user-photo")')
         .text()
-        .match(/.user-photo{\n\s*background:url\((.*)\) 0% 0% \/ 100% no-repeat;/)[1];
+        .match(/.user-photo{\n\s*background:url\((.*)\) 0% 0% \/ 100% no-repeat;/)?.[1];
 
     return {
         title,
-        link: url,
+        link,
         description,
         image,
         item: list.map((item) => {
-            item = $(item);
+            const $item = $(item);
 
-            const itemTitle = item.find('p.title').text();
-            const itemImg = item.find('figure img').attr('src');
-            const itemUrl = item.attr('href');
-            const itemDate = item.find('.date').text();
+            const itemTitle = $item.find('p.title').text();
+            const itemImg = $item.find('figure img').attr('src');
+            const itemUrl = $item.attr('href')!;
+            const itemDate = $item.find('.date').text();
+            const wbInfo = JSON.parse(($item.data('wb-info') as string) || '{}');
+            const aid = wbInfo.atmid || wbInfo.mediaId || itemUrl.match(/\/v\/(ac\d+)/)?.[1];
 
             return {
                 title: itemTitle,
-                description: `<img src="${itemImg.split('?')[0]}">`,
+                description: renderDescription({ embed, aid, img: itemImg?.split('?')[0] }),
                 link: host + itemUrl,
                 pubDate: parseDate(itemDate, 'YYYY/MM/DD'),
             };