refactor: 收口公开作品 ViewModel
This commit is contained in:
@@ -14,9 +14,9 @@ import {
|
||||
Gamepad2,
|
||||
GitFork,
|
||||
Heart,
|
||||
Loader2,
|
||||
LogIn,
|
||||
MessageCircle,
|
||||
Loader2,
|
||||
Palette,
|
||||
Pencil,
|
||||
Plus,
|
||||
@@ -135,6 +135,27 @@ import {
|
||||
import { getInitialPlatformDesktopLayout } from '../platform-entry/platformEntryResponsive';
|
||||
import { ResolvedAssetImage } from '../ResolvedAssetImage';
|
||||
import { RpgEntryBrandLogo } from './RpgEntryBrandLogo';
|
||||
import {
|
||||
buildPlatformRankingEntries,
|
||||
buildPublicCategoryGroups,
|
||||
buildPublicGalleryCardKey,
|
||||
filterPlatformWorkSearchResults,
|
||||
filterTodayPublishedEntries,
|
||||
getAllPlatformPublicEntries,
|
||||
getPlatformCategoryPrimaryMetric,
|
||||
getPlatformPublicEntries,
|
||||
getPlatformRankingMetricValue,
|
||||
getPlatformSearchableWorkIds,
|
||||
getPlatformWorldLikeCount,
|
||||
getPlatformWorldPlayCount,
|
||||
getPlatformWorldRemixCount,
|
||||
isExactPublicWorkCodeSearch,
|
||||
matchesPlatformCategoryKindFilter,
|
||||
type PlatformCategoryKindFilter,
|
||||
type PlatformCategorySortMode,
|
||||
type PlatformRankingTab,
|
||||
sortPlatformCategoryEntries,
|
||||
} from './rpgEntryPublicGalleryViewModel';
|
||||
import {
|
||||
buildPlatformWorldDisplayTags,
|
||||
describePlatformThemeLabel,
|
||||
@@ -151,9 +172,8 @@ import {
|
||||
isVisualNovelGalleryEntry,
|
||||
isWoodenFishGalleryEntry,
|
||||
type PlatformPublicGalleryCard,
|
||||
type PlatformWorldCardLike,
|
||||
resolvePlatformWorkAuthorDisplayName,
|
||||
resolvePlatformPublicWorkCode,
|
||||
resolvePlatformWorkAuthorDisplayName,
|
||||
resolvePlatformWorldCoverImage,
|
||||
resolvePlatformWorldCoverSlides,
|
||||
resolvePlatformWorldFallbackCoverImage,
|
||||
@@ -361,17 +381,6 @@ type DiscoverChannel =
|
||||
| 'category'
|
||||
| 'ranking'
|
||||
| 'edutainment';
|
||||
type PlatformRankingTab = 'hot' | 'remix' | 'new' | 'like';
|
||||
type PlatformCategoryKindFilter =
|
||||
| 'all'
|
||||
| 'puzzle'
|
||||
| 'match3d'
|
||||
| 'square-hole'
|
||||
| 'visual-novel'
|
||||
| 'bark-battle'
|
||||
| 'big-fish'
|
||||
| 'custom-world';
|
||||
type PlatformCategorySortMode = 'composite' | 'latest' | 'play' | 'like';
|
||||
|
||||
const COMMUNITY_QR_CODES = [
|
||||
{
|
||||
@@ -410,6 +419,8 @@ const PLATFORM_CATEGORY_KIND_FILTERS: Array<{
|
||||
{ id: 'visual-novel', label: '视觉' },
|
||||
{ id: 'bark-battle', label: '汪汪' },
|
||||
{ id: 'big-fish', label: '大鱼' },
|
||||
{ id: 'jump-hop', label: '跳跃' },
|
||||
{ id: 'wooden-fish', label: '木鱼' },
|
||||
{ id: 'custom-world', label: 'RPG' },
|
||||
];
|
||||
const PLATFORM_CATEGORY_SORT_OPTIONS: Array<{
|
||||
@@ -1639,186 +1650,6 @@ function PlatformCategoryFilterDialog({
|
||||
);
|
||||
}
|
||||
|
||||
function buildPublicCategoryGroups(
|
||||
featuredEntries: PlatformPublicGalleryCard[],
|
||||
latestEntries: PlatformPublicGalleryCard[],
|
||||
) {
|
||||
const publicEntryMap = new Map<string, PlatformPublicGalleryCard>();
|
||||
|
||||
filterGeneralPublicWorks([...featuredEntries, ...latestEntries]).forEach(
|
||||
(entry) => {
|
||||
publicEntryMap.set(buildPublicGalleryCardKey(entry), entry);
|
||||
},
|
||||
);
|
||||
|
||||
const categoryMap = new Map<string, PlatformPublicGalleryCard[]>();
|
||||
Array.from(publicEntryMap.values()).forEach((entry) => {
|
||||
const tags = buildPlatformWorldDisplayTags(entry, 3);
|
||||
const normalizedTags = tags.length > 0 ? tags : ['回响'];
|
||||
|
||||
normalizedTags.forEach((tag) => {
|
||||
const entries = categoryMap.get(tag) ?? [];
|
||||
entries.push(entry);
|
||||
categoryMap.set(tag, entries);
|
||||
});
|
||||
});
|
||||
|
||||
return Array.from(categoryMap.entries())
|
||||
.map(([tag, entries]) => ({ tag, entries }))
|
||||
.sort((left, right) => {
|
||||
if (right.entries.length !== left.entries.length) {
|
||||
return right.entries.length - left.entries.length;
|
||||
}
|
||||
|
||||
return left.tag.localeCompare(right.tag, 'zh-CN');
|
||||
});
|
||||
}
|
||||
|
||||
function getPlatformPublicEntries(
|
||||
featuredEntries: PlatformPublicGalleryCard[],
|
||||
latestEntries: PlatformPublicGalleryCard[],
|
||||
) {
|
||||
const entryMap = new Map<string, PlatformPublicGalleryCard>();
|
||||
|
||||
filterGeneralPublicWorks([...featuredEntries, ...latestEntries]).forEach(
|
||||
(entry) => {
|
||||
entryMap.set(buildPublicGalleryCardKey(entry), entry);
|
||||
},
|
||||
);
|
||||
|
||||
return Array.from(entryMap.values());
|
||||
}
|
||||
|
||||
function getAllPlatformPublicEntries(
|
||||
featuredEntries: PlatformPublicGalleryCard[],
|
||||
latestEntries: PlatformPublicGalleryCard[],
|
||||
) {
|
||||
const entryMap = new Map<string, PlatformPublicGalleryCard>();
|
||||
|
||||
[...featuredEntries, ...latestEntries].forEach((entry) => {
|
||||
entryMap.set(buildPublicGalleryCardKey(entry), entry);
|
||||
});
|
||||
|
||||
return Array.from(entryMap.values());
|
||||
}
|
||||
|
||||
function normalizePlatformSearchText(value: string | null | undefined) {
|
||||
return (value ?? '').trim().toLocaleLowerCase('zh-CN');
|
||||
}
|
||||
|
||||
function normalizePlatformCompactSearchText(value: string | null | undefined) {
|
||||
return normalizePlatformSearchText(value).replace(/[\s_-]+/gu, '');
|
||||
}
|
||||
|
||||
function getPlatformSearchableWorkIds(entry: PlatformPublicGalleryCard) {
|
||||
const ids = [entry.publicWorkCode, entry.profileId];
|
||||
if ('workId' in entry) {
|
||||
ids.push(entry.workId);
|
||||
}
|
||||
|
||||
return ids.filter((value): value is string => Boolean(value?.trim()));
|
||||
}
|
||||
|
||||
function buildPlatformWorkSearchText(entry: PlatformPublicGalleryCard) {
|
||||
return [
|
||||
...getPlatformSearchableWorkIds(entry),
|
||||
entry.worldName,
|
||||
entry.authorDisplayName,
|
||||
entry.summaryText,
|
||||
entry.subtitle,
|
||||
].join(' ');
|
||||
}
|
||||
|
||||
function matchesPlatformWorkSearch(
|
||||
entry: PlatformPublicGalleryCard,
|
||||
keyword: string,
|
||||
) {
|
||||
const normalizedKeyword = normalizePlatformSearchText(keyword);
|
||||
const compactKeyword = normalizePlatformCompactSearchText(keyword);
|
||||
if (!normalizedKeyword) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const normalizedSearchText = normalizePlatformSearchText(
|
||||
buildPlatformWorkSearchText(entry),
|
||||
);
|
||||
if (normalizedSearchText.includes(normalizedKeyword)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return (
|
||||
Boolean(compactKeyword) &&
|
||||
normalizePlatformCompactSearchText(
|
||||
buildPlatformWorkSearchText(entry),
|
||||
).includes(compactKeyword)
|
||||
);
|
||||
}
|
||||
|
||||
function filterPlatformWorkSearchResults(
|
||||
entries: PlatformPublicGalleryCard[],
|
||||
keyword: string,
|
||||
) {
|
||||
return entries
|
||||
.filter((entry) => matchesPlatformWorkSearch(entry, keyword))
|
||||
.sort((left, right) => {
|
||||
const leftCode = getPlatformSearchableWorkIds(left)[0] ?? '';
|
||||
const rightCode = getPlatformSearchableWorkIds(right)[0] ?? '';
|
||||
const normalizedKeyword = normalizePlatformSearchText(keyword);
|
||||
const leftNameStarts = normalizePlatformSearchText(
|
||||
left.worldName,
|
||||
).startsWith(normalizedKeyword);
|
||||
const rightNameStarts = normalizePlatformSearchText(
|
||||
right.worldName,
|
||||
).startsWith(normalizedKeyword);
|
||||
if (leftNameStarts !== rightNameStarts) {
|
||||
return leftNameStarts ? -1 : 1;
|
||||
}
|
||||
|
||||
const leftCodeStarts = normalizePlatformCompactSearchText(
|
||||
leftCode,
|
||||
).startsWith(normalizePlatformCompactSearchText(keyword));
|
||||
const rightCodeStarts = normalizePlatformCompactSearchText(
|
||||
rightCode,
|
||||
).startsWith(normalizePlatformCompactSearchText(keyword));
|
||||
if (leftCodeStarts !== rightCodeStarts) {
|
||||
return leftCodeStarts ? -1 : 1;
|
||||
}
|
||||
|
||||
return getPlatformWorldTimestamp(right) - getPlatformWorldTimestamp(left);
|
||||
});
|
||||
}
|
||||
|
||||
function isExactPublicWorkCodeSearch(
|
||||
entries: PlatformPublicGalleryCard[],
|
||||
keyword: string,
|
||||
) {
|
||||
const normalizedKeyword = normalizePlatformSearchText(keyword);
|
||||
return entries.some(
|
||||
(entry) =>
|
||||
Boolean(entry.publicWorkCode?.trim()) &&
|
||||
normalizePlatformSearchText(entry.publicWorkCode) === normalizedKeyword,
|
||||
);
|
||||
}
|
||||
|
||||
function buildPublicGalleryCardKey(entry: PlatformPublicGalleryCard) {
|
||||
const kind = isBigFishGalleryEntry(entry)
|
||||
? 'big-fish'
|
||||
: isPuzzleGalleryEntry(entry)
|
||||
? 'puzzle'
|
||||
: isMatch3DGalleryEntry(entry)
|
||||
? 'match3d'
|
||||
: isSquareHoleGalleryEntry(entry)
|
||||
? 'square-hole'
|
||||
: isVisualNovelGalleryEntry(entry)
|
||||
? 'visual-novel'
|
||||
: isBarkBattleGalleryEntry(entry)
|
||||
? 'bark-battle'
|
||||
: isEdutainmentGalleryEntry(entry)
|
||||
? `edutainment:${entry.templateId}`
|
||||
: 'rpg';
|
||||
return `${kind}:${entry.ownerUserId}:${entry.profileId}`;
|
||||
}
|
||||
|
||||
function PlatformWorkSearchResults({
|
||||
keyword,
|
||||
entries,
|
||||
@@ -1950,225 +1781,6 @@ function getPublicAuthorAvatarLabel(authorDisplayName: string) {
|
||||
return Array.from(authorDisplayName.trim() || '玩')[0] ?? '玩';
|
||||
}
|
||||
|
||||
function getPlatformWorldLikeCount(entry: PlatformWorldCardLike) {
|
||||
return Math.max(0, Math.round(entry.likeCount ?? 0));
|
||||
}
|
||||
|
||||
function getPlatformWorldPlayCount(entry: PlatformWorldCardLike) {
|
||||
return Math.max(
|
||||
0,
|
||||
Math.round(('playCount' in entry && entry.playCount) || 0),
|
||||
);
|
||||
}
|
||||
|
||||
function getPlatformWorldRemixCount(entry: PlatformWorldCardLike) {
|
||||
return Math.max(
|
||||
0,
|
||||
Math.round(('remixCount' in entry && entry.remixCount) || 0),
|
||||
);
|
||||
}
|
||||
|
||||
function getPlatformWorldRecentPlayCount(entry: PlatformWorldCardLike) {
|
||||
return Math.max(
|
||||
0,
|
||||
Math.round(('recentPlayCount7d' in entry && entry.recentPlayCount7d) || 0),
|
||||
);
|
||||
}
|
||||
|
||||
function getPlatformWorldTimestamp(entry: PlatformWorldCardLike) {
|
||||
const rawTime = entry.publishedAt ?? entry.updatedAt;
|
||||
return parsePlatformEntryTimestamp(rawTime);
|
||||
}
|
||||
|
||||
// 首页“今日游戏”只看作品首次发布时间，按玩家浏览器本地自然日判断。
|
||||
function parsePlatformEntryTimestamp(value: string | null | undefined) {
|
||||
if (!value) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
const normalized = value.trim();
|
||||
const numericTimestamp = normalized.match(/^(-?\d+(?:\.\d+)?)(?:Z)?$/u);
|
||||
if (numericTimestamp?.[1]) {
|
||||
const rawTimestamp = Number(numericTimestamp[1]);
|
||||
if (Number.isFinite(rawTimestamp)) {
|
||||
const absoluteTimestamp = Math.abs(rawTimestamp);
|
||||
const timestampMs =
|
||||
absoluteTimestamp >= 1_000_000_000_000_000
|
||||
? rawTimestamp / 1000
|
||||
: absoluteTimestamp >= 1_000_000_000_000
|
||||
? rawTimestamp
|
||||
: absoluteTimestamp >= 1_000_000_000
|
||||
? rawTimestamp * 1000
|
||||
: Number.NaN;
|
||||
return Number.isNaN(timestampMs) ? 0 : timestampMs;
|
||||
}
|
||||
}
|
||||
|
||||
const timestamp = new Date(normalized).getTime();
|
||||
return Number.isNaN(timestamp) ? 0 : timestamp;
|
||||
}
|
||||
|
||||
function isSameLocalCalendarDay(left: Date, right: Date) {
|
||||
return (
|
||||
left.getFullYear() === right.getFullYear() &&
|
||||
left.getMonth() === right.getMonth() &&
|
||||
left.getDate() === right.getDate()
|
||||
);
|
||||
}
|
||||
|
||||
function isPublishedToday(entry: PlatformPublicGalleryCard, now = new Date()) {
|
||||
const publishedAtTimestamp = parsePlatformEntryTimestamp(entry.publishedAt);
|
||||
if (publishedAtTimestamp <= 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const publishedAt = new Date(publishedAtTimestamp);
|
||||
return isSameLocalCalendarDay(publishedAt, now);
|
||||
}
|
||||
|
||||
function filterTodayPublishedEntries(entries: PlatformPublicGalleryCard[]) {
|
||||
const now = new Date();
|
||||
return entries.filter((entry) => isPublishedToday(entry, now));
|
||||
}
|
||||
|
||||
function sortEntriesByMetric(
|
||||
entries: PlatformPublicGalleryCard[],
|
||||
getMetric: (entry: PlatformPublicGalleryCard) => number,
|
||||
) {
|
||||
return [...entries].sort((left, right) => {
|
||||
const metricDiff = getMetric(right) - getMetric(left);
|
||||
if (metricDiff !== 0) {
|
||||
return metricDiff;
|
||||
}
|
||||
|
||||
return getPlatformWorldTimestamp(right) - getPlatformWorldTimestamp(left);
|
||||
});
|
||||
}
|
||||
|
||||
function buildPlatformRankingEntries(
|
||||
entries: PlatformPublicGalleryCard[],
|
||||
tab: PlatformRankingTab,
|
||||
) {
|
||||
if (tab === 'hot') {
|
||||
return sortEntriesByMetric(entries, getPlatformWorldPlayCount);
|
||||
}
|
||||
|
||||
if (tab === 'remix') {
|
||||
return sortEntriesByMetric(entries, getPlatformWorldRemixCount);
|
||||
}
|
||||
|
||||
if (tab === 'like') {
|
||||
return sortEntriesByMetric(entries, getPlatformWorldLikeCount);
|
||||
}
|
||||
|
||||
return sortEntriesByMetric(entries, getPlatformWorldRecentPlayCount);
|
||||
}
|
||||
|
||||
function getPlatformRankingMetricValue(
|
||||
entry: PlatformPublicGalleryCard,
|
||||
tab: PlatformRankingTab,
|
||||
) {
|
||||
if (tab === 'remix') {
|
||||
return getPlatformWorldRemixCount(entry);
|
||||
}
|
||||
|
||||
if (tab === 'like') {
|
||||
return getPlatformWorldLikeCount(entry);
|
||||
}
|
||||
|
||||
if (tab === 'new') {
|
||||
return getPlatformWorldRecentPlayCount(entry);
|
||||
}
|
||||
|
||||
return getPlatformWorldPlayCount(entry);
|
||||
}
|
||||
|
||||
function getPlatformCategoryCompositeScore(entry: PlatformPublicGalleryCard) {
|
||||
// 分类频道只使用公开读模型已经返回的指标做前端排序，不在 UI 层伪造评分数据。
|
||||
return (
|
||||
getPlatformWorldPlayCount(entry) +
|
||||
getPlatformWorldRemixCount(entry) +
|
||||
getPlatformWorldLikeCount(entry) +
|
||||
getPlatformWorldRecentPlayCount(entry)
|
||||
);
|
||||
}
|
||||
|
||||
function getPlatformCategoryKindFilter(entry: PlatformPublicGalleryCard) {
|
||||
if (isPuzzleGalleryEntry(entry)) {
|
||||
return 'puzzle';
|
||||
}
|
||||
|
||||
if (isMatch3DGalleryEntry(entry)) {
|
||||
return 'match3d';
|
||||
}
|
||||
|
||||
if (isSquareHoleGalleryEntry(entry)) {
|
||||
return 'square-hole';
|
||||
}
|
||||
|
||||
if (isVisualNovelGalleryEntry(entry)) {
|
||||
return 'visual-novel';
|
||||
}
|
||||
|
||||
if (isBarkBattleGalleryEntry(entry)) {
|
||||
return 'bark-battle';
|
||||
}
|
||||
|
||||
if (isBigFishGalleryEntry(entry)) {
|
||||
return 'big-fish';
|
||||
}
|
||||
|
||||
return 'custom-world';
|
||||
}
|
||||
|
||||
function matchesPlatformCategoryKindFilter(
|
||||
entry: PlatformPublicGalleryCard,
|
||||
kindFilter: PlatformCategoryKindFilter,
|
||||
) {
|
||||
return (
|
||||
kindFilter === 'all' || getPlatformCategoryKindFilter(entry) === kindFilter
|
||||
);
|
||||
}
|
||||
|
||||
function sortPlatformCategoryEntries(
|
||||
entries: PlatformPublicGalleryCard[],
|
||||
sortMode: PlatformCategorySortMode,
|
||||
) {
|
||||
return [...entries].sort((left, right) => {
|
||||
if (sortMode === 'latest') {
|
||||
return getPlatformWorldTimestamp(right) - getPlatformWorldTimestamp(left);
|
||||
}
|
||||
|
||||
const metricDiff =
|
||||
sortMode === 'play'
|
||||
? getPlatformWorldPlayCount(right) - getPlatformWorldPlayCount(left)
|
||||
: sortMode === 'like'
|
||||
? getPlatformWorldLikeCount(right) - getPlatformWorldLikeCount(left)
|
||||
: getPlatformCategoryCompositeScore(right) -
|
||||
getPlatformCategoryCompositeScore(left);
|
||||
|
||||
if (metricDiff !== 0) {
|
||||
return metricDiff;
|
||||
}
|
||||
|
||||
return getPlatformWorldTimestamp(right) - getPlatformWorldTimestamp(left);
|
||||
});
|
||||
}
|
||||
|
||||
function getPlatformCategoryPrimaryMetric(entry: PlatformPublicGalleryCard) {
|
||||
const likeCount = getPlatformWorldLikeCount(entry);
|
||||
if (likeCount > 0) {
|
||||
return { label: '点赞', value: likeCount };
|
||||
}
|
||||
|
||||
const recentPlayCount = getPlatformWorldRecentPlayCount(entry);
|
||||
if (recentPlayCount > 0) {
|
||||
return { label: '近7日', value: recentPlayCount };
|
||||
}
|
||||
|
||||
return { label: '游玩', value: getPlatformWorldPlayCount(entry) };
|
||||
}
|
||||
|
||||
function formatCompactCount(value: number) {
|
||||
const normalizedValue = Math.max(0, Math.round(value));
|
||||
if (normalizedValue >= 100000000) {
|
||||
|
||||
Reference in New Issue
Block a user