anian
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
import { timestampDate } from "@bufbuild/protobuf/wkt";
|
|
import { separateAttachments } from "@/components/MemoMetadata/Attachment/attachmentHelpers";
|
|
import type { Memo } from "@/types/proto/api/v1/memo_service_pb";
|
|
import type { User } from "@/types/proto/api/v1/user_service_pb";
|
|
import { type AttachmentVisualItem, buildAttachmentVisualItems, countLogicalAttachmentItems } from "@/utils/media-item";
|
|
import { getMemoSharePreviewAvatarUrl } from "./memoShareImage";
|
|
|
|
interface BuildMemoShareImagePreviewModelOptions {
|
|
memo: Memo;
|
|
creator?: User;
|
|
fallbackDisplayName: string;
|
|
locale: string;
|
|
}
|
|
|
|
export interface MemoShareImageAttachmentSummaryBadge {
|
|
type: "attachment-summary";
|
|
count: number;
|
|
}
|
|
|
|
export type MemoShareImageFooterBadge = MemoShareImageAttachmentSummaryBadge;
|
|
|
|
export interface MemoShareImagePreviewModel {
|
|
displayName: string;
|
|
avatarUrl?: string;
|
|
formattedDisplayTime?: string;
|
|
visualItems: AttachmentVisualItem[];
|
|
footerBadges: MemoShareImageFooterBadge[];
|
|
}
|
|
|
|
export const buildMemoShareImagePreviewModel = ({
|
|
memo,
|
|
creator,
|
|
fallbackDisplayName,
|
|
locale,
|
|
}: BuildMemoShareImagePreviewModelOptions): MemoShareImagePreviewModel => {
|
|
const displayName = creator?.displayName || creator?.username || fallbackDisplayName;
|
|
const avatarUrl = getMemoSharePreviewAvatarUrl(creator?.avatarUrl);
|
|
const displayTime = memo.createTime ? timestampDate(memo.createTime) : undefined;
|
|
const formattedDisplayTime = displayTime?.toLocaleString(locale, {
|
|
dateStyle: "medium",
|
|
timeStyle: "short",
|
|
});
|
|
|
|
const attachmentGroups = separateAttachments(memo.attachments);
|
|
const visualItems = buildAttachmentVisualItems(attachmentGroups.visual);
|
|
const attachmentCount = countLogicalAttachmentItems(memo.attachments);
|
|
const nonVisualAttachmentCount = Math.max(attachmentCount - visualItems.length, 0);
|
|
const footerBadges: MemoShareImageFooterBadge[] =
|
|
nonVisualAttachmentCount > 0 ? [{ type: "attachment-summary", count: attachmentCount }] : [];
|
|
|
|
return {
|
|
displayName,
|
|
avatarUrl,
|
|
formattedDisplayTime,
|
|
visualItems,
|
|
footerBadges,
|
|
};
|
|
};
|