koishi-plugin-vr-fever 0.0.1

package/lib/service/drawer/html-builder.js

@@ -0,0 +1,510 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildMultiTimelineHtml = exports.buildTimelineHtml = void 0;
+const constants_1 = require("../../util/constants");
+const html_1 = require("../../util/html");
+const weibo_date_1 = require("../../util/weibo-date");
+const ACTIVITY_LABELS = {
+    original: "最近原创",
+    retweet: "最近转发",
+    like: "最近赞过",
+};
+const formatPostText = (text) => (0, html_1.escapeHtml)(text || "").replace(/\n/g, "<br/>");
+const isMeaningfulRetweetComment = (text) => Boolean(text?.trim()) && text.trim() !== "转发微博";
+const buildPostImages = (urls, hiddenCount = 0) => {
+    if (!urls.length && hiddenCount <= 0)
+        return "";
+    const gridClass = urls.length === 1
+        ? "post-images post-images--single"
+        : "post-images post-images--grid";
+    return `<div class="${gridClass}">
+    ${urls
+        .map((url) => `<img class="post-image" src="${(0, html_1.escapeHtml)(url)}" alt="" />`)
+        .join("")}
+    ${hiddenCount > 0 ? `<div class="post-images-more">还有 ${hiddenCount} 张图片未显示</div>` : ""}
+  </div>`;
+};
+const buildMediaCard = (coverUrl, title) => {
+    if (!coverUrl && !title)
+        return "";
+    if (!coverUrl) {
+        return title
+            ? `<div class="post-media-title">${(0, html_1.escapeHtml)(title)}</div>`
+            : "";
+    }
+    return `<div class="post-media-card">
+    <img class="post-media-cover" src="${(0, html_1.escapeHtml)(coverUrl)}" alt="" />
+    ${title ? `<div class="post-media-title">${(0, html_1.escapeHtml)(title)}</div>` : ""}
+  </div>`;
+};
+const buildPostMedia = (post) => {
+    const imageUrls = post.resolvedImages || [];
+    const mediaCover = post.resolvedMediaCover;
+    return `${buildMediaCard(mediaCover, post.page_info?.page_title)}
+    ${buildPostImages(imageUrls, post.hiddenImageCount || 0)}`;
+};
+const buildQuotedPost = (retweeted, fallbackAvatar) => {
+    const quotedUser = retweeted.user || {};
+    const quotedAvatar = quotedUser.avatar_large || quotedUser.profile_image_url || fallbackAvatar;
+    return `<div class="quoted-post">
+    <div class="quoted-post-header">
+      <img class="quoted-post-avatar" src="${(0, html_1.escapeHtml)(quotedAvatar)}" alt="" />
+      <div class="quoted-post-meta">
+        <div class="quoted-post-name">${(0, html_1.escapeHtml)(quotedUser.screen_name || "微博用户")}</div>
+        <div class="quoted-post-time">${(0, html_1.escapeHtml)(retweeted.createdAtText || retweeted.createdAt || "")} ${(0, html_1.escapeHtml)(retweeted.source || "")} ${(0, html_1.escapeHtml)(retweeted.region_name || "")}</div>
+      </div>
+    </div>
+    <div class="quoted-post-text">${formatPostText(retweeted.text)}</div>
+    ${buildPostMedia(retweeted)}
+  </div>`;
+};
+const buildCommentItem = (comment, fallbackAvatar, nested = false) => {
+    const user = comment.user || {};
+    const avatar = comment.resolvedAvatar ||
+        user.avatar_large ||
+        user.profile_image_url ||
+        fallbackAvatar;
+    const likes = comment.likesCount && comment.likesCount > 0
+        ? `<span class="comment-likes">👍 ${comment.likesCount}</span>`
+        : "";
+    const authorBadge = comment.isAuthor
+        ? `<span class="comment-author">博主</span>`
+        : "";
+    const replies = comment.replies?.length
+        ? `<div class="comment-replies">${comment.replies
+            .map((reply) => buildCommentItem(reply, fallbackAvatar, true))
+            .join("")}</div>`
+        : "";
+    return `<div class="comment-item${nested ? " comment-item--reply" : ""}">
+    <img class="comment-avatar" src="${(0, html_1.escapeHtml)(avatar)}" alt="" />
+    <div class="comment-body">
+      <div class="comment-meta">
+        <span class="comment-name">${(0, html_1.escapeHtml)(user.screen_name || "微博用户")}</span>
+        ${authorBadge}
+        <span class="comment-time">${(0, html_1.escapeHtml)(comment.createdAtText || comment.createdAt || "")}</span>
+        ${likes}
+      </div>
+      <div class="comment-text">${formatPostText(comment.text)}</div>
+      ${replies}
+    </div>
+  </div>`;
+};
+const buildPostComments = (comments, fallbackAvatar) => {
+    if (!comments?.length)
+        return "";
+    return `<div class="post-comments">
+    <div class="post-comments__title">最新评论</div>
+    ${comments.map((comment) => buildCommentItem(comment, fallbackAvatar)).join("")}
+  </div>`;
+};
+const buildActivityBadge = (post) => {
+    const label = ACTIVITY_LABELS[post.activityType];
+    if (!label)
+        return "";
+    const activityTime = post.activityAtTime != null
+        ? (0, weibo_date_1.formatWeiboDate)(new Date(post.activityAtTime))
+        : post.createdAtText || post.createdAt || "";
+    return `<div class="activity-badge activity-badge--${post.activityType}">
+    <span class="activity-badge__label">${(0, html_1.escapeHtml)(label)}</span>
+    ${activityTime ? `<span class="activity-badge__time">${(0, html_1.escapeHtml)(activityTime)}</span>${post.activityType === "like" ? ' <span class="activity-badge__hint">(帖子发布时间)</span>' : ""}` : ""}
+  </div>`;
+};
+const buildWeiboCardHtml = (profile, normalizedTimeline) => {
+    const user = profile?.user || {};
+    const avatar = user.avatar_hd || user.avatar_large || user.profile_image_url || "";
+    const cover = user.cover_image_phone || "";
+    const posts = normalizedTimeline
+        .map((post) => {
+        const postUser = post.user || user;
+        const postAvatar = postUser.avatar_large || postUser.profile_image_url || avatar;
+        const retweetComment = post.activityType === "retweet" && isMeaningfulRetweetComment(post.text)
+            ? `<div class="post-text post-text--comment">${formatPostText(post.text)}</div>`
+            : "";
+        const quotedPost = post.activityType === "retweet" && post.retweeted
+            ? buildQuotedPost(post.retweeted, postAvatar)
+            : "";
+        const originalBody = post.activityType !== "retweet"
+            ? `<div class="post-text">${formatPostText(post.text)}</div>
+             ${buildPostMedia(post)}`
+            : "";
+        return `
+        <article class="post post--${post.activityType}">
+          ${buildActivityBadge(post)}
+          <div class="post-header">
+            <img class="post-avatar" src="${(0, html_1.escapeHtml)(postAvatar)}" alt="" />
+            <div class="post-meta">
+              <div class="post-name">${(0, html_1.escapeHtml)(postUser.screen_name || user.screen_name || "微博用户")}</div>
+              <div class="post-time">${(0, html_1.escapeHtml)(post.createdAtText || post.createdAt || "")} ${(0, html_1.escapeHtml)(post.source || "")} ${(0, html_1.escapeHtml)(post.region_name || "")}</div>
+            </div>
+          </div>
+          ${retweetComment}
+          ${quotedPost}
+          ${originalBody}
+          <div class="post-stats">
+            <span>转发 ${post.reposts_count ?? 0}</span>
+            <span>评论 ${post.comments_count ?? 0}</span>
+            <span>赞 ${post.attitudes_count ?? 0}</span>
+          </div>
+          ${buildPostComments(post.comments, postAvatar)}
+        </article>
+      `;
+    })
+        .join("");
+    return `<div class="weibo-card">
+  <div class="cover">
+    ${cover ? `<img class="cover-image" src="${(0, html_1.escapeHtml)(cover)}" alt="" />` : ""}
+  </div>
+  <div class="profile">
+      <img class="avatar" src="${(0, html_1.escapeHtml)(avatar)}" alt="" />
+      <div class="profile-info">
+        <div class="name">${(0, html_1.escapeHtml)(user.screen_name || "微博用户")}</div>
+        <div class="desc">${(0, html_1.escapeHtml)(user.description || "暂无简介")}</div>
+        <div class="location">${(0, html_1.escapeHtml)(user.location || "")}</div>
+      </div>
+    </div>
+    <div class="stats">
+      <span><strong>${(0, html_1.escapeHtml)(user.followers_count_str || "0")}</strong>粉丝</span>
+      <span><strong>${user.friends_count ?? 0}</strong>关注</span>
+      <span><strong>${user.statuses_count ?? normalizedTimeline.length}</strong>微博</span>
+    </div>
+    <div class="timeline">
+      <div class="timeline-title">最近动态</div>
+      ${posts || '<div class="post"><div class="post-text">暂无微博</div></div>'}
+    </div>
+  </div>`;
+};
+const TIMELINE_PAGE_STYLES = `
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
+      background: #f3f4f6;
+      padding: 24px;
+      color: #1f2328;
+    }
+    .cover {
+      height: 100px;
+      overflow:hidden;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      line-height: 0;
+      background: linear-gradient(135deg, #ff8a65 0%, #ff6a9b 45%, #7a5cff 100%);
+    }
+    .cover-image {
+      object-fit: cover;
+      object-position: center;
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      height: auto;
+    }
+    .profile {
+      display: flex;
+      gap: 16px;
+      padding: 0 24px 20px;
+      margin-top: -36px;
+      align-items: flex-end;
+    }
+    .avatar {
+      width: 88px;
+      height: 88px;
+      border-radius: 50%;
+      border: 4px solid #fff;
+      object-fit: cover;
+      background: #fff;
+      flex-shrink: 0;
+    }
+    .profile-info { min-width: 0; padding-bottom: 4px; }
+    .name {
+      font-size: 24px;
+      font-weight: 800;
+      line-height: 1.2;
+      margin-bottom: 6px;
+    }
+    .desc, .location {
+      font-size: 13px;
+      color: #57606a;
+      line-height: 1.5;
+    }
+    .stats {
+      display: flex;
+      gap: 18px;
+      padding: 0 24px 18px;
+      font-size: 13px;
+      color: #57606a;
+    }
+    .stats strong {
+      color: #1f2328;
+      margin-right: 4px;
+    }
+    .timeline {
+      border-top: 1px solid #e6e8eb;
+      padding: 8px 0 12px;
+    }
+    .timeline-title {
+      padding: 14px 24px 8px;
+      font-size: 15px;
+      font-weight: 700;
+    }
+    .post {
+      padding: 16px 24px;
+      border-top: 1px solid #f0f2f5;
+    }
+    .activity-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 10px;
+      padding: 4px 10px;
+      border-radius: 999px;
+      font-size: 12px;
+      font-weight: 600;
+      line-height: 1.4;
+    }
+    .activity-badge__time {
+      font-weight: 500;
+      opacity: 0.85;
+    }
+    .activity-badge--original {
+      background: #ecfdf5;
+      color: #059669;
+    }
+    .activity-badge--retweet {
+      background: #eff6ff;
+      color: #2563eb;
+    }
+    .activity-badge--like {
+      background: #fdf2f8;
+      color: #db2777;
+    }
+    .post-header {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      margin-bottom: 10px;
+    }
+    .post-avatar {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      object-fit: cover;
+      flex-shrink: 0;
+    }
+    .post-name {
+      font-size: 14px;
+      font-weight: 700;
+    }
+    .post-time {
+      font-size: 12px;
+      color: #8b949e;
+      margin-top: 2px;
+    }
+    .post-text {
+      font-size: 15px;
+      line-height: 1.7;
+      white-space: pre-wrap;
+      word-break: break-word;
+      margin-bottom: 10px;
+    }
+    .post-text--comment {
+      margin-bottom: 8px;
+    }
+    .quoted-post {
+      margin-bottom: 10px;
+      padding: 12px;
+      border: 1px solid #e6e8eb;
+      border-radius: 12px;
+      background: #f8fafc;
+    }
+    .quoted-post-header {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      margin-bottom: 8px;
+    }
+    .quoted-post-avatar {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      object-fit: cover;
+      flex-shrink: 0;
+    }
+    .quoted-post-name {
+      font-size: 13px;
+      font-weight: 700;
+      color: #57606a;
+    }
+    .quoted-post-time {
+      font-size: 11px;
+      color: #8b949e;
+      margin-top: 2px;
+    }
+    .quoted-post-text {
+      font-size: 14px;
+      line-height: 1.6;
+      color: #1f2328;
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+    .post-media-card {
+      position: relative;
+      margin-bottom: 10px;
+      border-radius: 12px;
+      overflow: hidden;
+      background: #eef2f6;
+    }
+    .post-media-cover {
+      display: block;
+      max-width: 100%;
+      width: auto;
+      height: auto;
+      background: #eef2f6;
+    }
+    .post-media-title {
+      margin-bottom: 10px;
+      font-size: 13px;
+      color: #57606a;
+      line-height: 1.5;
+    }
+    .post-media-card .post-media-title {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      margin: 0;
+      padding: 10px 12px;
+      color: #fff;
+      background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
+    }
+    .post-images {
+      display: grid;
+      gap: 6px;
+      margin-top: 10px;
+    }
+    .post-images--single {
+      grid-template-columns: 1fr;
+    }
+    .post-images--grid {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+    .post-image {
+      display: block;
+      max-width: 100%;
+      width: auto;
+      height: auto;
+      border-radius: 8px;
+      background: #eef2f6;
+    }
+    .post-images-more {
+      grid-column: 1 / -1;
+      font-size: 12px;
+      color: #8b949e;
+      padding-top: 2px;
+    }
+    .post-stats {
+      display: flex;
+      gap: 16px;
+      font-size: 12px;
+      color: #8b949e;
+    }
+    .post-comments {
+      margin-top: 12px;
+      padding-top: 12px;
+      border-top: 1px solid #f0f2f5;
+    }
+    .post-comments__title {
+      font-size: 12px;
+      font-weight: 700;
+      color: #57606a;
+      margin-bottom: 8px;
+    }
+    .comment-item {
+      display: flex;
+      gap: 8px;
+      padding: 8px 0;
+    }
+    .comment-item + .comment-item {
+      border-top: 1px solid #f6f8fa;
+    }
+    .comment-item--reply {
+      padding-top: 6px;
+    }
+    .comment-replies {
+      margin-top: 8px;
+      padding-left: 10px;
+      border-left: 2px solid #e6e8eb;
+    }
+    .comment-author {
+      font-size: 10px;
+      font-weight: 700;
+      color: #db2777;
+      background: #fdf2f8;
+      border-radius: 999px;
+      padding: 1px 6px;
+    }
+    .comment-avatar {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      object-fit: cover;
+      flex-shrink: 0;
+    }
+    .comment-body {
+      min-width: 0;
+      flex: 1;
+    }
+    .comment-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      align-items: center;
+      margin-bottom: 4px;
+      font-size: 11px;
+      color: #8b949e;
+    }
+    .comment-name {
+      font-weight: 700;
+      color: #57606a;
+    }
+    .comment-likes {
+      margin-left: auto;
+    }
+    .comment-text {
+      font-size: 13px;
+      line-height: 1.6;
+      color: #1f2328;
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+    #weibo-cards {
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+      width: ${constants_1.CONSTANTS.RENDER_CARD_WIDTH}px;
+    }
+    .weibo-card,
+    #weibo-card {
+      width: ${constants_1.CONSTANTS.RENDER_CARD_WIDTH}px;
+      background: #fff;
+      border-radius: 18px;
+      overflow: hidden;
+      box-shadow: 0 10px 30px rgba(31, 35, 40, 0.08);
+    }
+`;
+const wrapTimelinePage = (bodyContent) => `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <style>${TIMELINE_PAGE_STYLES}</style>
+</head>
+<body>
+  ${bodyContent}
+</body>
+</html>`;
+const buildTimelineHtml = (profile, normalizedTimeline) => wrapTimelinePage(buildWeiboCardHtml(profile, normalizedTimeline));
+exports.buildTimelineHtml = buildTimelineHtml;
+const buildMultiTimelineHtml = (entries) => wrapTimelinePage(`<div id="weibo-cards">${entries
+    .map(({ profile, timeline }) => buildWeiboCardHtml(profile, timeline))
+    .join("")}</div>`);
+exports.buildMultiTimelineHtml = buildMultiTimelineHtml;

package/lib/service/drawer/image-resolver.d.ts

@@ -0,0 +1,10 @@
+import { Context } from "koishi";
+import type { NormalizedPost } from "../timeline/types";
+import type { ProfileData, ResolvedMediaPost } from "./types";
+export declare const normalizeImageUrl: (url: string) => string;
+/** 用户主页头图：取 cover_image_phone 分号分隔后的第一张 */
+export declare const getProfileCoverUrl: (coverImagePhone?: string) => string;
+export declare const prepareDrawerAssets: (ctx: Context, profile: ProfileData, normalizedTimeline: NormalizedPost[]) => Promise<{
+    profile: ProfileData;
+    timeline: ResolvedMediaPost[];
+}>;

package/lib/service/drawer/image-resolver.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareDrawerAssets = exports.getProfileCoverUrl = exports.normalizeImageUrl = void 0;
+const constants_1 = require("../../util/constants");
+const puppeteer_cookie_1 = require("../../util/puppeteer-cookie");
+const weibo_media_1 = require("../../util/weibo-media");
+const PLACEHOLDER_IMAGE = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9IiNlZWVmMiIvPjx0ZXh0IHg9IjUwIiB5PSI1NSIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzk4YTNhZiIgdGV4dC1hbmNob3I9Im1pZGRsZSI+8J+OiTwvdGV4dD48L3N2Zz4=";
+const normalizeImageUrl = (url) => {
+    if (!url)
+        return "";
+    if (url.startsWith("//"))
+        return `https:${url}`;
+    return url;
+};
+exports.normalizeImageUrl = normalizeImageUrl;
+const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+/** 用户主页头图：取 cover_image_phone 分号分隔后的第一张 */
+const getProfileCoverUrl = (coverImagePhone) => {
+    if (!coverImagePhone)
+        return "";
+    const first = coverImagePhone
+        .split(";")
+        .map((item) => item.trim())
+        .find(Boolean);
+    return first ? (0, exports.normalizeImageUrl)(first) : "";
+};
+exports.getProfileCoverUrl = getProfileCoverUrl;
+const takePostImageUrls = (picIds, picInfos, budget) => {
+    const total = (0, weibo_media_1.countPostPics)(picIds);
+    const limit = Math.min(constants_1.CONSTANTS.MAX_POST_IMAGES, budget.remaining);
+    const urls = (0, weibo_media_1.getPostPicUrls)(picIds, picInfos, limit)
+        .map((url) => (0, exports.normalizeImageUrl)(url))
+        .filter(Boolean);
+    budget.remaining -= urls.length;
+    return {
+        urls,
+        hidden: Math.max(total - urls.length, 0),
+    };
+};
+const fetchImageAsDataUrl = async (ctx, url, cookieString, referer = "https://weibo.com/") => {
+    const normalizedUrl = (0, exports.normalizeImageUrl)(url);
+    if (!normalizedUrl || normalizedUrl.startsWith("data:"))
+        return normalizedUrl;
+    const referers = [referer, "https://weibo.com/", "https://www.weibo.com/"];
+    for (const currentReferer of referers) {
+        try {
+            const response = await ctx.http.get(normalizedUrl, {
+                responseType: "arraybuffer",
+                headers: {
+                    ...(cookieString ? { cookie: cookieString } : {}),
+                    referer: currentReferer,
+                    "user-agent": constants_1.CONSTANTS.USER_AGENT,
+                    accept: "image/avif,image/webp,image/apng,image/*,*/*;q=0.8",
+                },
+            });
+            const data = response?.data ?? response;
+            const buffer = Buffer.isBuffer(data) ? data : Buffer.from(data);
+            const mimeType = String(response?.headers?.["content-type"] || "image/jpeg").split(";")[0];
+            if (!buffer.length)
+                continue;
+            return `data:${mimeType};base64,${buffer.toString("base64")}`;
+        }
+        catch {
+            continue;
+        }
+    }
+    return null;
+};
+const resolveImageUrl = async (ctx, url, cookieString, cache, referer = "https://weibo.com/") => {
+    const normalizedUrl = (0, exports.normalizeImageUrl)(url);
+    if (!normalizedUrl)
+        return "";
+    if (cache.has(normalizedUrl))
+        return cache.get(normalizedUrl);
+    const resolved = (await fetchImageAsDataUrl(ctx, normalizedUrl, cookieString, referer)) ||
+        PLACEHOLDER_IMAGE;
+    cache.set(normalizedUrl, resolved);
+    if (constants_1.CONSTANTS.IMAGE_FETCH_DELAY_MS > 0) {
+        await sleep(constants_1.CONSTANTS.IMAGE_FETCH_DELAY_MS);
+    }
+    return resolved;
+};
+const prepareDrawerAssets = async (ctx, profile, normalizedTimeline) => {
+    const cookieString = await (0, puppeteer_cookie_1.loadCookieStringFromDatabase)(ctx);
+    const cache = new Map();
+    const user = profile?.user || {};
+    const avatarUrl = user.avatar_hd || user.avatar_large || user.profile_image_url || "";
+    const coverUrl = (0, exports.getProfileCoverUrl)(user.cover_image_phone);
+    const profileReferer = user.id || user.idstr
+        ? `https://weibo.com/u/${user.id || user.idstr}`
+        : "https://weibo.com/";
+    const resolvedProfile = {
+        user: {
+            ...user,
+            avatar_hd: await resolveImageUrl(ctx, avatarUrl, cookieString, cache, profileReferer),
+            avatar_large: await resolveImageUrl(ctx, user.avatar_large || avatarUrl, cookieString, cache, profileReferer),
+            profile_image_url: await resolveImageUrl(ctx, user.profile_image_url || avatarUrl, cookieString, cache, profileReferer),
+            cover_image_phone: coverUrl
+                ? await resolveImageUrl(ctx, coverUrl, cookieString, cache, profileReferer)
+                : "",
+        },
+    };
+    const resolvePostMediaFrom = async (source, budget) => {
+        const images = takePostImageUrls(source.pic_ids, source.pic_infos, budget);
+        const resolvedImages = [];
+        for (const url of images.urls) {
+            const image = await resolveImageUrl(ctx, url, cookieString, cache, profileReferer);
+            if (image)
+                resolvedImages.push(image);
+        }
+        const coverRaw = (0, weibo_media_1.getPageCoverUrl)(source.page_info);
+        const resolvedMediaCover = coverRaw
+            ? await resolveImageUrl(ctx, coverRaw, cookieString, cache, profileReferer)
+            : undefined;
+        return {
+            resolvedImages,
+            hiddenImageCount: images.hidden,
+            resolvedMediaCover,
+        };
+    };
+    const resolvedTimeline = [];
+    const imageBudget = {
+        remaining: constants_1.CONSTANTS.MAX_TIMELINE_IMAGES,
+    };
+    for (const post of normalizedTimeline) {
+        const postUser = post.user || {};
+        const postAvatar = postUser.avatar_large || postUser.profile_image_url || avatarUrl;
+        const retweeted = post.retweeted;
+        const quotedUser = retweeted?.user || {};
+        const quotedAvatar = quotedUser.avatar_large || quotedUser.profile_image_url || avatarUrl;
+        const postMedia = await resolvePostMediaFrom(post, imageBudget);
+        const postAvatarResolved = await resolveImageUrl(ctx, postAvatar, cookieString, cache, profileReferer);
+        const resolveCommentTree = async (comments) => Promise.all(comments.map(async (comment) => {
+            const commentUser = comment.user || {};
+            const commentAvatar = commentUser.avatar_large ||
+                commentUser.profile_image_url ||
+                postAvatar;
+            const replies = comment.replies?.length
+                ? await resolveCommentTree(comment.replies)
+                : undefined;
+            return {
+                ...comment,
+                resolvedAvatar: await resolveImageUrl(ctx, commentAvatar, cookieString, cache, profileReferer),
+                replies,
+            };
+        }));
+        const resolvedComments = post.comments?.length
+            ? await resolveCommentTree(post.comments)
+            : undefined;
+        resolvedTimeline.push({
+            ...post,
+            ...postMedia,
+            comments: resolvedComments,
+            user: {
+                ...postUser,
+                avatar_large: postAvatarResolved,
+                profile_image_url: postAvatarResolved,
+            },
+            retweeted: retweeted
+                ? {
+                    ...retweeted,
+                    ...(await resolvePostMediaFrom(retweeted, imageBudget)),
+                    user: {
+                        ...quotedUser,
+                        avatar_large: await resolveImageUrl(ctx, quotedAvatar, cookieString, cache, profileReferer),
+                        profile_image_url: await resolveImageUrl(ctx, quotedUser.profile_image_url || quotedAvatar, cookieString, cache, profileReferer),
+                    },
+                }
+                : undefined,
+        });
+    }
+    return { profile: resolvedProfile, timeline: resolvedTimeline };
+};
+exports.prepareDrawerAssets = prepareDrawerAssets;

package/lib/service/drawer/index.d.ts

@@ -0,0 +1,4 @@
+export { drawTimeline, drawTimelines, drawEntryImages } from "./screenshot";
+export { buildTimelineHtml, buildMultiTimelineHtml } from "./html-builder";
+export { prepareDrawerAssets } from "./image-resolver";
+export type { ProfileData, ResolvedMediaPost, TimelineEntry, } from "./types";