'
+ '
'
+ ' '
+ '
'
+ '
';
kpiCards.forEach(function(k) {
html += '
'
+ '
'
+ '
' + buildContribKpiIcon(k.iconType, k.color) + '
'
+ '
' + k.value + '
'
+ '
' + k.label + '
'
+ '
' + k.sub + '
'
+ '
';
});
html += '
';
// ---- 左：最近贡献 ----
var recentContrib = myGames.slice(0, 10);
html += '
';
html += '
'
+ '
'
+ '
' + myTotal + ' '
+ '
';
if (recentContrib.length > 0) {
html += '
';
recentContrib.forEach(function(g) {
var dateStr = g.time > 0 ? new Date(g.time * 1000).toLocaleDateString('zh-CN') : '未知';
var tagColor = g.isExclusive ? '#ff9f43' : '#a78bfa';
var tagText = g.isExclusive ? '独占' : g.owners.length + '人共享';
html += '
'
+ '
'
+ '
'
+ '
' + tagText + ' '
+ '
';
});
html += '
';
} else {
html += '
暂无贡献记录
';
}
html += '
';
// ---- 右：最近游玩 ----
var paData = (paCache.data && paCache.data[mySid]) ? paCache.data[mySid] : null;
var playGames = paData && paData.result && paData.result.games ? paData.result.games : [];
playGames = playGames.slice().sort(function(a, b) {
return (b.playtime_2weeks || 0) - (a.playtime_2weeks || 0) || (b.playtime_forever || 0) - (a.playtime_forever || 0);
}).slice(0, 10);
var playCount = paData && paData.result ? paData.result.total_count : playGames.length;
html += '
';
html += '
'
+ '
'
+ '
'
+ '
' + playCount + ' '
+ '
';
if (playGames.length > 0) {
html += '
';
playGames.forEach(function(g) {
var gRecent = faFmtHours(g.playtime_2weeks || 0);
var gTotal = faFmtHours(g.playtime_forever || 0);
html += '
'
+ '
'
+ '
'
+ '
';
});
html += '
';
} else {
html += '
游玩数据加载中…
';
}
html += '
';
html += '
'
+ '
'
+ '
' + value + '
'
+ '
' + label + '
'
+ '
' + sub + '
'
+ '
暂无家庭成员数据，请先扫描家庭库
';
return;
}
if (!access_token) {
viWrap.innerHTML = '访问令牌不可用，请在 Steam 商店页面打开此面板
';
return;
}
if (forceRefresh) { viCache.priceData = null; viCache.playtimeData = null; viCache.updatedAt = 0; viCache.preheated = false; faToast.info('正在刷新价值洞察数据…'); }
var hasCache = viCache.priceData && Object.keys(viCache.priceData).length > 0;
if (hasCache) {
renderValueInsightsContent(viWrap, viCache.priceData, viCache.playtimeData, members);
if (Date.now() - viCache.updatedAt < VI_CACHE_TTL) return;
refreshValueInsightsData(members);
return;
}
// v1.74：预热数据已开始加载则显示轻量加载态，否则全量加载
viWrap.innerHTML = createLoadingHtml(viCache.preheated ? '价值数据预热中，即将完成…' : '正在加载家庭库价值数据（价格 + 游玩时长，可能需要数秒）…');
refreshValueInsightsData(members);
}
function refreshValueInsightsData(members, isPreheat) {
if (viLoading) return;
viLoading = true;
// v1.74：价格 + 游玩时长并发获取（两者无依赖关系），预热模式下静默
var appids = saves.familyGameList.GameList.slice();
// Step 1: 批量获取价格（GetItems 100个/批 3路并发 → appdetails 兜底残余）
var pricePromise = faWlEnrichFromStoreBrowse(appids).then(function(priceData) {
// Step 1b: appdetails 兜底——GetItems 未返回价格的游戏（下架/锁区等）
var leftovers = appids.filter(function(aid) {
var r = priceData[aid];
if (!r) return true;
if (!r.isFree && !r.isComingSoon && !(Number(r.finalPrice) > 0)) return true;
return false;
});
if (leftovers.length === 0) return priceData;
console.log('[FA] 价值洞察: ' + leftovers.length + ' 个游戏 GetItems 未覆盖，appdetails 兜底');
return enrichWishlistMeta(leftovers).then(function(detailData) {
for (var aid in detailData) {
if (!priceData[aid]) priceData[aid] = detailData[aid];
}
return priceData;
});
});
// Step 2: 并发获取每个成员的 per-game 游玩时长，聚合为 { appid: { total, recent, members } }
var playtimePromise = Promise.all(members.map(function(m) {
return faFetchMemberPlaytimeGames(access_token, m.steamid);
})).then(function(results) {
var pm = {};
members.forEach(function(m, i) {
(results[i] || []).forEach(function(g) {
if (!pm[g.appid]) pm[g.appid] = { total: 0, recent: 0, members: {} };
pm[g.appid].total += g.playtime;
pm[g.appid].recent += g.recent;
pm[g.appid].members[m.steamid] = g.playtime;
});
});
return pm;
});
// v1.74：渐进式动态渲染——价格先到先渲染（时长区块显示占位），时长到达后自动刷新为完整视图；
// 任一数据流失败不阻塞另一路渲染（降级展示），面板未切到价值洞察/预热模式时仅写缓存
var playtimeReady = false;
function maybeRender(playtimePending) {
if (isPreheat) return;
var cur = document.getElementById('familyAnalysisPanel');
if (!cur) return;
var w = cur.querySelector('[data-value-content]');
if (!w) return;
renderValueInsightsContent(w, viCache.priceData || {}, viCache.playtimeData || {}, members, { playtimePending: !!playtimePending });
}
var priceSafe = pricePromise.then(function(pd) {
viCache.priceData = pd || {};
if (Object.keys(viCache.priceData).length > 0) maybeRender(!playtimeReady);
return true;
}, function(err) {
console.warn('[FA] 价值洞察价格数据加载失败:', err);
return false;
});
var playtimeSafe = playtimePromise.then(function(pm) {
playtimeReady = true;
viCache.playtimeData = pm || {};
// 时长就绪：价格已渲染则动态刷新为完整视图（不阻塞页面，原地更新）
if (viCache.priceData && Object.keys(viCache.priceData).length > 0) {
maybeRender(false);
if (!isPreheat) faToast.success('游玩时长数据已更新');
}
return true;
}, function(err) {
playtimeReady = true;
console.warn('[FA] 价值洞察游玩时长加载失败:', err);
// 时长失败：价格视图保留，时长区块显示失败占位而非一直转圈
if (viCache.priceData && Object.keys(viCache.priceData).length > 0) maybeRender(false);
return false;
});
Promise.all([priceSafe, playtimeSafe]).then(function(results) {
viLoading = false;
viCache.preheated = false;
if (results[0] && results[1]) viCache.updatedAt = Date.now();
if (isPreheat) {
console.log('[FA] 价值洞察数据预热完成');
return;
}
var hasPrice = viCache.priceData && Object.keys(viCache.priceData).length > 0;
if (hasPrice) {
faToast.success('价值洞察数据已更新');
} else {
// 价格完全失败：给出可操作的错误提示（时长数据无价格对照无意义）
var cur = document.getElementById('familyAnalysisPanel');
var w = cur && cur.querySelector('[data-value-content]');
if (w) w.innerHTML = '价格数据加载失败，请检查网络后点击下方"刷新价值数据"重试
'
+ '刷新价值数据
';
var errBtn = w && w.querySelector('#btn_refresh_value_err');
if (errBtn) errBtn.addEventListener('click', function() { renderValueInsightsTab(true); });
faToast.error('价值洞察数据加载失败');
}
});
}
function renderValueInsightsContent(viWrap, priceData, playtimeData, members, opts) {
// v1.74：opts.playtimePending=true 时先渲染价格维度内容，游玩时长相关区块显示加载占位，时长到达后自动重渲染
var playtimePending = !!(opts && opts.playtimePending);
var gi = saves.familyGameList.GameInfo;
var gameList = saves.familyGameList.GameList;
var idMap = saves.familyInfo.steamIdtoName || {};
var curSym = faCurrency.symbol;
var nowSec = Date.now() / 1000, D90 = 90 * 86400;
var totalOriginal = 0, totalActual = 0, totalPlaytimeMin = 0, new90Original = 0;
var memberStats = {};
members.forEach(function(m) { memberStats[m.steamid] = { original: 0, actual: 0, games: 0, playtime: 0, discountSum: 0, discountCount: 0 }; });
var monthlyMap = {};
var priceTiers = [
{ name: '免费', min: 0, max: 0.01 },
{ name: '<' + curSym + '50', min: 0.01, max: 50 },
{ name: curSym + '50-100', min: 50, max: 100 },
{ name: curSym + '100-200', min: 100, max: 200 },
{ name: curSym + '200-500', min: 200, max: 500 },
{ name: '≥' + curSym + '500', min: 500, max: Infinity }
];
var scatterPoints = [];
gameList.forEach(function(appid) {
var info = gi[appid];
if (!info) return;
var pr = priceData[appid], pt = playtimeData[appid];
var op = 0, fp = 0, dp = 0, isFree = false;
if (pr) { op = pr.originalPrice || 0; fp = pr.finalPrice || 0; dp = pr.discountPct || 0; isFree = pr.isFree; }
var actualPaid = fp > 0 ? fp : op;
if (!isFree && op > 0) { totalOriginal += op; totalActual += actualPaid; }
var playtimeMin = pt ? pt.total : 0, recentMin = pt ? pt.recent : 0;
totalPlaytimeMin += playtimeMin;
if (info.time && (nowSec - info.time) < D90 && !isFree && op > 0) new90Original += op;
if (info.owners) {
info.owners.forEach(function(sid) {
if (memberStats[sid]) {
if (!isFree && op > 0) { memberStats[sid].original += op; memberStats[sid].actual += actualPaid; }
memberStats[sid].games++;
memberStats[sid].playtime += playtimeMin;
if (dp > 0) { memberStats[sid].discountSum += dp; memberStats[sid].discountCount++; }
}
});
}
if (info.time > 0) {
var d = new Date(info.time * 1000);
var mk = d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0');
if (!monthlyMap[mk]) monthlyMap[mk] = { original: 0, actual: 0, count: 0, tiers: [0,0,0,0,0,0], members: {} };
monthlyMap[mk].original += op;
monthlyMap[mk].actual += actualPaid;
monthlyMap[mk].count++;
for (var ti = 0; ti < priceTiers.length; ti++) {
if (actualPaid >= priceTiers[ti].min && actualPaid < priceTiers[ti].max) { monthlyMap[mk].tiers[ti] += actualPaid; break; }
}
if (info.owners) {
info.owners.forEach(function(sid) {
if (!monthlyMap[mk].members[sid]) monthlyMap[mk].members[sid] = 0;
if (!isFree && op > 0) monthlyMap[mk].members[sid] += op;
});
}
}
if (!isFree && op > 0 && playtimeMin > 0) {
var po = info.owners && info.owners.length > 0 ? info.owners[0] : '';
var oi = -1;
for (var mi2 = 0; mi2 < members.length; mi2++) { if (members[mi2].steamid === po) { oi = mi2; break; } }
scatterPoints.push({ name: info.name, price: op, playtime: playtimeMin / 60, recent: recentMin / 60, ownerIdx: oi });
}
});
var totalSavings = totalOriginal - totalActual;
var savingsPct = totalOriginal > 0 ? Math.round(totalSavings / totalOriginal * 100) : 0;
var perCapita = members.length > 0 ? totalOriginal / members.length : 0;
var totalPlaytimeH = totalPlaytimeMin / 60;
var costPerHour = totalPlaytimeH > 0 ? totalActual / totalPlaytimeH : 0;
var monthlySorted = Object.entries(monthlyMap).sort(function(a, b) { return a[0].localeCompare(b[0]); });
// KPI 卡片行
var kpiHtml = ''
+ buildViKpiCard('共享库总价值', curSym + fmtViMoney(totalOriginal), '#06cfbe', '实际支付 ' + curSym + fmtViMoney(totalActual) + '（省 ' + savingsPct + '% ）')
+ buildViKpiCard('人均贡献价值', curSym + fmtViMoney(perCapita), '#54a0ff', '按原价计算，共 ' + members.length + ' 人')
+ buildViKpiCard('近90天新增价值', curSym + fmtViMoney(new90Original), '#ff9f43', '最近 90 天入库原价合计')
+ (playtimePending
? buildViKpiCard('平均性价比', '统计中… ', '#a78bfa', '游玩时长加载中，完成后自动更新')
: buildViKpiCard('平均性价比', curSym + costPerHour.toFixed(2) + '/h', '#a78bfa', '实际支付 ÷ 总游玩时长'))
+ '
';
viWrap.innerHTML = kpiHtml
+ ''
+ '
' + buildViTrendChart(monthlySorted, members) + '
'
+ '
' + buildViScatter(scatterPoints, curSym, playtimePending) + '
'
+ '
'
+ '
' + buildViHeatmap(monthlySorted, priceTiers, curSym) + '
'
+ '
' + buildViMemberContribution(memberStats, members, totalOriginal, idMap, curSym, playtimePending) + '
'
+ '
'
+ '
' + (playtimePending
? '
'
: '数据更新于 ' + (viCache.updatedAt ? new Date(viCache.updatedAt).toLocaleString('zh-CN') : '-')) + '
'
+ '
刷新价值数据 '
+ '
'
+ '月度增量 '
+ '累积价值 '
+ '
';
var titleHtml = ''
+ '
'
+ '
入库价值趋势 ' + toggleHtml + '
' + buildViTrendSvg(monthlySorted, members) + '
';
}
function buildViTrendSvg(monthlySorted, members) {
if (monthlySorted.length === 0) return '暂无入库时间数据
';
var months = monthlySorted.map(function(x) { return x[0]; });
var curSym = (typeof faCurrency !== 'undefined' && faCurrency.symbol) || '¥';
var fmtY = function(v) { return v >= 1000 ? (v / 1000).toFixed(1) + 'k' : Math.round(v); };
// 自适应横轴标签稀疏化：年份标记(首行) + 月份间隔标签(次行)，避免压缩看不清
function buildXLabels(pL, step, pT, cH) {
var cW = (months.length - 1) * step || 1;
var maxLabels = Math.floor(cW / 40); // 每个 label 至少约 40px
var interval = Math.max(1, Math.ceil(months.length / maxLabels));
var xLabels = '', lastYear = '';
months.forEach(function(m, i) {
var parts = m.split('-'), year = parts[0], mon = parts[1];
var cx = pL + i * step;
if (year !== lastYear) {
xLabels += '' + year + ' ';
lastYear = year;
}
if (i % interval === 0) {
xLabels += '' + mon + '月 ';
}
});
return xLabels;
}
if (viTrendMode === 'monthly') {
// 月度增量柱状图：每月原价(浅) + 实付(深) 双层柱，展示价值入库节奏
var vals = monthlySorted.map(function(x) { return x[1].original; });
var actVals = monthlySorted.map(function(x) { return x[1].actual; });
var maxV = Math.max.apply(null, vals.concat([1]));
var svgW = 540, svgH = 250, pL = 52, pR = 20, pT = 16, pB = 48;
var cW = svgW - pL - pR, cH = svgH - pT - pB;
var step = cW / (months.length > 1 ? months.length - 1 : 1);
var grid = '';
for (var i = 0; i <= 4; i++) {
var v = Math.round(maxV / 4 * i), y = pT + cH - (cH * i / 4);
grid += '' + fmtY(v) + ' ';
}
var bars = '', barW = Math.min(step * 0.65, 22);
vals.forEach(function(val, i) {
var cx = pL + i * step, bh = (val / maxV) * cH, y = pT + cH - bh;
var av = actVals[i], ah = (av / maxV) * cH, ay = pT + cH - ah;
bars += '' + months[i] + ' · 原价 ' + curSym + fmtViMoney(val) + ' / 实付 ' + curSym + fmtViMoney(av) + ' ' + legendItems.join('') + '
';
return '' + grid + bars + xLabels + ' ' + legendHtml;
}
// 累计模式：原价累计(虚线) + 实付累计(实线+面积) + 节省面积(绿) + 成员价值线
var cumOrig = [], cumAct = [], cumMembers = {};
var tO = 0, tA = 0, tM = {};
members.forEach(function(m) { tM[m.steamid] = 0; cumMembers[m.steamid] = []; });
monthlySorted.forEach(function(entry) {
var d = entry[1];
tO += d.original; tA += d.actual;
members.forEach(function(m) { tM[m.steamid] += (d.members[m.steamid] || 0); });
cumOrig.push(tO); cumAct.push(tA);
members.forEach(function(m) { cumMembers[m.steamid].push(tM[m.steamid]); });
});
var maxVal = cumOrig[cumOrig.length - 1] || 1;
var svgW = 540, svgH = 250, pL = 52, pR = 20, pT = 16, pB = 48;
var cW = svgW - pL - pR, cH = svgH - pT - pB;
var step = cW / (months.length > 1 ? months.length - 1 : 1);
var grid = '';
for (var i = 0; i <= 5; i++) {
var v = Math.round(maxVal / 5 * i), y = pT + cH - (cH * i / 5);
grid += '' + fmtY(v) + ' ';
}
var origPts = cumOrig.map(function(val, i) { return (pL + i * step).toFixed(1) + ',' + (pT + cH - (val / maxVal) * cH).toFixed(1); });
var actPts = cumAct.map(function(val, i) { return (pL + i * step).toFixed(1) + ',' + (pT + cH - (val / maxVal) * cH).toFixed(1); });
// 节省面积：原价线正向 + 实付线逆向闭合
var savePoly = origPts.slice();
for (var j = cumAct.length - 1; j >= 0; j--) savePoly.push(actPts[j]);
var saveArea = '累计节省 ' + curSym + fmtViMoney(tO - tA) + ' ' + legendItems.join('') + '
';
return '' + grid + saveArea + actArea + actLine + origLine + memLines + xLabels + ' ' + legendHtml;
}
// ---- 价格-时长散点图（X 对数刻度，Y 游玩时长，气泡=近两周，红框=踩雷区）----
// v1.74：pending=true 时显示时长加载占位（价格先行渲染阶段）
function buildViScatter(points, curSym, pending) {
var titleHtml = ''
+ '价格-时长散点图
';
if (pending) {
return titleHtml + ''
+ '
'
+ '
游玩时长统计中，完成后自动绘制… 暂无价格+游玩时长数据
';
// 自适应 Y 轴上限：取游玩时长 90 分位后上浮 15% 再取整到 50 的倍数，避免上方大面积空白
var sortedPt = points.map(function(d) { return d.playtime; }).sort(function(a, b) { return a - b; });
var p90 = sortedPt.length > 0 ? sortedPt[Math.floor(sortedPt.length * 0.9)] : 50;
var yMax = Math.max(50, Math.ceil((p90 * 1.15) / 50) * 50);
if (yMax > 400) yMax = 400;
var svgW = 380, svgH = 210, pL = 42, pR = 14, pT = 12, pB = 34;
var cW = svgW - pL - pR, cH = svgH - pT - pB;
var xMin = 0.5, xMax = 400;
function p2x(p) { if (p <= 0) p = 0.5; return pL + (Math.log10(p) - Math.log10(xMin)) / (Math.log10(xMax) - Math.log10(xMin)) * cW; }
function t2y(t) { return pT + cH - (Math.min(t, yMax) / yMax) * cH; }
function r2r(r) { return 2.5 + Math.min(r / 80, 1) * 5; }
var grid = '';
var yStep = yMax / 5;
for (var yi = 0; yi <= 5; yi++) {
var vv = Math.round(yStep * yi), yy = pT + cH - (vv / yMax) * cH;
grid += '' + vv + 'h ';
}
[1, 5, 10, 50, 100, 200, 400].forEach(function(v) {
var x = p2x(v); if (x < pL || x > svgW - pR) return;
grid += '' + curSym + v + ' ';
});
// 踩雷警戒区（¥100+ 且 <10h）
var rx = p2x(100), ry = t2y(10);
var zone = '' + faEsc(d.name) + ' | ' + curSym + d.price + ' | ' + d.playtime.toFixed(1) + 'h | 近两周 ' + d.recent.toFixed(1) + 'h ' + grid + zone + dots + ' ';
var desc = 'X轴：价格（对数刻度） · Y轴：总游玩时长 · 气泡大小：近两周时长 · 红框=踩雷区（' + curSym + '100+ 且 <10h）
';
return titleHtml + svg + desc;
}
// ---- 价格档位热力图（月份 × 价格档位矩阵，近6个月）----
function buildViHeatmap(monthlySorted, priceTiers, curSym) {
var titleHtml = ''
+ '价格档位热力图（近 6 个月）
';
if (monthlySorted.length === 0) return titleHtml + '暂无入库时间数据
';
var recentMonths = monthlySorted.slice(-6);
var maxVal = 1;
recentMonths.forEach(function(entry) { entry[1].tiers.forEach(function(v) { if (v > maxVal) maxVal = v; }); });
function hColor(v) {
if (v === 0) return 'rgba(255,255,255,.02)';
var t = v / maxVal;
if (t < 0.25) return 'rgba(84,160,255,' + (0.1 + t * 1.2).toFixed(2) + ')';
if (t < 0.5) return 'rgba(6,207,190,' + (0.15 + t * 0.8).toFixed(2) + ')';
if (t < 0.75) return 'rgba(255,159,67,' + (0.2 + t * 0.7).toFixed(2) + ')';
return 'rgba(255,107,107,' + (0.25 + t * 0.6).toFixed(2) + ')';
}
function fmtV(v) { return v > 0 ? (v >= 1000 ? (v / 1000).toFixed(1) + 'k' : v) : '-'; }
var html = '' + t.name + ' '; });
html += '';
recentMonths.forEach(function(entry) {
var mk = entry[0], parts = mk.split('-');
html += '' + parts[0] + '-' + parts[1] + ' ';
entry[1].tiers.forEach(function(v) {
html += '' + fmtV(v) + ' ';
});
html += '
'
+ '
' + ch + ' '
+ '
'
+ '
' + faEsc(name) + '
'
+ '
'
+ '游戏 ' + s.games + ' '
+ '价值 ' + curSym + fmtViMoney(s.original) + ' '
+ '均时 ' + (pending ? '…' : curSym + cph + '/h') + ' '
+ '折扣 ' + avgDisc + '% '
+ '
'
+ '
'
+ '
' + pct + '% '
+ '
暂无家庭成员数据，请先扫描家庭库
';
return;
}
if (!access_token) {
paWrap.innerHTML = '访问令牌不可用，请在 Steam 商店页面打开此面板
';
return;
}
// 手动点击"刷新动态"：清空缓存，走全量加载
if (forceRefresh) { paCache.data = null; paCache.updatedAt = 0; faToast.info('正在刷新游玩动态…'); }
var hasCache = paCache.data && Object.keys(paCache.data).length > 0;
if (hasCache) {
// 先渲染缓存内容，重开面板秒开
renderPlayActivityContent(paWrap, paCache.data, members);
// 缓存新鲜则直接返回，不发任何请求
if (Date.now() - paCache.updatedAt < PA_CACHE_TTL) return;
// 缓存过期：后台静默刷新，完成后自动更新界面
refreshPlayActivityData(members);
return;
}
// 无缓存：显示加载动画并全量加载
paWrap.innerHTML = createLoadingHtml('正在加载家庭成员游玩动态与总时长…');
refreshPlayActivityData(members);
}
// 拉取全部成员的游玩数据并写入缓存；完成后仅在面板仍打开时刷新界面
function refreshPlayActivityData(members) {
if (playActivityLoading) return;
playActivityLoading = true;
Promise.all(members.map(function(m) { return fetchMemberRecentlyPlayed(access_token, m.steamid); })).then(function(results) {
// 同时获取每个成员的完整总游玩时长（GetOwnedGames）
return Promise.all(members.map(function(m) { return fetchMemberOwnedGamesTotal(access_token, m.steamid); })).then(function(totalResults) {
playActivityLoading = false;
var data = {};
members.forEach(function(m, i) {
data[m.steamid] = {
steamid: m.steamid,
memberName: m.userName || (saves.familyInfo.steamIdtoName ? saves.familyInfo.steamIdtoName[m.steamid] : '') || ('ID:' + String(m.steamid).slice(-4)),
result: results[i],
ownedTotal: totalResults[i] ? totalResults[i].totalMinutes : -1,
ownedGameCount: totalResults[i] ? totalResults[i].gameCount : 0
};
});
paCache.data = data;
paCache.updatedAt = Date.now();
// 后台静默刷新场景下面板可能已被关闭，避免写入已移除的 DOM
var currentPanel = document.getElementById('familyAnalysisPanel');
if (!currentPanel) return;
var currentWrap = currentPanel.querySelector('[data-playactivity-content]');
if (currentWrap) renderPlayActivityContent(currentWrap, paCache.data, members);
faToast.success('游玩动态已更新');
});
}).catch(function(err) {
playActivityLoading = false;
console.warn('[FA] 游玩动态刷新失败:', err);
faToast.error('游玩动态刷新失败');
});
}
function renderPlayActivityContent(paWrap, data, members) {
// v1.57: 统一使用家庭库贡献数（GameInfo.owners 统计），与贡献分布/雷达图等标签页保持一致
// 不再使用 GetOwnedGames 的个人游戏总数，避免不同标签页统计逻辑不一致
var libContribution = {};
members.forEach(function(m) { libContribution[m.steamid] = 0; });
var _gameInfo = saves.familyGameList.GameInfo;
for (var _aid in _gameInfo) {
var _owners = _gameInfo[_aid].owners;
if (_owners) {
for (var _oi = 0; _oi < _owners.length; _oi++) {
if (libContribution[_owners[_oi]] !== undefined) libContribution[_owners[_oi]]++;
}
}
}
var stats = members.map(function(m, i) {
var d = data[m.steamid];
var games = (d && d.result && d.result.games) ? d.result.games : [];
var recent = 0, recentTotal = 0;
games.forEach(function(g) { recent += (g.playtime_2weeks || 0); recentTotal += (g.playtime_forever || 0); });
// 使用 GetOwnedGames 获取的真实总游玩时长（含所有拥有游戏），而非仅最近2周游玩的游戏
var trueTotal = (d && d.ownedTotal !== undefined && d.ownedTotal >= 0) ? d.ownedTotal : recentTotal;
return {
steamid: m.steamid,
name: d ? d.memberName : (m.userName || 'ID:' + String(m.steamid).slice(-4)),
recent: recent, total: trueTotal, recentTotal: recentTotal, games: games,
libCount: libContribution[m.steamid] || 0, // v1.57: 家庭库贡献数
personalCount: d ? d.ownedGameCount : 0, // v1.57: 个人拥有游戏数（保留用于 tooltip）
count: (d && d.result) ? d.result.total_count : games.length,
color: growthColors[i % growthColors.length]
};
});
var maxRecent = 1, maxTotal = 1, sumRecent = 0, sumTotal = 0;
stats.forEach(function(s) {
if (s.recent > maxRecent) maxRecent = s.recent;
if (s.total > maxTotal) maxTotal = s.total;
sumRecent += s.recent; sumTotal += s.total;
});
// 找出最活跃成员
var mostActive = stats.slice().sort(function(a, b) { return b.recent - a.recent; })[0];
var avgRecent = stats.length > 0 ? sumRecent / stats.length : 0;
// v1.40：展示缓存更新时间，便于感知数据新鲜度
var paUpdatedText = paCache.updatedAt ? new Date(paCache.updatedAt).toLocaleTimeString('zh-CN', { hour12: false }) : '未知';
var html = '';
// ===== 置顶 KPI 仪表盘 =====
html += '';
// 总游玩时长
html += '
'
+ '
' + faFmtHours(sumTotal) + '
'
+ '
家庭总游玩时长
'
+ '
全体成员累计
'
+ '
';
// 近2周游玩时长
html += '
'
+ '
' + faFmtHours(sumRecent) + '
'
+ '
近2周游玩时长
'
+ '
全体成员合计
'
+ '
';
// 人均近2周
html += '
'
+ '
' + faFmtHours(avgRecent) + '
'
+ '
人均近2周
'
+ '
' + members.length + ' 名成员
'
+ '
';
// 最活跃成员
html += '
'
+ '
' + (mostActive ? faEsc(mostActive.name) : '-') + '
'
+ '
近2周最活跃
'
+ '
' + (mostActive ? faFmtHours(mostActive.recent) : '') + '
'
+ '
';
html += '
'
+ '
数据来源：Steam Web API · 更新于 ' + paUpdatedText + '
'
+ '
刷新动态 '
+ '
成员游玩详情
';
var sorted = stats.slice().sort(function(a, b) { return b.recent - a.recent; });
sorted.forEach(function(s, idx) {
var gamesSorted = s.games.slice().sort(function(a, b) { return (b.playtime_2weeks || 0) - (a.playtime_2weeks || 0) || (b.playtime_forever || 0) - (a.playtime_forever || 0); });
var recentPct = maxRecent > 0 ? (s.recent / maxRecent * 100) : 0;
var totalPct = maxTotal > 0 ? (s.total / maxTotal * 100) : 0;
var recentBarPct = s.recent > 0 ? Math.max(2, recentPct) : 0;
var totalBarPct = s.total > 0 ? Math.max(2, totalPct) : 0;
var initial = (s.name || '?').charAt(0).toUpperCase() || '?';
// 成员卡片头部
html += '';
// 头部行：头像 + 名称 + 统计摘要 + 折叠箭头
html += '';
// 双进度条区域（参考参考图：绿色=近2周，黄色=总计）
html += '
';
// 近2周进度条
html += '
'
+ '
近2周 '
+ '
'
+ '
' + faFmtHours(s.recent) + ' '
+ '
';
// 总计进度条
html += '
'
+ '
总计 '
+ '
'
+ '
' + faFmtHours(s.total) + ' '
+ '
';
html += '
';
// 游戏封面网格（可折叠）
html += '
';
if (gamesSorted.length > 0) {
html += '
';
gamesSorted.forEach(function(g) {
var gRecent = faFmtHours(g.playtime_2weeks || 0);
var gTotal = faFmtHours(g.playtime_forever || 0);
html += '
'
+ '
'
+ '
';
});
html += '
';
} else {
html += '
最近 2 周暂无游玩记录
';
}
html += '
'; // fa-member-body
html += '
暂无入库时间数据，无法生成热力图
';
return;
}
// v1.41 优化：预计算日期网格（所有热力图共享），避免每个 cell 创建 Date 对象
if (!hmCache.gridKeys || hmCache.gridMeta.firstTs !== hm.firstTs) {
var globalStart = new Date(hm.firstTs * 1000);
globalStart.setHours(0, 0, 0, 0);
var globalStartDay = globalStart.getDay();
var gridStart = new Date(globalStart);
gridStart.setDate(gridStart.getDate() - globalStartDay);
var endDate = new Date();
endDate.setHours(0, 0, 0, 0);
var totalDays = Math.floor((endDate - gridStart) / 86400000) + 1;
var totalWeeks = Math.ceil(totalDays / 7);
// v1.57: 预计算所有 cell 的 date key、月份/年份标签位置
var gridKeys = [];
var monthLabelPositions = [];
var yearBoundaries = [];
var lastMonthKey = -1, lastYear = -1;
var _ms = gridStart.getTime();
for (var w = 0; w < totalWeeks; w++) {
for (var d = 0; d < 7; d++) {
var cellTs = _ms + (w * 7 + d) * 86400000;
var cellDate = new Date(cellTs);
var cellYear = cellDate.getFullYear();
var cellMonth = cellDate.getMonth();
var key = cellYear + '-' + String(cellMonth + 1).padStart(2, '0') + '-' + String(cellDate.getDate()).padStart(2, '0');
gridKeys.push({ key: key, w: w, d: d, ts: cellTs, month: cellMonth, year: cellYear, inRange: cellTs >= globalStart.getTime() && cellTs <= endDate.getTime() });
if (d === 0 && cellTs >= globalStart.getTime() && cellTs <= endDate.getTime()) {
var mk = cellYear * 12 + cellMonth;
if (mk !== lastMonthKey) {
lastMonthKey = mk;
monthLabelPositions.push({ w: w, month: cellMonth, year: cellYear });
}
if (cellYear !== lastYear) {
lastYear = cellYear;
yearBoundaries.push({ w: w, year: cellYear });
}
}
}
}
hmCache.gridKeys = gridKeys;
hmCache.gridMeta = { firstTs: hm.firstTs, totalWeeks: totalWeeks, monthLabelPositions: monthLabelPositions, yearBoundaries: yearBoundaries };
}
var gridKeys = hmCache.gridKeys;
var totalWeeks = hmCache.gridMeta.totalWeeks;
var monthLabelPositions = hmCache.gridMeta.monthLabelPositions;
var yearBoundaries = hmCache.gridMeta.yearBoundaries;
var cellSize = 13, cellGap = 3, cellStep = cellSize + cellGap;
var labelW = 28, yearH = 14, monthH = 16;
var topH = yearH + monthH;
var svgW = labelW + totalWeeks * cellStep + 10;
var svgH = topH + 7 * cellStep + 10;
var monthNames = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];
var dayNames = ['', '一', '', '三', '', '五', ''];
// v1.57: 动态生成 6 级色阶（从暗到亮），替代固定 5 级方案
function faHexLerp(c1, c2, t) {
var r1 = parseInt(c1.slice(1,3),16), g1 = parseInt(c1.slice(3,5),16), b1 = parseInt(c1.slice(5,7),16);
var r2 = parseInt(c2.slice(1,3),16), g2 = parseInt(c2.slice(3,5),16), b2 = parseInt(c2.slice(5,7),16);
var r = Math.round(r1+(r2-r1)*t), g = Math.round(g1+(g2-g1)*t), b = Math.round(b1+(b2-b1)*t);
return '#' + ('0'+r.toString(16)).slice(-2) + ('0'+g.toString(16)).slice(-2) + ('0'+b.toString(16)).slice(-2);
}
function makeColorScheme(baseColor) {
var darkBg = '#1a2a3a';
var levels = [darkBg];
for (var i = 1; i <= 5; i++) {
levels.push(faHexLerp(darkBg, baseColor, Math.pow(i/5, 0.7)));
}
return levels;
}
// v1.41 优化：使用预计算网格构建 SVG，避免逐 cell 创建 Date 对象
function buildHeatmapBlock(hmData, colors, title, ownerLabel) {
if (!hmData) {
return ''
+ '
' + faEsc(title) + '
'
+ '
暂无入库时间数据
' + ownerLabel + '：' + gk.key + ' · ' + cnt + ' 个游戏入库 ' + yb.year + ' ');
}
var monthParts = [];
for (var mi = 0; mi < monthLabelPositions.length; mi++) {
var ml = monthLabelPositions[mi];
monthParts.push('' + monthNames[ml.month] + ' ');
}
var dayParts = [];
for (var di = 0; di < 7; di++) {
if (dayNames[di]) dayParts.push('' + dayNames[di] + ' ');
}
var svgStr = '' + yearParts.join('') + monthParts.join('') + dayParts.join('') + cellParts.join('') + ' ';
// v1.57: 图例显示阈值范围，让用户一眼看出颜色对应的入库数量
var thresholds = getThresholdLabels(hmData.maxDaily);
var legendSquares = '';
for (var li = 1; li <= 5; li++) {
legendSquares += '' + thresholds[li-1] + ' '
+ '少 ' + legendSquares + '多
';
var firstDate = new Date(hmData.firstTs * 1000), lastDate = new Date(hmData.lastTs * 1000);
var fmtD = function(d){ return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0'); };
var summary = ''
+ '总: ' + hmData.total + ' '
+ '峰值: ' + hmData.maxDaily + ' '
+ '日均: ' + hmData.avgDaily.toFixed(2) + ' '
+ '' + fmtD(firstDate) + ' ~ ' + fmtD(lastDate) + ' '
+ '
';
return ''
+ '
'
+ '' + faEsc(title) + ' '
+ '共 ' + hmData.total + ' 款入库
'
+ '
' + svgStr + '
'
+ legend + summary + '
'
+ '
' + faEsc(memberName) + '
'
+ '
渲染中…
暂无家庭成员数据，请先扫描家庭库
';
return;
}
var gameInfo = saves.familyGameList.GameInfo;
var idMap = saves.familyInfo.steamIdtoName || {};
var nameOf = function(m){ return m.userName || idMap[m.steamid] || ('ID:' + String(m.steamid).slice(-4)); };
var html = '';
// ===== 成员活跃度 + 家庭组健康分（v1.58：左右分栏，右侧炫彩能量环）=====
var activity = computeMemberActivity(saves.familyInfo, gameInfo);
var actColors = { active: '#10b981', warm: '#3b82f6', cold: '#f59e0b', dormant: '#ef4444', never: '#6b7280' };
var healthPct = activity.healthScore;
var healthColor = healthPct >= 70 ? '#10b981' : (healthPct >= 40 ? '#f59e0b' : '#ef4444');
// v1.58：能量环颜色——淡紫色(#a78bfa) → 亮绿色(#22c55e)，分数越高越绿越健康
// 插值：0分=淡紫，100分=亮绿，中间渐变
var ringHue = 250 - (healthPct / 100) * 143; // 250(紫) → 107(绿)
var ringSat = 55 + (healthPct / 100) * 30; // 55% → 85%
var ringLight = 45 + (healthPct / 100) * 15; // 45% → 60%
var ringColor = 'hsl(' + ringHue.toFixed(0) + ',' + ringSat.toFixed(0) + '%,' + ringLight.toFixed(0) + '%)';
// v1.58：能量环 SVG（圆弧按分数填充，发光效果）
var ringSize = 130, ringStroke = 10, ringR = (ringSize - ringStroke) / 2;
var ringCx = ringSize / 2, ringCy = ringSize / 2;
var ringCircum = 2 * Math.PI * ringR;
var ringDashOffset = ringCircum * (1 - healthPct / 100);
var ringSvg = ''
+ ''
+ ' '
+ ' ' + healthPct + ' '
+ '健康分 '
+ ' ';
html += ''
+ '
'
// 左右两栏：左侧活跃度详情，右侧能量环
+ '
'
// 左栏：活跃度
+ '
';
var statusCounts = { active: activity.activeCount, warm: activity.warmCount, cold: activity.coldCount, dormant: activity.dormantCount };
var statusBadges = ['active','warm','cold','dormant'].map(function(s){
return '
' + statusCounts[s] + ' ';
}).join('');
html += '
' + statusBadges + '
';
activity.members.forEach(function(m, i){
var daysText = m.daysSinceLatest >= 0 ? (m.daysSinceLatest + ' 天前') : '从未';
var avatarHtml = faNameAvatarHtml(m.name, 16, 'margin-right:6px;');
html += '
'
+ avatarHtml
+ '
' + faEsc(m.name) + ' '
+ '
' + m.statusLabel + ' '
+ '
'
+ '库内: ' + m.total + ' '
+ '月均: ' + m.monthlyAvg + ' '
+ '最近: ' + daysText + '
';
});
html += '
'
// 右栏：能量环（v1.58：宽度与底部加入时间容器对齐，均 240px）
+ '
'
+ ringSvg
+ '
分数越高越健康
'
+ '
'
+ '
'
+ '
'
+ '
共同游戏矩阵
'
+ '
成员之间共同拥有的游戏数量
';
var maxShared = 1;
overlap.pairs.forEach(function(p){ if (p.sharedGames > maxShared) maxShared = p.sharedGames; });
var gridHtml = '
';
gridHtml += '
';
members.forEach(function(m){
var nm = nameOf(m);
gridHtml += '
' + faEsc(nm.slice(0, 4)) + '
';
});
for (var i = 0; i < n; i++) {
var nmi = nameOf(members[i]);
gridHtml += '
' + faEsc(nmi.slice(0, 6)) + '
';
for (var j = 0; j < n; j++) {
if (i === j) {
gridHtml += '
-
';
} else {
var val = overlap.matrix[i][j];
var intensity = val / maxShared;
var bg = val === 0 ? 'rgba(255,255,255,0.02)' : 'rgba(84,160,255,' + (0.15 + intensity * 0.5).toFixed(2) + ')';
gridHtml += '
' + val + '
';
}
}
}
gridHtml += '
';
html += gridHtml;
if (overlap.pairs.length > 0) {
html += '
共同游戏最多的组合：
';
overlap.pairs.slice(0, 3).forEach(function(p){
html += '
'
+ '' + faEsc(p.aName) + ' ↔ ' + faEsc(p.bName) + ' '
+ '' + p.sharedGames + ' 个共同游戏
';
});
}
html += '
';
// 左栏：雷达图
html += '
';
if (radar.length > 0) {
var axes = ['总游戏', '独占', '共享', '月均', '共享率', '库龄'];
var cx = 150, cy = 140, R = 95, levels = 4;
var radarSvg = '';
for (var l = 1; l <= levels; l++) {
var r = R * l / levels;
var gpts = [];
for (var a = 0; a < axes.length; a++) {
var gang = -Math.PI / 2 + a * 2 * Math.PI / axes.length;
gpts.push((cx + r * Math.cos(gang)).toFixed(1) + ',' + (cy + r * Math.sin(gang)).toFixed(1));
}
radarSvg += '
';
}
for (var a = 0; a < axes.length; a++) {
var aang = -Math.PI / 2 + a * 2 * Math.PI / axes.length;
radarSvg += '
';
radarSvg += '
' + axes[a] + ' ';
}
radar.forEach(function(m, mi){
var c = growthColors[mi % growthColors.length];
var vals = [m.totalGames, m.soloCount, m.sharedCount, m.monthlyAvg, m.shareRate, m.libraryAge];
var mpts = [];
for (var a = 0; a < axes.length; a++) {
var mang = -Math.PI / 2 + a * 2 * Math.PI / axes.length;
var mr = R * vals[a];
mpts.push((cx + mr * Math.cos(mang)).toFixed(1) + ',' + (cy + mr * Math.sin(mang)).toFixed(1));
}
radarSvg += '
';
});
var radarLegend = radar.map(function(m, mi){
var c = growthColors[mi % growthColors.length];
return '
';
}).join('');
html += '
成员多维度雷达对比
'
+ '
各维度按最大值归一化（0-1）
'
+ '
' + radarSvg + ' '
+ '
' + radarLegend + '
';
} else {
html += '
暂无雷达数据
';
}
html += '
';
// 右栏：加入时间 + 加入天数对比（v1.58：宽度与顶部能量环对齐，均 240px）
html += '
'
+ '
加入时间
'
+ '
成员加入家庭组的时间与天数对比
';
// v1.58：按加入天数降序排列（早加入的排前面）
var sortedMembers = members.slice().sort(function(a, b) {
var ta = a.time_joined || 0, tb = b.time_joined || 0;
return ta - tb;
});
sortedMembers.forEach(function(m){
var nm = nameOf(m);
var origIdx = members.indexOf(m);
var c = growthColors[origIdx % growthColors.length];
var joinTime = m.time_joined || 0;
// v1.58：修复字段名——API 返回 cooldown_seconds_remaining，非 cooldown_remaining
var cooldown = m.cooldown_seconds_remaining || m.cooldown_remaining || 0;
var joinText = joinTime > 0
? new Date(joinTime * 1000).toLocaleDateString('zh-CN')
: '未知';
// v1.58：加入天数对比
var joinDays = joinTime > 0
? Math.floor((Date.now() - joinTime * 1000) / 86400000)
: 0;
var cooldownText = cooldown > 0
? '冷却: ' + Math.ceil(cooldown / 86400) + ' 天'
: '无冷却';
html += '
'
+ faNameAvatarHtml(nm, 28, 'border:2px solid ' + c + ';')
+ '
'
+ '
' + faEsc(nm) + '
'
+ '
'
+ '' + joinText + ' '
+ '' + joinDays + ' 天 '
+ '
'
+ '
' + cooldownText + '
'
+ '
';
});
html += '
';
html += '
暂无家庭成员数据，请先扫描家庭库
';
return;
}
var hasCache = wlCache.data && wlCache.data.GameList && wlCache.data.GameList.length > 0;
if (hasCache) {
renderWishlistContent(wlWrap, wlCache.data);
if (Date.now() - wlCache.updatedAt < WL_CACHE_TTL) {
// v1.42：缓存新鲜但仍可能存在占位名称/缺失价格，继续后台静默补全
backgroundEnrichWishlist(wlCache.data);
return;
}
refreshWishlistData(members);
return;
}
wlWrap.innerHTML = ''
+ '
'
+ '
' + faNameAvatarHtml('?', 54, 'width:54px;height:54px;') + '
'
+ '
'
+ '
准备加载…
'
+ '
正在加载家庭成员愿望单…
'
+ '
' + faEsc(name) + ' 的愿望单 (' + completed + '/' + total + ')'
+ '';
html += buildKpiCard('愿望单总数', stats.total, '#06cfbe', '去重后游戏数');
html += buildKpiCard('家庭已有', stats.inLibrary, '#f59e0b', stats.total > 0 ? (stats.inLibrary / stats.total * 100).toFixed(0) + '% 命中' : '');
html += buildKpiCard('多人想要', stats.multiWant, '#54a0ff', '≥2人共同想要');
html += buildKpiCard('折扣中', stats.discounted, '#2ed573', '最大折扣 ' + stats.maxDiscount + '%');
html += buildKpiCard('即将推出', stats.comingSoon, '#38bdf8', '未发售游戏');
html += buildKpiCard('总价值', faCurrency.symbol + wlFmtPrice(stats.totalValue), '#ff6b6b', '均价 ' + faCurrency.symbol + wlFmtPrice(stats.avgPrice));
html += '
';
// 工具栏
html += '';
html += '
更新于 ' + wlUpdatedText + ' ';
html += '
刷新愿望单 ';
html += '
';
html += '
';
// 筛选按钮（v1.60：新增"即将推出"筛选项）
var filters = [['all','全部'],['inLibrary','家庭已有'],['multiWant','多人想要'],['discount','折扣中'],['soon','即将推出']];
filters.forEach(function(f) {
var active = wlState.filter === f[0];
html += '
' + f[1] + ' ';
});
html += '
';
// 左侧仪表盘 — 宽度对齐第二个KPI卡片右边框（2*cardWidth + 1*gap ≈ 274px）
html += '
';
// 成员愿望单分布（v1.58：名称前增加首字头像；v1.66：改用 buildBarChart({avatar:true})）
html += buildBarChart('成员愿望单分布', stats.memberDist.map(function(m) { return { name: m.name, value: m.count }; }), '#06cfbe', { avatar: true });
// 热门标签 TOP 10
var tagItems = stats.tagDist.slice(0, 10).map(function(t) { return { name: t.name, value: t.count }; });
if (tagItems.length > 0) html += buildBarChart('热门标签 TOP 10', tagItems, '#54a0ff');
// 价格区间分布（环形图）
html += buildDonutChart('价格区间分布', stats.priceBuckets);
// v1.58：移除类型分布横向图（基本都是游戏，意义不大）
html += '
';
// 右侧游戏列表
html += '
';
// v1.58：搜索框 + 二级筛选标签 + 视图切换同一行
// 多人想要时搜索框缩短给二级标签让位；切换到其他筛选项时二级标签隐藏、搜索框恢复默认长度
var searchFlex = isMultiWant ? '0 0 150px' : '1 1 auto';
html += '
';
html += '
';
// 二级筛选标签（仅多人想要时显示）
if (isMultiWant) {
var subTags = [['0','全部'],['2','2人'],['3','3人'],['4','4人'],['5','5人'],['6','6人']];
var subTagsHtml = subTags.map(function(t) {
var val = parseInt(t[0]);
var enabled = val === 0 ? stats.multiWant > 0 : (wisherCounts[val] || 0) > 0;
var active = wlState.subFilter === val;
var cls = 'fa-wl-subtag' + (active ? ' active' : '') + (enabled ? '' : ' disabled');
return '
' + t[1] + ' ';
}).join('');
html += '
' + subTagsHtml + '
';
}
// 视图切换（列表 / 封面）
var isList = wlState.viewMode !== 'cover';
html += '
'
+ ''
+ '列表 '
+ ''
+ '封面 '
+ '
';
html += '
';
// 游戏列表容器
html += '
';
html += '
';
html += '
'
+ '
' + value + '
'
+ '
' + label + '
'
+ (sub ? '
' + sub + '
' : '')
+ '
'
+ avatarHtml
+ '
' + faEsc(i.name) + ' '
+ '
'
+ '
' + i.value + ' '
+ '
'
+ '
' + title + '
'
+ rows + '
'
+ '' + b.label + ' '
+ '0 '
+ '
';
return;
}
var pct = b.count / total;
if (isSingle) {
arcs += ''
+ '' + b.label + ' '
+ '' + b.count + ' '
+ '
';
});
return ''
+ '
' + title + '
'
+ '
'
+ '
'
+ ''
+ arcs
+ '' + total + ' '
+ '总数 '
+ ' '
+ '
'
+ '
' + legend + '
'
+ '
即将推出 ';
if (gi.isFree) return '免费 ';
if (gi.finalPrice > 0) {
var fp = Number(gi.finalPrice) || 0;
if (gi.discountPct > 0) {
// v1.43：有折扣时仅显示折扣价 + 折扣徽章，不再展示划线原价，节省空间
return '' + curSym + (isNaN(fp) ? '0.00' : fp.toFixed(2)) + ' '
+ '-' + gi.discountPct + '% ';
}
// v1.60：onSale 但无折扣百分比（active_discounts 类促销）显示"促销"标记
var saleTag = (gi.onSale && !(gi.discountPct > 0))
? '促销 ' : '';
return '' + curSym + (isNaN(fp) ? '0.00' : fp.toFixed(2)) + ' ' + saleTag;
}
return '';
}
// v1.58：封面视图成员头像 HTML——名称首字头像 + 堆叠效果
// 最多展示 3 个头像，超出显示 +N；价格/折扣占用空间时自动收窄
function wlWisherAvatarsHtml(gi, idMap) {
var wishers = gi.wishers || [];
if (wishers.length === 0) return '';
var maxShow = 3;
var shown = wishers.slice(0, maxShow);
var overflow = wishers.length - maxShow;
var html = '';
shown.forEach(function(sid, idx) {
var nm = idMap[sid] || ('ID:' + String(sid).slice(-4));
// 堆叠：后面的头像向左偏移，形成重叠效果
var ml = idx === 0 ? '' : 'margin-left:-6px;border:1.5px solid #0f172a;';
html += faNameAvatarHtml(nm, 16, ml + 'z-index:' + (10 - idx) + ';');
});
if (overflow > 0) {
html += '+' + overflow + ' ';
}
html += '
';
return html;
}
function renderWishlistGamesList(wlData) {
var listEl = panel.querySelector('#wl_game_list');
if (!listEl || !wlData) return;
var filtered = getFilteredWishlist(wlData);
var total = filtered.length;
// v1.58：列表视图每页 30，封面视图每页 24（6 行×4 列）
var pageSize = wlState.viewMode === 'cover' ? 24 : 30;
var totalPages = Math.max(1, Math.ceil(total / pageSize));
if (wlState.page > totalPages) wlState.page = totalPages;
if (wlState.page < 1) wlState.page = 1;
var start = (wlState.page - 1) * pageSize;
var end = Math.min(start + pageSize, total);
var pageItems = filtered.slice(start, end);
var idMap = saves.familyInfo.steamIdtoName || {};
var growthColors = ['#06cfbe', '#54a0ff', '#ff9f43', '#2ed573', '#ff6b6b', '#a29bfe'];
var isCover = wlState.viewMode === 'cover';
// v1.46：分页按钮/徽章/卡片/游戏名链接改用 fa-global-style 中的 CSS 类，仅保留动态颜色内联
var pgBtn = function(page, label, disabled) {
return '' + label + ' ';
};
// 分页信息
var html = ''
+ '
共 ' + total + ' 个 · 第 ' + wlState.page + '/' + totalPages + ' 页 '
+ '
'
+ pgBtn(wlState.page - 1, '上一页', wlState.page <= 1)
+ pgBtn(wlState.page + 1, '下一页', wlState.page >= totalPages)
+ '
没有符合条件的游戏
';
} else if (isCover) {
// ---- v1.58 封面视图：4 列精简卡片，含成员头像 ----
html += '';
pageItems.forEach(function(aid) {
var gi = wlData.GameInfo[aid];
if (!gi) return;
var wantCount = (gi.wishers && gi.wishers.length) || 0;
var nameStyle = (!gi.name || gi.name === ('App ' + aid)) ? ' style="color:#64748b;font-style:italic;font-weight:400;"' : '';
html += '
'
+ '
'
+ '
'
+ (wantCount > 0 ? '
' + wantCount + '人想要 ' : '')
+ (gi.inLibrary ? '
已有 ' : '')
+ (gi.isComingSoon ? '
即将推出 ' : '')
+ '
'
+ '
'
+ '
';
});
html += '
'
+ pgBtn(1, '首页', wlState.page <= 1)
+ pgBtn(wlState.page - 1, '上一页', wlState.page <= 1)
+ pgBtn(wlState.page + 1, '下一页', wlState.page >= totalPages)
+ pgBtn(totalPages, '末页', wlState.page >= totalPages)
+ '
';
}
} else {
// ---- 列表视图（2 列紧凑卡片）----
html += '';
pageItems.forEach(function(aid) {
var gi = wlData.GameInfo[aid];
if (!gi) return;
var wisherBadges = (gi.wishers || []).map(function(sid, idx) {
var c = growthColors[idx % growthColors.length];
var nm = idMap[sid] || ('ID:' + String(sid).slice(-4));
return '
' + faEsc(nm) + ' ';
}).join('');
var libBadge = gi.inLibrary ? '
已有 ' : '';
var wantBadge = (gi.wishers && gi.wishers.length > 0)
? '
' + gi.wishers.length + '人想要 '
: '';
// v1.60：预购（未发售但有价格）游戏显示"即将推出"徽章（无价格的已由 wlPriceHtml 展示）
var soonBadge = (gi.isComingSoon && gi.finalPrice > 0) ? '
即将推出 ' : '';
var tagsHtml = (gi.tags || []).slice(0, 2).map(function(t) {
return '
' + faEsc(t) + ' ';
}).join('');
html += '
'
+ '
'
+ '
'
// 第一行：游戏名称（左）+ 价格/已有/N人想要（右侧对齐）
+ '
'
// v1.52：占位名称（App xxxxxx）以暗色斜体显示，与已获取的真实名称明确区分
+ '
' + faEsc(gi.name) + ' '
+ '
' + wlPriceHtml(gi) + soonBadge + libBadge + wantBadge + ' '
+ '
'
// 第二行：成员名 + 标签
+ '
' + wisherBadges + tagsHtml + '
'
+ '
'
+ '
';
});
html += '
'
+ pgBtn(1, '首页', wlState.page <= 1)
+ pgBtn(wlState.page - 1, '上一页', wlState.page <= 1)
+ pgBtn(wlState.page + 1, '下一页', wlState.page >= totalPages)
+ pgBtn(totalPages, '末页', wlState.page >= totalPages)
+ '
';
}
}
listEl.innerHTML = html;
// 绑定分页
listEl.querySelectorAll('[data-wl-page]').forEach(function(btn) {
if (btn.disabled) return;
btn.addEventListener('click', function() {
var np = parseInt(btn.getAttribute('data-wl-page'));
if (np >= 1) { wlState.page = np; renderWishlistGamesList(wlData); }
});
});
// v1.54：异步加载游戏中文名，覆盖 SSR/API 返回的英文名（列表 + 封面视图名称链接）
listEl.querySelectorAll('.fa-wl-name, .fa-wl-cover-name').forEach(function(el) {
var href = el.getAttribute('href') || '';
var m = href.match(/\/app\/(\d+)/);
if (!m) return;
var aid = m[1];
var gi = wlData.GameInfo[aid];
faLoadGameZhName(el, aid, gi ? (gi.name || '') : '');
});
// v1.55：多 CDN 封面图 fallback（参考 steam-friend-manager dashLoadCapsule）
listEl.querySelectorAll('img[data-fa-cover]').forEach(function(img) {
faLoadCover(img, img.getAttribute('data-fa-cover'));
});
// v1.58：封面视图成员头像已改为名称首字头像（纯 CSS 渲染，无需异步加载）
}
// v1.48：6 张 KPI 卡片紧凑为左侧一列（含原次级 KPI 行的多人共享/独占率），
// 子标题收进 title 悬浮提示，腾出纵向空间给柱状图
const kpiDefs = [
{ label: '共享游戏总数', value: totalGames, color: '#06cfbe', sub: '全家庭去重后' },
{ label: '独占贡献游戏', value: singleOwnerCount, color: '#ff9f43', sub: '仅 1 人拥有' },
{ label: '人均贡献约', value: avgGames, color: '#54a0ff', sub: memberCount + ' 名成员均摊' },
{ label: '近30日新增', value: recent30Count, color: '#2ed573', sub: totalGames > 0 ? (recent30Count / totalGames * 100).toFixed(1) + '% 增量' : '暂无新增' },
{ label: '多人共享游戏', value: multiOwnerCount, color: '#a78bfa', sub: totalGames > 0 ? (multiOwnerCount / totalGames * 100).toFixed(0) + '% 共享率' : '' },
{ label: '独占率', value: (totalGames > 0 ? (singleOwnerCount / totalGames * 100).toFixed(0) : 0) + '%', color: '#ffcd56', sub: '独占/总数' }
];
const kpiColHtml = kpiDefs.map(k =>
''
+ '
' + k.value + '
'
+ '
' + k.label + '
'
+ '
'
+ '
'
+ '
'
+ '
我于 ' + myJoinDateStr + ' 加入 '
+ '
'
+ '
' + myJoinDays + ' 天
'
+ '
' + faNameAvatarHtml(myName, 24, 'border:2px solid rgba(168,85,247,0.4);') + '
'
// v1.75：查看我的贡献按钮
+ '
'
+ ' '
+ '
'
+ 'Steam 家庭共享机制：借用人停止游玩借来的游戏后，该游戏会有 24 小时冷却期，期间其他借用人无法游玩。点击"标记借出"记录借出时间并启动冷却倒计时，过期后自动移至"可借用"列表。'
+ '
';
html += '
';
cdWrap.innerHTML = html;
// 绑定搜索框（防抖 200ms，仅刷新内容区，保持输入焦点）
var searchInput = cdWrap.querySelector('#fa_cd_search');
if (searchInput) {
var searchTimer = null;
searchInput.addEventListener('input', function(e) {
clearTimeout(searchTimer);
var val = e.target.value;
searchTimer = setTimeout(function() {
cdState.search = val;
cdState.page = 1;
renderCdContent();
}, 200);
});
}
// 刷新共享库按钮：重新拉取 GetSharedLibraryApps 并更新本地缓存
var refreshBtn = cdWrap.querySelector('#fa_cd_refresh');
if (refreshBtn) {
refreshBtn.addEventListener('click', function() {
if (!access_token || !(saves.familyInfo && saves.familyInfo.family_groupid)) {
refreshBtn.textContent = '缺少家庭组信息';
return;
}
refreshBtn.disabled = true;
refreshBtn.textContent = '刷新中…';
getfamilyGameList(access_token, saves.familyInfo.family_groupid).then(function(ret) {
saves.familyGameList = ret;
saves.lastupDateTime = (typeof g_ServerTime !== 'undefined') ? g_ServerTime : Math.floor(Date.now() / 1000);
savestorage();
if (window.faUpdateMenuBadge) window.faUpdateMenuBadge();
renderCdContent();
}).catch(function() {
refreshBtn.disabled = false;
refreshBtn.textContent = '刷新共享库';
});
});
}
// 渲染内容区
renderCdContent();
}
// v1.63：仅渲染列表内容（冷却中 + 可借用分页），搜索/分页/借出/结束均调用此函数
function renderCdContent() {
var cdWrap = panel.querySelector('[data-cooldown-content]');
if (!cdWrap) return;
var content = cdWrap.querySelector('#fa_cd_content');
if (!content) return;
// 渲染前清理已过期的冷却记录
faCooldownPrune();
var reg = faCooldownLoad();
var now = Math.floor(Date.now() / 1000);
var idMap = (saves.familyInfo && saves.familyInfo.steamIdtoName) ? saves.familyInfo.steamIdtoName : {};
var gameInfo = (saves.familyGameList && saves.familyGameList.GameInfo) ? saves.familyGameList.GameInfo : {};
var gameList = (saves.familyGameList && saves.familyGameList.GameList) ? saves.familyGameList.GameList : [];
// 当前用户可借用的家庭共享游戏 = 家庭库中 owners 不包含自己的游戏
var sharedGames = gameList.filter(function(id) {
var gi = gameInfo[id];
return gi && Array.isArray(gi.owners) && gi.owners.length > 0 && !gi.owners.includes(saves.steamid);
});
// v1.63：搜索过滤（游戏名称或 AppID）
var q = cdState.search.trim().toLowerCase();
if (q) {
sharedGames = sharedGames.filter(function(id) {
var gi = gameInfo[id];
var nm = (gi && gi.name) ? String(gi.name).toLowerCase() : '';
return nm.indexOf(q) !== -1 || String(id).indexOf(q) !== -1;
});
}
var cooling = [], borrowable = [];
sharedGames.forEach(function(id) {
var r = reg[id];
if (r && r.cooldownEndsAt && r.cooldownEndsAt > now) {
cooling.push({ appid: id, info: gameInfo[id], record: r });
} else {
borrowable.push({ appid: id, info: gameInfo[id] });
}
});
// 冷却中按剩余时间升序
cooling.sort(function(a, b) { return a.record.cooldownEndsAt - b.record.cooldownEndsAt; });
// v1.63：拥有者头像堆叠 HTML（参考 wlWisherAvatarsHtml 实现）
function cdOwnerAvatarsHtml(owners) {
if (!owners || owners.length === 0) return '';
var maxShow = 3;
var shown = owners.slice(0, maxShow);
var overflow = owners.length - maxShow;
var avHtml = '';
shown.forEach(function(sid, idx) {
var nm = idMap[sid] || ('ID:' + String(sid).slice(-4));
var ml = idx === 0 ? '' : 'margin-left:-6px;border:1.5px solid #1b2838;';
avHtml += faNameAvatarHtml(nm, 18, ml + 'z-index:' + (10 - idx) + ';');
});
if (overflow > 0) {
avHtml += '+' + overflow + ' ';
}
avHtml += '
';
return avHtml;
}
// v1.63：构建封面卡片 HTML（保留封面图，优化下方信息为两列布局）
// 封面图 + 下方信息：第一列游戏名称（冷却中附倒计时+借用人），第二列左侧头像堆叠+右侧按钮
function buildCard(appid, gi, opt) {
opt = opt || {};
var name = (gi && gi.name) ? faEsc(gi.name) : ('App ' + appid);
var nameStyle = (!gi || !gi.name || gi.name === ('App ' + appid)) ? ' style="color:#64748b;font-style:italic;font-weight:400;"' : '';
var capImg = ''
+ '
'
+ capImg + '
'
+ '
'
+ '
'
+ '
' + name + ' ';
if (opt.status === 'cooling') {
var borrowerName = idMap[opt.borrower] || ('ID:' + String(opt.borrower).slice(-4));
card += '
剩余 ' + faCooldownFormat(opt.cooldownEndsAt - now) + '
'
+ '
借用人 ' + faEsc(borrowerName) + '
';
}
card += '
'
+ '
';
if (opt.status === 'cooling') {
var borrowerNm = idMap[opt.borrower] || ('ID:' + String(opt.borrower).slice(-4));
card += cdOwnerAvatarsHtml([opt.borrower])
+ '结束 ';
} else {
var owners = (gi && gi.owners) ? gi.owners : [];
card += cdOwnerAvatarsHtml(owners)
+ '标记借出 ';
}
card += '
冷却中 ' + cooling.length + ' · '
+ '可借用 ' + borrowable.length + ' ';
}
// 冷却中（通常较少，不分页）
html += '冷却中（' + cooling.length + '）
';
if (cooling.length === 0) {
html += '
当前无冷却中的游戏
';
} else {
html += '
';
cooling.forEach(function(item) {
html += buildCard(item.appid, item.info, {
status: 'cooling',
borrower: item.record.borrower,
borrowTime: item.record.borrowTime,
cooldownEndsAt: item.record.cooldownEndsAt
});
});
html += '
';
}
html += '
可借用（' + borrowable.length + '）
';
if (borrowable.length === 0) {
html += '
' + (q ? '没有匹配的游戏' : '无可借用游戏') + '
';
} else {
var cdPageSize = 15;
var cdTotalPages = Math.max(1, Math.ceil(borrowable.length / cdPageSize));
if (cdState.page > cdTotalPages) cdState.page = cdTotalPages;
if (cdState.page < 1) cdState.page = 1;
var cdStart = (cdState.page - 1) * cdPageSize;
var cdEnd = Math.min(cdStart + cdPageSize, borrowable.length);
var cdPageItems = borrowable.slice(cdStart, cdEnd);
var pgBtn = function(page, label, disabled) {
return '
' + label + ' ';
};
// 分页信息
html += '
'
+ '
第 ' + cdState.page + '/' + cdTotalPages + ' 页 · 每页 ' + cdPageSize + ' 个 '
+ '
'
+ pgBtn(cdState.page - 1, '上一页', cdState.page <= 1)
+ pgBtn(cdState.page + 1, '下一页', cdState.page >= cdTotalPages)
+ '
';
html += '
';
cdPageItems.forEach(function(item) {
html += buildCard(item.appid, item.info, { status: 'borrowable' });
});
html += '
';
if (cdTotalPages > 1) {
html += '
'
+ pgBtn(1, '首页', cdState.page <= 1)
+ pgBtn(cdState.page - 1, '上一页', cdState.page <= 1)
+ pgBtn(cdState.page + 1, '下一页', cdState.page >= cdTotalPages)
+ pgBtn(cdTotalPages, '末页', cdState.page >= cdTotalPages)
+ '
';
}
}
html += '
'
+ ''
// 头部
+ '
'
+ '
'
+ '
'
+ ' '
+ '
'
+ '
'
+ '
' + familyName + '
'
+ '
Steam 家庭组 · ' + memberCount + ' 名成员 · ' + totalGames + ' 个共享游戏
'
+ '
'
+ '
现在扫描家庭库 '
+ '
× '
+ '
'
// 标签导航
+ '
'
+ tabDefs.map(t => '' + t.icon + '' + t.label + ' ').join('')
+ '
'
// 内容区
+ '
'
// -- 贡献分布 --
+ '
'
// v1.75：默认视图容器（可被"我的贡献"覆盖层替换）
+ '
'
// v1.58：三列布局——左侧（加入时间卡片 + KPI 列） | 中间贡献分布柱状图 | 右侧成员占比环形图 + 近半年入库增量（上顶均匀分布）
+ '
'
+ '
' + myJoinHtml + kpiColHtml + '
'
+ '
'
+ '
'
+ '
'
+ '
'
+ '
'
+ '
上次扫描：' + timestampToTime(saves.lastupDateTime) + '
'
+ '
'
+ ' 导出 CSV '
+ ' 导出 JSON '
+ '
'
+ '
'
+ '
'
// v1.75：我的贡献覆盖层（默认隐藏，点击"查看我的贡献"后显示）
+ '
'
+ '
'
// -- 增长趋势 --
+ '
'
// -- 价值洞察（v1.71 新增，v1.74 移至增长趋势之后） --
+ '
'
// -- 成员洞察（v1.58：移至购买动态之前） --
+ '
'
// -- 购买动态 --
+ '
'
// -- 游玩动态 --
+ '
'
// -- 入库热力图（v1.38 新增） --
+ '
'
// -- 家庭愿望单（v1.41 新增） --
+ '
'
// -- 共享冷却（v1.62 新增） --
+ '
'
+ '
'
+ '
';
datasets.forEach((ds, idx) => {
let ci = maxOwners - idx - 1;
if (ci < 0) ci = 0;
let solidColor = borderColors[ci % borderColors.length];
legendHtml += ''
+ '' + ds.label + ': ' + ds.data.reduce((a, b) => a + b, 0) + ' ';
});
legendHtml += '
';
chartContainer.insertAdjacentHTML('beforeend', legendHtml);
}else{
setTimeout(observer_5, 200)
}
}
// ===================== escapeCSV / exportCSV / exportJSON =====================
function escapeCSV(str) {
if (str == null) return '';
str = String(str);
if (str.includes(',') || str.includes('"') || str.includes('\n') || str.includes('\r')) {
return '"' + str.replace(/"/g, '""') + '"';
}
return str;
}
function exportCSV() {
let now = new Date();
let dateStr = now.getFullYear() + ('0'+(now.getMonth()+1)).slice(-2) + ('0'+now.getDate()).slice(-2);
let filename = 'steam-family-' + familyGroupId + '-' + dateStr + '.csv';
let csvRows = [];
csvRows.push('# Steam家庭库游戏数据');
csvRows.push('# 家庭组: ' + escapeCSV(familyName) + ' (ID: ' + familyGroupId + ')');
csvRows.push('# 成员数: ' + memberCount + ' | 游戏总数: ' + totalGames + ' | 独占贡献: ' + singleOwnerCount + ' | 人均: ' + avgGames);
csvRows.push('# 导出时间: ' + timestampToTime(Math.floor(Date.now()/1000)));
csvRows.push('# 上次扫描: ' + timestampToTime(saves.lastupDateTime));
csvRows.push('');
csvRows.push(['游戏名称', 'AppID', '购入时间', '购买者', '拥有者数', '拥有者名单'].map(escapeCSV).join(','));
saves.familyGameList.GameList.forEach(appid => {
let g = saves.familyGameList.GameInfo[appid];
let lastOwner = saves.familyInfo.steamIdtoName[g.owners.at(-1)] || '';
let ownerList = g.owners.map(sid => saves.familyInfo.steamIdtoName[sid] || sid).join('; ');
csvRows.push([
g.name,
appid,
timestampToTime(g.time),
lastOwner,
g.owners.length,
ownerList
].map(escapeCSV).join(','));
});
let bom = '\uFEFF';
let blob = new Blob([bom + csvRows.join('\n')], {type: 'text/csv;charset=utf-8;'});
let url = URL.createObjectURL(blob);
let a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
faToast.success('CSV 导出成功');
}
function exportJSON() {
let now = new Date();
let dateStr = now.getFullYear() + ('0'+(now.getMonth()+1)).slice(-2) + ('0'+now.getDate()).slice(-2);
let filename = 'steam-family-' + familyGroupId + '-' + dateStr + '.json';
let exportData = {
export_time: timestampToTime(Math.floor(Date.now()/1000)),
family_groupid: familyGroupId,
family_name: familyName,
member_count: memberCount,
total_games: totalGames,
single_owner_count: singleOwnerCount,
avg_games_per_member: avgGames,
last_scan_time: timestampToTime(saves.lastupDateTime),
family_members: saves.familyInfo.family_member.map(m => ({steamid: m.steamid, userName: m.userName})),
games: saves.familyGameList.GameList.map(appid => ({
appid: appid,
name: saves.familyGameList.GameInfo[appid].name,
owners: saves.familyGameList.GameInfo[appid].owners.map(sid => saves.familyInfo.steamIdtoName[sid] || sid),
owner_steamids: saves.familyGameList.GameInfo[appid].owners,
time_acquired: saves.familyGameList.GameInfo[appid].time,
time_readable: timestampToTime(saves.familyGameList.GameInfo[appid].time),
icon_hash: saves.familyGameList.GameInfo[appid].icon_hash
}))
};
let blob = new Blob([JSON.stringify(exportData, null, 2)], {type: 'application/json'});
let url = URL.createObjectURL(blob);
let a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
faToast.success('JSON 导出成功');
}
// ===================== 动态加载自动更新 =====================
observer_5();
const refreshObserver = new MutationObserver((mutations) => {
for (const mutation of mutations) {
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
if (document.getElementById('familyAnalysisPanel')) {
const el = mutation.addedNodes[0];
if (el.nodeType === 1 && (el.closest && el.closest('.family_updater'))) {
renderActivityPage(currentPage);
if (window[activeTabKey] === 'growth') renderGrowthTab();
if (window[activeTabKey] === 'heatmap') renderHeatmapTab();
if (window[activeTabKey] === 'insights') renderMemberInsightsTab();
}
}
}
}
});
refreshObserver.observe(document.body, { childList: true, subtree: true });
}
}
function observer_6(){
let block = document.getElementById('wishlist_ctn')
if(block){
let lists = block.querySelectorAll("div.wishlist_row")
lists.forEach(function(bar){
addflag(bar)
})
}else{
setTimeout(observer_6,200)
}
}
function observer_4(){
let block = document.getElementById('search_result_container')
if(block){
let lists = block.querySelectorAll("a.search_result_row.ds_collapse_flag")
lists.forEach(function(bar){
addflag(bar,"clear: left;")
})
}else{
setTimeout(observer_4,200)
}
}
function observer_3(){
let block = document.querySelector('div.home_tabs_content')
if(block){
let lists = block.querySelectorAll("a.tab_item")
lists.forEach(function(bar){
addflag(bar,"clear: both;")
})
block = document.querySelector('div.carousel_container.maincap')
lists = block.querySelectorAll("a.store_main_capsule")
lists.forEach(function(bar){
addflag(bar)
})
block = document.querySelector('div.carousel_container.spotlight')
lists = block.querySelectorAll("div.home_area_spotlight")
lists.forEach(function(bar){
addflag(bar)
})
lists = block.querySelectorAll("a.store_capsule")
lists.forEach(function(bar){
addflag(bar)
})
block = document.getElementById('module_deep_dive')
lists = block.querySelectorAll("a.store_capsule")
lists.forEach(function(bar){
addflag(bar)
})
block = document.getElementById('module_recommender')
lists = block.querySelectorAll("a.store_capsule")
lists.forEach(function(bar){
addflag(bar)
})
block = document.getElementById('recommended_creators_carousel')
lists = block.querySelectorAll("a.store_capsule")
lists.forEach(function(bar){
addflag(bar)
})
block = document.querySelector('div.specials_under10_content')
lists = block.querySelectorAll("a.store_capsule")
lists.forEach(function(bar){
addflag(bar)
})
block = document.querySelector('div.marketingmessage_area')
lists = block.querySelectorAll("a.home_marketing_message")
lists.forEach(function(bar){
addflag(bar)
})
}else{
setTimeout(observer_3,200)
}
}
// v1.53：发行商/开发商/系列/相似推荐页初始扫描（React 异步渲染，2s 后兜底重扫一次，
// 后续新增/懒加载卡片由 MutationObserver 接管；addflag 内部有防重复检测）
// v1.55：增加 1s/3s/5s 多次重扫以覆盖懒加载，选择器追加 a.tab_item[data-ds-appid]
function observer_capsule_pages(){
const capsuleSelector = 'a.store_capsule[data-ds-appid], a.similar_grid_capsule[data-ds-appid], a.tab_item[data-ds-appid]';
function scan(){
document.body.querySelectorAll(capsuleSelector).forEach(function(bar){
addflag(bar);
});
}
scan();
setTimeout(scan, 1000);
setTimeout(scan, 3000);
setTimeout(scan, 5000);
}
function observer_2(){
let block = document.querySelector('div.queue_and_playtime')
if(block){
appid = Number(url.split('/')[2])
if(saves.familyGameList.GameList.includes(appid)){
addBanner(block,appid)
}
}else{
setTimeout(observer_2,200)
}
}
// v1.59：统一 appId 提取函数（参考 Steam-PSPlus-mark.js 的 appIdFromNode 设计）
// 优先从 data-ds-appid / data-app-id 属性获取，回退到 href URL 解析 /app/{appid}
// 解决部分列表标签（如 home_marketing_message、部分 capsule）仅有 URL 无 data-ds-appid 导致匹配不到的问题
function getAppIdFromNode(node) {
if (!node || !node.getAttribute) return null;
// 1. data-ds-appid（支持逗号分隔的捆绑包，取首个）
var ds = node.getAttribute('data-ds-appid');
if (ds) return ds.split(',')[0].trim();
// 2. data-app-id
var dai = node.getAttribute('data-app-id');
if (dai) return dai.split(',')[0].trim();
// 3. 从 href 解析 /app/{appid}（参考 PS Plus appIdFromNode 回退逻辑）
var href = node.href || node.getAttribute('href') || '';
var m = /\/app\/(\d+)/.exec(href);
return m ? m[1] : null;
}
// v1.50：家庭共享标记图标（紫色三人家庭组 SVG 图标，白色三头一身剪影）
const FAMILY_SHARE_FLAG_ICON = "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Ccircle cx='12' cy='6.6' r='3.4'/%3E%3Ccircle cx='4.6' cy='9.2' r='2.6'/%3E%3Ccircle cx='19.4' cy='9.2' r='2.6'/%3E%3Cpath d='M3 22.5c0-5 4-8.6 9-8.6s9 3.6 9 8.6v.5H3z'/%3E%3C/svg%3E";
function addflag(node,insertBeforeStyle){
// v1.59：防止 null 节点崩溃（category 页 querySelector('a') 可能返回 null）
if(!node || !node.querySelector) return;
// v1.65：排除家庭分析浮窗内的元素 — 浮窗自身的游戏封面不需要 Steam 原生共享标记
// （"家庭共享"/"在家庭库中"旗帜仅用于 Steam 原生页面游戏卡片匹配）
if(node.closest && node.closest('#familyAnalysisPanel')) return;
// v1.67：额外排除浮窗内活动视图的元素（按 class/属性特征识别，覆盖节点在回调时尚未挂载到 panel 的边缘情况）
if(node.closest && (
node.closest('.fa-act-cover-grid')
|| node.closest('.fa-act-cover-card')
|| node.closest('.fa-act-cover-name')
|| node.closest('[data-activity-content]')
|| node.closest('[data-fa-tab="activity"]')
|| node.closest('[data-fa-tab="value"]')
|| node.closest('[data-value-content]')
)) return;
// v1.68：排除 steam-game-library-viewer 浮窗
// 个人信息面板（#sgis-panel，含最近游玩/个人入库/相似推荐等）以及游戏库侧边栏（.sglv-panel），
// 它们的游戏卡片已由各自脚本负责标记，不需要本脚本再追加 Steam 原生"在家庭库中"旗帜
if(node.closest && (node.closest('#sgis-panel') || node.closest('.sglv-panel'))) return;
// v1.50：同时检测家庭共享旗帜，防止重复标记
if(node.querySelector("div.ds_owned_flag, div.ds_family_share_flag")) return;
// v1.59：category 页特殊处理 — 已有 CapsuleDecorators 装饰器则跳过
if(url.startsWith('store.steampowered.com/category/')){
if(node.querySelector("div.CapsuleDecorators")&&node.querySelector("div.CapsuleDecorators").childElementCount>0) return;
}
// v1.59：统一使用 getAppIdFromNode 提取 appId（参考 Steam-PSPlus-mark.js appIdFromNode）
// 替代旧的 data-ds-appid + category href 解析分支，修复仅有 URL 无属性的游戏卡片匹配不到的问题
let thisappid = getAppIdFromNode(node);
if(!thisappid) return;
// v1.55：处理逗号分隔的 data-ds-appid（捆绑包含多个 appid），取首个在家庭库中的 appid
let appidCandidates = thisappid.split(',').map(s => Number(s.trim())).filter(n => !isNaN(n));
let matchedAppid = appidCandidates.find(id => saves.familyGameList.GameList.includes(id));
if(matchedAppid){
thisappid = matchedAppid;
let thisurl = node.getAttribute('href');
if(thisurl && thisurl.startsWith('/app/')){
node.classList.add('ds_owned');
}
node.classList.add('ds_flagged');
node.classList.remove('ds_wishlist')
// v1.50：购买人不包含自己 → 认定为家庭共享，使用紫色家庭组图标旗帜
const thisGameInfo = saves.familyGameList.GameInfo[Number(thisappid)];
const isFamilyShare = thisGameInfo && Array.isArray(thisGameInfo.owners) && thisGameInfo.owners.length > 0 && !thisGameInfo.owners.includes(saves.steamid);
var flag = document.createElement('div');
if(isFamilyShare){
flag.className = "ds_flag ds_family_share_flag"
flag.innerHTML = '家庭共享 '
flag.title = '家庭共享：由 ' + thisGameInfo.owners.map(function(sid){ return saves.familyInfo.steamIdtoName[sid] || sid }).join('、') + ' 共享'
flag.style = "background:url(\"" + FAMILY_SHARE_FLAG_ICON + "\") no-repeat 4px 3px / 11px 11px #7c3aed;color:#fff;font-weight:bold"
}else{
flag.className = "ds_flag ds_owned_flag"
flag.innerHTML = '在家庭库中 '
flag.style = "background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUNDNzBFNTUyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUNDNzBFNTYyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0M3MEU1MzIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0M3MEU1NDIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vUKAAAAAlSURBVHjaYvz//z8DsYARpFhISAivjnfv3jGSp3jUGeQ4AyDAADZHNe2nyOBrAAAAAElFTkSuQmCC') no-repeat 4px 4px #06cfbe"
}
// v1.54：Steam 搜索结果行新结构已移除 style="clear: left;" 锚点（旧逻辑 querySelector
// 返回 null 导致 .nextSibling 抛 TypeError，旗帜创建失败且中断整页 forEach 标记）。
// 插入点三级降级：旧锚点 → div.ds_options 之前（与原生 ds_owned_flag 位置一致）→ 末尾追加
if(insertBeforeStyle){
var styleAnchor = node.querySelector(`[style*="${insertBeforeStyle}"]`);
if(styleAnchor){
node.insertBefore(flag, styleAnchor.nextSibling);
}else{
var dsOptions = node.querySelector('div.ds_options');
if(dsOptions){
node.insertBefore(flag, dsOptions);
}else{
node.appendChild(flag);
}
}
}else{
node.appendChild(flag);
}
node.querySelectorAll("div.ds_flag.ds_wishlist_flag").forEach((wishlist_flag)=>{wishlist_flag.remove()})
}
// v1.70: 进包标记 — 独立于家庭库检查，对所有游戏卡片检查进包状态
// 位置靠下（display:block + clear:both + position:relative），不与 ds_flag 绝对定位旗帜重合
var bundleCount = getBundleCount(Number(thisappid));
if (bundleCount > 0 && !node.querySelector('div.fa-bundle-flag')) {
var bundleFlag = document.createElement('div');
bundleFlag.className = 'fa-bundle-flag';
bundleFlag.innerHTML = '进过' + bundleCount + '包 ';
bundleFlag.title = '此游戏曾出现在 ' + bundleCount + ' 个 bundle 中（数据来源: Barter.vg）';
bundleFlag.style.cssText = 'display:block;clear:both;margin-top:2px;padding:1px 6px;font-size:11px;font-weight:700;border-radius:3px;background:#f59e0b;color:#fff;position:relative;z-index:10;';
// 插入到 flag 之后（靠下位置），确保不与 ds_flag 重合；无 flag 时追加到节点末尾
if (flag && flag.parentNode) {
flag.insertAdjacentElement('afterend', bundleFlag);
} else {
node.appendChild(bundleFlag);
}
}
}
function addBanner(block,appid){
let appname = appHubAppName.innerText
let owned = false
let thisgameInfo = saves.familyGameList.GameInfo[appid]
if(block.querySelector('div.game_area_already_owned.page_content')|| thisgameInfo.owners.includes(steamid)){
owned = true
let endplug = document.createElement('div');
endplug.id = 'see_family_benefactor';
endplug.style.position = 'relative';
endplug.style.display = 'inline-block';
endplug.setAttribute('data-tooltip-text', `您有 ${thisgameInfo.owners.length} 个家庭组成员拥有此游戏`);
endplug.innerHTML = `
查看贡献者
${thisgameInfo.owners.length}
`
let targetElement = block.querySelector('div.already_owned_actions');
targetElement.appendChild(endplug);
}
if(owned == false){
let headplug = document.createElement('div');
let targetElement = block.querySelector('div.queue_overflow_ctn');
headplug.style = "background:linear-gradient(to right, rgb(6 207 199 / 60%) 0%, rgb(33 105 106 / 60%) 100%);color:#06cfb5"
headplug.className = "game_area_already_owned page_content"
headplug.innerHTML =`
在家庭库中
您的 Steam 家庭库中已有《${appname}》
`
targetElement.parentNode.insertBefore(headplug, targetElement.nextSibling);
let endplug = document.createElement('div');
targetElement = block.querySelector('div.purchase_options_content');
endplug.className = "game_area_play_stats"
endplug.innerHTML = `
查看贡献者
${thisgameInfo.owners.length}
`
targetElement.parentNode.insertBefore(endplug, targetElement);
}
(function observer_1(){
let btn = document.getElementById('see_family_benefactor')
if(btn){
let innerHTML = `您有 ${thisgameInfo.owners.length} 个家庭组成员拥有此游戏：
`
thisgameInfo.owners.forEach((steamid)=>{
innerHTML+= `${saves.familyInfo.steamIdtoName[steamid]}
`
})
innerHTML+= `--------------------------------------------
该游戏最早由【${saves.familyInfo.steamIdtoName[thisgameInfo.owners[0]]}】购入。
`
btn.onclick = function(){
ShowAlertDialog(`【${saves.familyInfo.family_name}】游戏贡献者`,innerHTML,'好的')
}
}else{
setTimeout(observer_1,200)
}
})();
}
function getGameAppid(element){
return Number(element.firstChild.firstChild.getAttribute('src').split('/')[5])
}
function getGameCounts(containGames_panel){
return Number(containGames_panel.querySelector('div.LP9H7bBiPB8N8jFzCQumL').lastChild.innerText.match(/\d*/)[0])
}
})();
function scan(isdialog){
saves.noPrompt = false
if(isdialog){
let confirmDlg = ShowConfirmDialog('提示','即将开始扫描，请确认已加入一个有效的家庭组，否则脚本可能会出错，扫描期间不要关闭浏览器，耐心等待！','好的，开始扫描')
confirmDlg.done(()=>{
confirmDlg.Dismiss()
dialog = ShowBlockingWaitDialog('正在扫描家庭组库存...')
start()
})
}else{
start()
}
function start(){
getfamilyInfo(access_token).then((returnjson) => {
saves.familyInfo = returnjson
savestorage()
getfamilyGameList(access_token,saves.familyInfo.family_groupid).then((returnjson) => {
saves.familyGameList = returnjson
saves.lastupDateTime = g_ServerTime
savestorage()
// v1.39 修复：扫描完成后刷新菜单入口的游戏数量
if (window.faUpdateMenuBadge) { window.faUpdateMenuBadge(); }
if(isdialog){
dialog.Dismiss()
ShowAlertDialog('完成',`已将${saves.familyGameList.GameList.length}个家庭库游戏记录到本地缓存。`,'好的')
}
}).catch((err) => {
console.error('[家庭库脚本] 获取家庭库游戏列表失败：', err);
if(isdialog && dialog){ dialog.Dismiss(); }
if(isdialog){
ShowAlertDialog('错误','获取家庭库游戏列表失败，请稍后重试。','好的')
}
})
}).catch((err) => {
console.error('[家庭库脚本] 获取家庭组信息失败：', err);
if(isdialog && dialog){ dialog.Dismiss(); }
if(isdialog){
// v1.74：按错误类型给出准确提示——未加入家庭组 vs 网络/接口异常（已自动重试 3 次仍失败）
if(err && err.code === 'NO_FAMILY'){
ShowAlertDialog('提示','未检测到您加入的 Steam 家庭组。\n请先在 Steam 客户端中创建或加入一个家庭组，然后再使用本脚本扫描。','好的')
}else{
ShowAlertDialog('错误','获取家庭组信息失败（已自动重试 3 次）。\n可能原因：网络连接异常、Steam 接口限流或登录状态失效。\n建议：检查网络后刷新页面重新登录，稍后再试。','好的')
}
}
})
}
}
function getfamilyGameList(access_token,family_groupid){
return new Promise((resolve, reject) => {
var url = `https://api.steampowered.com/IFamilyGroupsService/GetSharedLibraryApps/v1/?access_token=${access_token}&family_groupid=${family_groupid}&include_own=true&include_excluded=false&include_non_games=false`;
faGmFetchRetry(url, {timeout: 25000}).then(function(resp) {
var json = resp && resp.response;
if(json){
var returnjson = {"GameList":[],"GameInfo":{}}
json.apps.forEach((app)=>{
if(app.exclude_reason == 0){
returnjson.GameList.push(app.appid)
returnjson.GameInfo[app.appid] = {
"name":app.name,
"owners":app.owner_steamids,
"time":app.rt_time_acquired,
"icon_hash":app.img_icon_hash}
}
})
returnjson.GameList.sort(function(a, b) {
if (returnjson.GameInfo[a].time > returnjson.GameInfo[b].time) {
return -1; // a 应在 b 前面
}else{
return 1; // b 应在 a 前面
}
});
resolve(returnjson)
} else {
reject(new Error('家庭库游戏列表响应为空'));
}
}).catch(function(err) {
reject(err);
});
});
}
// v1.74：单次获取家庭组信息（带响应校验，错误分类：NO_FAMILY=未加入家庭组，其余=可重试的网络/接口异常）
function fetchFamilyInfoOnce(access_token){
return new Promise((resolve, reject) => {
var url = `https://api.steampowered.com/IFamilyGroupsService/GetFamilyGroupForUser/v1/?access_token=${access_token}&include_family_group_response=true`;
faGmFetchRetry(url, {timeout: 25000}).then(function(resp) {
var json = resp && resp.response;
if(!json || Object.keys(json).length === 0){
// Steam 偶发返回空 response，属于可重试异常而非"未加入家庭组"
return reject(new Error('家庭组信息响应为空'));
}
if(!json.family_groupid){
// 明确无 family_groupid 才判定未加入家庭组
var nf = new Error('当前账号未加入家庭组');
nf.code = 'NO_FAMILY';
return reject(nf);
}
if(!json.family_group || !Array.isArray(json.family_group.members)){
// 有 groupid 但详情缺失：接口抖动，可重试
return reject(new Error('家庭组详情响应不完整'));
}
var returnjson = {
"family_groupid":json.family_groupid,
"family_name":json.family_group.name,
"family_member":json.family_group.members,
"steamIdtoName":{},
"steamIdtoAvatar":{}
}
getUserNameBySteamId(access_token,json.family_group.members).then((ret)=>{
returnjson.family_member = ret.family_member
returnjson.steamIdtoName = ret.steamIdtoName
returnjson.steamIdtoAvatar = ret.steamIdtoAvatar || {}
resolve(returnjson)
}).catch((err) => {
reject(err);
})
}).catch(function(err) {
reject(err);
});
})
}
// v1.74：家庭组信息获取入口——网络/接口异常自动重试（最多 3 次，2s/4s 退避），
// 仅在明确无家庭组（NO_FAMILY）时立即失败，避免已有家庭组的用户被误提示
function getfamilyInfo(access_token){
var MAX_ATTEMPTS = 3;
var attempt = 0;
function tryOnce(){
attempt++;
return fetchFamilyInfoOnce(access_token).catch(function(err){
var isNoFamily = err && err.code === 'NO_FAMILY';
if(!isNoFamily && attempt < MAX_ATTEMPTS){
var waitMs = attempt * 2000;
console.warn(`[家庭库脚本] 获取家庭组信息第 ${attempt} 次失败（${err && err.message}），${waitMs/1000}s 后自动重试…`);
return new Promise(function(r){ setTimeout(r, waitMs); }).then(tryOnce);
}
throw err;
});
}
return tryOnce();
}
//该函数弃用
function getMyGame(access_token){
return new Promise((resolve, reject) => {
var xhr = new XMLHttpRequest();
var json
xhr.open("GET", `https://store.steampowered.com/dynamicstore/userdata/`, true);
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
json = JSON.parse(xhr.responseText);
if(json){
if(Object.keys(json).length == 0){
reject("请求自身拥有游戏返回空白。");
}else{
var returnjson = json.rgOwnedApps
resolve(returnjson)
}
}
} else {
reject("请求出错:", xhr.statusText);
}
};
xhr.send();
})
}
function getUserNameBySteamId(access_token,family_member) {
// v1.74：改用 faGmFetchRetry（带超时/重试/429处理），失败时使用兜底昵称降级返回，
// 不再因昵称接口异常导致整个家庭组信息获取失败（原裸 XHR 无 onerror，网络异常时 Promise 永不 settle）
var url = `https://api.steampowered.com/IPlayerService/GetPlayerLinkDetails/v1/?access_token=${access_token}`
family_member.forEach((member, i)=>{
url+=`&steamids[${i}]=${member.steamid}`
})
function fallbackResult(reason){
console.warn('[家庭库脚本] 成员昵称获取失败，使用兜底昵称:', reason);
var steamIdtoName = {}, steamIdtoAvatar = {};
family_member.forEach((member)=>{
if(!member.userName) member.userName = '成员' + String(member.steamid).slice(-4);
steamIdtoName[member.steamid] = member.userName;
});
return { family_member, steamIdtoName, steamIdtoAvatar };
}
return faGmFetchRetry(url, { timeout: 20000, retries: 2 }).then(function(resp) {
var json = resp && resp.response;
if(!json || !Array.isArray(json.accounts)) return fallbackResult('响应格式异常');
var steamIdtoName = {}, steamIdtoAvatar = {};
json.accounts.forEach((user)=>{
var pd = user.public_data || {}
family_member.forEach((member)=>{
if(member.steamid == pd.steamid){
member.userName = pd.persona_name
if (pd.avatar) member.avatar = pd.avatar
}
})
if (pd.steamid) {
steamIdtoName[pd.steamid]=pd.persona_name
if (pd.avatar) steamIdtoAvatar[pd.steamid] = pd.avatar
}
})
// 个别成员昵称缺失时兜底
family_member.forEach((member)=>{
if(!member.userName){
member.userName = '成员' + String(member.steamid).slice(-4);
steamIdtoName[member.steamid] = member.userName;
}
});
return { family_member, steamIdtoName, steamIdtoAvatar };
}).catch(function(err) {
return fallbackResult(err && err.message);
});
}
// 获取家庭成员最近游玩游戏（用于"游玩动态"标签页）
// token: 当前登录用户的 webapi_token；sid: 家庭成员 steamid
// 返回 { total_count, games: [{appid,name,playtime_2weeks,playtime_forever,img_icon_url}] }
function fetchMemberRecentlyPlayed(token, sid) {
return new Promise((resolve) => {
var xhr = new XMLHttpRequest();
xhr.open("GET", `https://api.steampowered.com/IPlayerService/GetRecentlyPlayedGames/v1/?access_token=${token}&steamid=${sid}`, true);
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
try {
var json = JSON.parse(xhr.responseText).response;
resolve({
total_count: json.total_count || 0,
games: (json.games || []).map(function(g) {
return {
appid: g.appid,
name: g.name,
playtime_2weeks: g.playtime_2weeks || 0,
playtime_forever: g.playtime_forever || 0,
img_icon_url: g.img_icon_url || ''
};
})
});
return;
} catch(e){console.warn('[FA]', e)}
}
resolve(null);
};
xhr.onerror = function() { resolve(null); };
xhr.send();
});
}
// 获取成员所有拥有游戏的总游玩时长（v1.38 修复：GetOwnedGames 含全部游戏，而非仅最近2周游玩的）
function fetchMemberOwnedGamesTotal(token, sid) {
return new Promise((resolve) => {
var xhr = new XMLHttpRequest();
xhr.open("GET", `https://api.steampowered.com/IPlayerService/GetOwnedGames/v1/?access_token=${token}&steamid=${sid}&include_played_free_games=1`, true);
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
try {
var json = JSON.parse(xhr.responseText).response;
var games = json.games || [];
var totalMinutes = 0;
games.forEach(function(g) { totalMinutes += (g.playtime_forever || 0); });
resolve({ totalMinutes: totalMinutes, gameCount: json.game_count || games.length });
return;
} catch(e){console.warn('[FA]', e)}
}
resolve(null);
};
xhr.onerror = function() { resolve(null); };
xhr.send();
});
}
// v1.72：获取成员拥有游戏的 per-game 游玩时长（用于价值洞察散点图）
// 改用 GM_xmlhttpRequest（via faGmGetJson）替代 XMLHttpRequest，参考 steam-game-library-viewer
// 的 requestSteamAPI 模式——GM_xmlhttpRequest 不受 CORS 限制且依赖 @connect api.steampowered.com，
// 比 XHR 更可靠。返回 [{appid, playtime, recent}]，playtime=总分钟数，recent=近2周分钟数
function faFetchMemberPlaytimeGames(token, sid) {
var reqUrl = 'https://api.steampowered.com/IPlayerService/GetOwnedGames/v1/?access_token=' + token + '&steamid=' + sid + '&include_appinfo=1&include_played_free_games=1';
return faGmGetJson(reqUrl, 20000).then(function(resp) {
if (!resp || !resp.response || !resp.response.games) {
console.warn('[FA] GetOwnedGames per-game: 响应为空或无 games 字段, sid=' + sid);
return [];
}
return resp.response.games.map(function(g) {
return { appid: g.appid, playtime: g.playtime_forever || 0, recent: g.playtime_2weeks || 0 };
});
});
}
// v1.66：Toast 非阻塞通知系统（参考 steam-friend-manager toast 单例模式）
var faToast = {
_el: null,
_timer: null,
_show: function(msg, type) {
if (!this._el) {
this._el = document.createElement('div');
this._el.id = 'fa-toast';
document.body.appendChild(this._el);
}
this._el.textContent = msg;
this._el.className = 'fa-toast' + (type ? ' fa-toast-' + type : '');
requestAnimationFrame(function() { this._el.classList.add('fa-toast-show'); }.bind(this));
if (this._timer) clearTimeout(this._timer);
this._timer = setTimeout(function() {
this._el.classList.remove('fa-toast-show');
}.bind(this), 2500);
},
success: function(msg) { this._show(msg, 'success'); },
error: function(msg) { this._show(msg, 'error'); },
warning: function(msg) { this._show(msg, 'warning'); },
info: function(msg) { this._show(msg, 'info'); }
};
// ===================== 全局样式注入（v1.46 合并精简） =====================
// 原先分散在 renderPlayActivityTab / renderWishlistTab 的 fa-spin 与 fa-wl-* 注入块，
// 以及面板 HTML 中重复的内联样式（7 处标签页容器 / 4 处绿按钮 / 5 处卡片），统一收敛到此。
function faInjectGlobalStyle() {
if (document.getElementById('fa-global-style')) return;
var st = document.createElement('style');
st.id = 'fa-global-style';
st.textContent = '@keyframes fa-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}'
+ '.fa-tab-pane{padding:12px 14px;overflow-y:auto;max-height:calc(85vh - 160px)}'
+ '.fa-card{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}'
+ '.fa-btn-green{background:linear-gradient(180deg,#4c7a34 0%,#3a5f28 100%);border:1px solid #5a8f3a;color:#d2e9c0;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}'
+ '.fa-btn-green:hover{background:linear-gradient(180deg,#5a8f3a 0%,#4c7a34 100%)}'
+ '.fa-btn-green.fa-btn-sm{padding:3px 10px;font-size:11px}'
+ '.fa-wl-pgbtn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#8097a8;padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px}'
+ '.fa-wl-pgbtn:disabled{opacity:.4;cursor:default}'
+ '.fa-wl-pgbtn:not(:disabled):hover{background:rgba(255,255,255,.12);color:#c6d4df}'
+ '.fa-wl-pgbtn.fa-btn-md{padding:4px 10px;border-radius:4px;font-size:12px}'
+ '.fa-wl-badge{font-size:8px;padding:1px 4px;border-radius:2px;white-space:nowrap}'
+ '.fa-wl-card{display:flex;align-items:center;gap:5px;padding:4px 6px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:5px;overflow:hidden;min-width:0}'
+ '.fa-wl-name{font-size:11px;font-weight:600;color:#e2e8f0;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}'
+ '.fa-wl-name:hover{color:#06cfbe}'
// v1.58：愿望单视图切换 / 二级筛选 / 封面视图 / 成员头像
+ '.fa-wl-view-toggle{display:flex;gap:2px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px}'
+ '.fa-wl-view-btn{background:transparent;border:none;color:#8097a8;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:3px;transition:all .2s}'
+ '.fa-wl-view-btn:hover{color:#c6d4df}'
+ '.fa-wl-view-btn.active{background:rgba(6,207,190,.2);color:#06cfbe}'
+ '.fa-wl-subtags{display:flex;gap:4px;flex-wrap:wrap;flex:1 1 auto;min-width:0;align-items:center}'
+ '.fa-wl-subtag{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#8097a8;padding:3px 9px;border-radius:4px;cursor:pointer;font-size:11px;white-space:nowrap}'
+ '.fa-wl-subtag:hover:not(.disabled){background:rgba(255,255,255,.1);color:#c6d4df}'
+ '.fa-wl-subtag.active{background:rgba(84,160,255,.2);border-color:rgba(84,160,255,.4);color:#54a0ff}'
+ '.fa-wl-subtag.disabled{opacity:.35;cursor:not-allowed}'
+ '.fa-wl-cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}'
+ '.fa-wl-cover-card{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,background .2s}'
+ '.fa-wl-cover-card:hover{border-color:rgba(6,207,190,.35);background:rgba(6,207,190,.04)}'
+ '.fa-wl-cover-cap-wrap{position:relative;aspect-ratio:184/69;overflow:hidden;background:#0f172a;cursor:pointer}'
+ '.fa-wl-cover-cap{width:100%;height:100%;object-fit:cover;display:block}'
+ '.fa-wl-cover-want-badge{position:absolute;top:4px;right:4px;background:rgba(84,160,255,.85);color:#0f172a;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px}'
+ '.fa-wl-cover-lib-badge{position:absolute;top:4px;left:4px;background:rgba(6,207,190,.85);color:#0f172a;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px}'
+ '.fa-wl-cover-soon-badge{position:absolute;bottom:4px;left:4px;background:rgba(56,189,248,.85);color:#0f172a;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px}'
+ '.fa-wl-cover-info{padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-width:0}'
+ '.fa-wl-cover-name{font-size:12px;font-weight:600;color:#e2e8f0;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
+ '.fa-wl-cover-name:hover{color:#06cfbe}'
+ '.fa-wl-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}'
+ '.fa-wl-cover-avatars{display:flex;align-items:center;flex-shrink:0}'
+ '@media(max-width:900px){.fa-wl-cover-grid{grid-template-columns:repeat(3,1fr)}}'
+ '@media(max-width:600px){.fa-wl-cover-grid{grid-template-columns:repeat(2,1fr)}}'
// v1.56：购买动态封面视图样式（参考 steam-friend-manager sfd-pl-recent-* 系列）
+ '.fa-act-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}'
+ '.fa-act-view-toggle{display:flex;gap:2px;background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:2px}'
+ '.fa-act-view-btn{background:transparent;border:none;color:#8097a8;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:3px;transition:all 0.2s}'
+ '.fa-act-view-btn:hover{color:#c6d4df}'
+ '.fa-act-view-btn.active{background:rgba(6,207,190,0.2);color:#06cfbe}'
+ '.fa-act-cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}'
+ '.fa-act-cover-card{background:rgba(15,23,42,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.2s,background 0.2s;position:relative}'
+ '.fa-act-cover-card:hover{border-color:rgba(6,207,190,0.35);background:rgba(6,207,190,0.04)}'
+ '.fa-act-cover-card.is-new{border-color:rgba(6,207,190,0.3)}'
+ '.fa-act-cover-cap-wrap{position:relative;aspect-ratio:184/69;overflow:hidden;background:#0f172a;cursor:pointer}'
+ '.fa-act-cover-cap{width:100%;height:100%;object-fit:cover;display:block}'
+ '.fa-act-cover-new-badge{position:absolute;top:4px;right:4px;background:rgba(6,207,190,0.85);color:#0f172a;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;letter-spacing:0.5px}'
+ '.fa-act-cover-info{padding:7px 9px;display:flex;flex-direction:column;gap:3px}'
+ '.fa-act-cover-name{font-size:12px;font-weight:600;color:#e2e8f0;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
+ '.fa-act-cover-name:hover{color:#06cfbe}'
+ '.fa-act-cover-meta{display:flex;gap:8px;font-size:10px;color:#8097a8;flex-wrap:wrap;align-items:center}'
+ '.fa-act-cover-buyer{color:#54a0ff;font-weight:500}'
+ '@media(max-width:900px){.fa-act-cover-grid{grid-template-columns:repeat(3,1fr)}}'
+ '@media(max-width:600px){.fa-act-cover-grid{grid-template-columns:repeat(2,1fr)}}'
// v1.62：共享冷却标签页样式（v1.63：保留封面图，优化下方信息为两列布局）
+ '.fa-cd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}'
+ '.fa-cd-section{margin-top:10px}'
+ '.fa-cd-section-title{font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}'
+ '.fa-cd-empty{font-size:12px;color:#64748b;padding:10px 4px}'
+ '.fa-cd-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}'
+ '.fa-cd-card{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,background .2s}'
+ '.fa-cd-card:hover{border-color:rgba(6,207,190,.3);background:rgba(6,207,190,.04)}'
+ '.fa-cd-cap-wrap{position:relative;aspect-ratio:184/69;overflow:hidden;background:#0f172a;cursor:pointer}'
+ '.fa-cd-cap{width:100%;height:100%;object-fit:cover;display:block}'
+ '.fa-cd-info{padding:6px 8px;display:flex;align-items:center;gap:6px;min-width:0}'
+ '.fa-cd-col-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}'
+ '.fa-cd-name{font-size:12px;font-weight:600;color:#e2e8f0;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
+ '.fa-cd-name:hover{color:#06cfbe}'
+ '.fa-cd-countdown{font-size:11px;font-weight:700;color:#ff6b6b;font-variant-numeric:tabular-nums}'
+ '.fa-cd-borrower-name{font-size:9px;color:#54a0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
+ '.fa-cd-col-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}'
+ '.fa-cd-avatars{display:flex;align-items:center;flex-shrink:0}'
+ '.fa-cd-pgbar{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:6px}'
+ '@media(max-width:900px){.fa-cd-list{grid-template-columns:repeat(2,1fr)}}'
+ '@media(max-width:600px){.fa-cd-list{grid-template-columns:1fr}}'
// v1.62：DLC 拥有状态标记与按钮激活态
+ '.fa-btn-green.active{box-shadow:0 0 0 2px rgba(6,207,190,.4)}'
+ '.fa-dlc-owned-mark{display:inline-flex;align-items:center;gap:2px}'
// v1.64：愿望单加载进度——成员头像旋转光圈特效
+ '@keyframes fa-wl-ring-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}'
+ '@keyframes fa-wl-dot-pulse{0%,80%,100%{opacity:.3;transform:scale(.7)}40%{opacity:1;transform:scale(1.3)}}'
+ '.fa-wl-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:16px;color:#8097a8}'
+ '.fa-wl-loading-ring{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,transparent 0%,#06cfbe 30%,#54a0ff 60%,transparent 90%);animation:fa-wl-ring-spin 1.2s linear infinite;flex-shrink:0}'
+ '.fa-wl-loading-ring-inner{width:100%;height:100%;border-radius:50%;background:#0e1824;display:flex;align-items:center;justify-content:center;overflow:hidden}'
+ '.fa-wl-loading-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}'
+ '.fa-wl-loading-name{font-size:15px;font-weight:600;color:#c6d4df;text-align:center;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
+ '.fa-wl-loading-progress{font-size:12px;color:#8097a8;text-align:center;line-height:1.6}'
+ '.fa-wl-loading-dots{display:inline-flex;gap:3px;margin-left:4px;vertical-align:middle}'
+ '.fa-wl-loading-dots span{width:4px;height:4px;border-radius:50%;background:#06cfbe;animation:fa-wl-dot-pulse 1.4s ease-in-out infinite}'
+ '.fa-toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(15,23,42,0.95);color:#fff;border:1px solid rgba(6,207,190,0.5);padding:10px 24px;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,0.3);z-index:999999;opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.3s}'
+ '.fa-toast.fa-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}'
+ '.fa-toast.fa-toast-success{border-color:#2ed573}'
+ '.fa-toast.fa-toast-error{border-color:#ff6b6b}'
+ '.fa-toast.fa-toast-warning{border-color:#f59e0b}'
+ '.fa-toast.fa-toast-info{border-color:#54a0ff}'
+ '.fa-wl-loading-dots span:nth-child(2){animation-delay:.2s}'
+ '.fa-wl-loading-dots span:nth-child(3){animation-delay:.4s}'
// v1.64：购买动态成员筛选下拉框样式（v1.75：修复"购买者"文本竖排换行——flex-shrink:0 + white-space:nowrap）
+ '.fa-act-filter{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}'
+ '.fa-act-filter select{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);color:#c6d4df;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;outline:none;max-width:140px;flex-shrink:0}'
+ '.fa-act-filter select:hover{border-color:rgba(6,207,190,.4)}'
+ '.fa-act-filter select:focus{border-color:#06cfbe60}';
document.head.appendChild(st);
}
// ===================== v1.41 家庭愿望单 API =====================
// 参考 steam-wishlist-exporter-2.1.3 和 steam-game-library-viewer-2.3.25 的多源降级策略：
// 来源1（主）：愿望单页面 SSR 提取（最可靠，利用登录会话 Cookie 渲染的 React Query 数据）
// 来源2（补/降级）：wishlistdata JSON API 分页（补充名称/价格/标签）
// 合并策略：SSR 提供 date_added/priority + StoreItem 详情（首批），API 补充缺失的名称/价格/标签
// ---- SSR 辅助函数 ----
// 从愿望单页面 HTML 中提取 React Query SSR queries 数组
// 参考 steam-game-library-viewer 的 wlExtractQueryDataFromText
function faWlExtractQueryDataFromText(text) {
try {
var idx = 0;
while ((idx = text.indexOf('JSON.parse(', idx)) !== -1) {
var start = text.indexOf('"', idx + 11);
if (start === -1) { idx++; continue; }
var i = start + 1, inEsc = false;
while (i < text.length) {
var c = text[i];
if (inEsc) inEsc = false;
else if (c === '\\') inEsc = true;
else if (c === '"') break;
i++;
}
var escaped = text.substring(start + 1, i).replace(/[\n\r]/g, '');
var decoded = '';
try { decoded = JSON.parse('"' + escaped + '"'); } catch (_) { idx = i + 1; continue; }
if (typeof decoded === 'string' && decoded.indexOf('queryData') !== -1) {
try {
var outer = JSON.parse(decoded);
if (outer && typeof outer.queryData === 'string') {
var qd = JSON.parse(outer.queryData);
if (qd && Array.isArray(qd.queries)) return qd.queries;
}
} catch (_) {}
}
idx = i + 1;
}
} catch (e) { console.warn('[FA-WL] SSR extract failed:', e); }
return null;
}
// 从 queries 数组提取愿望单条目 / StoreItem 缓存 / 标签名映射
function faWlExtractFromQueries(queries) {
var entries = [];
var tagNameMap = {};
var storeItemCache = {};
for (var qi = 0; qi < queries.length; qi++) {
var query = queries[qi];
if (!query || !query.state || !query.state.data) continue;
var data = query.state.data;
var qKey = query.queryKey || [];
// 愿望单条目（含 appid/priority/date_added/category_ids）
if (qKey[0] === 'WishlistSortedFiltered') {
var payload = Array.isArray(data) ? { items: data } : data;
if (payload && Array.isArray(payload.items)) {
for (var ii = 0; ii < payload.items.length; ii++) entries.push(payload.items[ii]);
}
}
// 标签名映射（tagid -> name）
if (qKey[0] === 'LocalizedTagNames' && typeof data === 'object' && !Array.isArray(data)) {
for (var tk in data) tagNameMap[tk] = data[tk];
}
// StoreItem 详情（按 appid 聚合各子查询）
if (qKey.length >= 3 && qKey[0] === 'StoreItem') {
var appId = parseInt(String(qKey[1]).replace(/^app_/, ''), 10);
if (!appId || isNaN(appId)) continue;
if (!storeItemCache[appId]) storeItemCache[appId] = { _appId: appId };
storeItemCache[appId][qKey[2]] = data;
}
}
// 去重（按 appid）
var seen = {};
var unique = [];
for (var ei = 0; ei < entries.length; ei++) {
var e = entries[ei];
if (e && e.appid && !seen[e.appid]) { seen[e.appid] = true; unique.push(e); }
}
return { entries: unique, storeItemCache: storeItemCache, tagNameMap: tagNameMap };
}
// 统一的条目完整度判定：名称非占位 +（免费或有价格）+ 有标签（v1.52 抽取为公共函数）
function faWlMetaJudgeDone(entry) {
var nameOk = !!(entry.name && entry.name !== ('App ' + entry.appid));
// v1.60：已确认未发售（isComingSoon）的游戏可以合法无价格，视为价格已知，
// 否则未发售无价格游戏永远 _metaDone=false，每次打开面板都会重复补全
var priceOk = entry.isFree === true || (Number(entry.finalPrice) > 0) || entry.isComingSoon === true;
var tagsOk = Array.isArray(entry.tags) && entry.tags.length > 0;
entry._metaDone = nameOk && priceOk && tagsOk;
}
// 将 StoreItem 缓存数据应用到条目（补全名称/价格/标签/类型）
function faWlApplyStoreItem(entry, storeData, tagNameMap) {
if (!entry || !storeData) return;
var di = storeData.default_info;
if (di) {
if (di.name && (!entry.name || entry.name === ('App ' + entry.appid))) entry.name = String(di.name);
if (typeof di.type === 'number') {
var typeMap = { 0: 'game', 1: 'dlc', 2: 'software', 3: 'video', 4: 'series', 6: 'music', 7: 'tool', 8: 'video_series' };
entry.type = typeMap[di.type] || 'other';
} else if (di.type) {
entry.type = String(di.type).toLowerCase();
}
if (di.is_free === true) entry.isFree = true;
var bpo = di.best_purchase_option;
if (bpo) {
var finalCents = Number(bpo.final_price_in_cents) || 0;
var originalCents = Number(bpo.original_price_in_cents) || 0;
entry.finalPrice = finalCents / 100;
entry.originalPrice = (originalCents > 0 ? originalCents : finalCents) / 100;
entry.discountPct = Number(bpo.discount_pct || bpo.bundle_discount_pct || 0);
// v1.43：有折扣但原价缺失/不合法时，由折扣价反推原价
if (entry.discountPct > 0 && entry.discountPct < 100 && entry.originalPrice <= entry.finalPrice) {
entry.originalPrice = entry.finalPrice / (1 - entry.discountPct / 100);
}
if (finalCents === 0 && entry.discountPct === 0) entry.isFree = true;
// v1.60 修复（参考 1.0.8）：active_discounts 无 pct 字段但代表折扣事实，纳入 onSale，
// 否则仅按 discountPct>0 统计会漏掉此类促销游戏
entry.onSale = entry.discountPct > 0 || !!(bpo.active_discounts && bpo.active_discounts.length);
}
}
// v1.60 修复（参考 1.0.8 buildItemFromStoreCache）：发售状态权威判定——
// default_info.is_coming_soon 是权威字段（实测：未发售=true，已发售无此键），
// 其次 include_release 的 is_coming_soon / steam_release_date 未来时间戳；
// default_info 或 include_release 任一存在即代表发售状态已知（可回退 true→false，纠正旧缓存）
var rel = storeData.include_release || null;
var rdTs = rel ? (Number(rel.steam_release_date) || 0) : 0;
var soon = (di && di.is_coming_soon === true) || (rel && rel.is_coming_soon === true);
if (!soon && rdTs * 1000 > Date.now()) soon = true;
if (di || rel) {
entry.isComingSoon = !!soon;
entry._releaseKnown = true;
if (rdTs > 0) entry.releaseDate = new Date(rdTs * 1000).toISOString().slice(0, 10);
}
// top_tags -> 标签名列表
var tt = storeData.top_tags;
if (Array.isArray(tt) && tt.length > 0) {
var tags = [];
for (var ti = 0; ti < tt.length; ti++) {
var t = tt[ti];
if (!t) continue;
if (t.name) tags.push(t.name);
else if (t.tagid != null && tagNameMap[t.tagid]) tags.push(tagNameMap[t.tagid]);
}
if (tags.length > 0) entry.tags = tags.filter(Boolean).slice(0, 20);
}
// v1.42 修复：仅当名称/价格/标签均齐备时才标记完成。
// SSR StoreItem 缓存可能只有部分子查询（如仅有 top_tags 而无 default_info），
// 之前无条件标记 _metaDone 会导致后台 appdetails 补全被跳过，名称永远停留在占位符。
faWlMetaJudgeDone(entry);
}
// 来源1：从愿望单页面 HTML 抓取 SSR 数据（主来源，最可靠）
function faWlFetchFromPage(steamid) {
return new Promise(function(resolve) {
var isProfileId = /^\d{17}$/.test(String(steamid));
var url = isProfileId
? 'https://store.steampowered.com/wishlist/profiles/' + steamid + '/'
: 'https://store.steampowered.com/wishlist/id/' + steamid + '/';
GM_xmlhttpRequest({
method: 'GET',
url: url,
timeout: 30000,
onload: function(resp) {
if (resp.status < 200 || resp.status >= 300 || !resp.responseText) {
console.warn('[FA-WL] 页面抓取失败: HTTP', resp.status);
resolve(null);
return;
}
var queries = faWlExtractQueryDataFromText(resp.responseText);
if (!queries) {
console.warn('[FA-WL] 页面未找到 SSR queryData');
resolve(null);
return;
}
var data = faWlExtractFromQueries(queries);
console.log('[FA-WL] SSR: ' + data.entries.length + ' 条目, ' + Object.keys(data.storeItemCache).length + ' 详情');
if (data.entries.length === 0) { resolve(null); return; }
resolve(data);
},
onerror: function() { console.warn('[FA-WL] 页面网络错误'); resolve(null); },
ontimeout: function() { console.warn('[FA-WL] 页面请求超时'); resolve(null); }
});
});
}
// v1.66：统一 API 调用层 — 封装 GM_xmlhttpRequest 带重试机制（参考 steam-friend-manager requestSteamAPI）
function faGmFetchRetry(url, options) {
options = options || {};
var timeout = options.timeout || 20000;
var maxRetries = options.retries || 2;
var method = options.method || 'GET';
return new Promise(function(resolve, reject) {
var attempt = 0;
function doRequest() {
GM_xmlhttpRequest({
method: method,
url: url,
timeout: timeout,
onload: function(resp) {
// v1.74：429 限流 / 5xx 服务端错误视为可重试错误（原版本会直接交给业务层，
// 空响应被误判为"未加入家庭组"）
if (resp.status === 429 || resp.status >= 500) {
attempt++;
if (attempt <= maxRetries) {
console.warn('[FA] HTTP ' + resp.status + '，第 ' + attempt + ' 次重试:', url);
setTimeout(doRequest, attempt * 1500);
return;
}
reject(new Error('HTTP ' + resp.status));
return;
}
if (resp.status < 200 || resp.status >= 300) {
reject(new Error('HTTP ' + resp.status));
return;
}
try {
resolve(JSON.parse(resp.responseText));
} catch (e) {
console.warn('[FA] JSON 解析失败:', url, e);
reject(new Error('JSON parse failed'));
}
},
onerror: function(err) {
attempt++;
if (attempt <= maxRetries) {
console.warn('[FA] 请求失败，第 ' + attempt + ' 次重试:', url);
setTimeout(doRequest, attempt * 1000);
} else {
reject(err);
}
},
ontimeout: function() {
attempt++;
if (attempt <= maxRetries) {
console.warn('[FA] 请求超时，第 ' + attempt + ' 次重试:', url);
setTimeout(doRequest, attempt * 1000);
} else {
reject(new Error('timeout'));
}
}
});
}
doRequest();
});
}
// v1.60：GM_xmlhttpRequest 的 Promise 封装（JSON），失败/超时/解析错误一律 resolve(null)
function faGmGetJson(reqUrl, timeoutMs) {
return new Promise(function(resolve) {
GM_xmlhttpRequest({
method: 'GET',
url: reqUrl,
timeout: timeoutMs || 20000,
onload: function(resp) {
if (resp.status < 200 || resp.status >= 300) { resolve(null); return; }
try { resolve(JSON.parse(resp.responseText)); } catch (e) { resolve(null); }
},
onerror: function() { resolve(null); },
ontimeout: function() { resolve(null); }
});
});
}
// v1.60 提速（参考 Steam-Wishlist-Sidebar 1.0.9 fetchAllWishlistDataPages）：
// 并发波次拉取 wishlistdata 全部分页（每波 4 页并行），替代串行逐页 + 300ms 等待。
// 单页失败/为空即视为已到末页（与原逻辑一致）；返回按 appid 去重的原始 {appid, info} 列表。
function faWlFetchAllApiPages(base, maxPages) {
var WAVE = 4;
var all = [];
var seen = {};
function fetchOne(p) {
return faGmGetJson(base + '?p=' + p, 20000).then(function(data) { return { p: p, d: data }; });
}
function wave(page) {
if (page >= maxPages) return Promise.resolve(all);
var batch = [];
for (var i = 0; i < WAVE && page + i < maxPages; i++) batch.push(page + i);
return Promise.all(batch.map(fetchOne)).then(function(results) {
results.sort(function(a, b) { return a.p - b.p; });
var done = false;
for (var ri = 0; ri < results.length; ri++) {
if (done) break;
var d = results[ri].d;
if (!d || (typeof d === 'object' && Object.keys(d).length === 0)) { done = true; break; }
var items = Array.isArray(d) ? d : Object.entries(d);
if (items.length === 0) { done = true; break; }
items.forEach(function(item) {
var appid, info;
if (Array.isArray(item)) {
appid = Number(item[0]);
info = item[1];
} else {
appid = Number(item.appid);
info = item;
}
if (!appid || isNaN(appid) || !info || seen[appid]) return;
seen[appid] = true;
all.push({ appid: appid, info: info });
});
}
if (done) return all;
return wave(page + WAVE);
});
}
return wave(0);
}
// 来源2：wishlistdata JSON API 分页（补充名称/价格/标签/类型）
// v1.52：① 兼容新版 best_purchase_option 价格格式（旧版 subs 仍保留解析，与参考脚本 normalizeWishlistEntry 对齐）
// ② profiles/id 路径按 steamid 形态自适应（17位 SteamID64 用 profiles，自定义 ID 用 id）
function faWlFetchFromApi(steamid) {
var maxPages = 60;
var isProfileId = /^\d{17}$/.test(String(steamid));
var base = isProfileId
? 'https://store.steampowered.com/wishlist/profiles/' + steamid + '/wishlistdata/'
: 'https://store.steampowered.com/wishlist/id/' + steamid + '/wishlistdata/';
// v1.60：并发波次拉页（原串行 300ms/页是多成员愿望单加载慢的主因之一）
return faWlFetchAllApiPages(base, maxPages).then(function(raws) {
return raws.map(function(r) { return faWlParseApiEntry(r.appid, r.info); });
});
}
// v1.60：从 faWlFetchFromApi 抽出的单条解析（价格/折扣/发售状态权威判定，便于复用与测试）
function faWlParseApiEntry(appid, info) {
var finalPrice = 0, originalPrice = 0, discountPct = 0, isFree = false, onSale = false;
// v1.60 修复（参考 1.0.8）：旧格式只读 subs[0] 会漏掉折扣在非首个购买选项的游戏，改取折扣最大的 sub
if (info.subs && info.subs.length > 0) {
var sub = info.subs[0];
for (var si = 0; si < info.subs.length; si++) {
if ((Number(info.subs[si].discount_pct) || 0) > (Number(sub.discount_pct) || 0)) sub = info.subs[si];
}
finalPrice = (Number(sub.price) || 0) / 100;
discountPct = Number(sub.discount_pct) || 0;
originalPrice = (discountPct > 0 && discountPct < 100) ? finalPrice / (1 - discountPct / 100) : finalPrice;
isFree = Number(sub.price) === 0;
}
// 新格式：best_purchase_option（单位：分）
var bpo = info.best_purchase_option;
if (bpo) {
finalPrice = (Number(bpo.final_price_in_cents) || 0) / 100;
originalPrice = (Number(bpo.original_price_in_cents) || 0) / 100;
if (originalPrice <= 0) originalPrice = finalPrice;
discountPct = Number(bpo.discount_pct || bpo.bundle_discount_pct || 0);
if (discountPct > 0 && discountPct < 100 && originalPrice <= finalPrice) {
originalPrice = finalPrice / (1 - discountPct / 100);
}
if (finalPrice === 0 && discountPct === 0) isFree = true;
// v1.60 修复（参考 1.0.8）：active_discounts 无 pct 字段但代表折扣事实
onSale = discountPct > 0 || !!(bpo.active_discounts && bpo.active_discounts.length);
}
if (!isFinite(finalPrice) || finalPrice < 0) finalPrice = 0;
if (!isFinite(originalPrice) || originalPrice < 0) originalPrice = finalPrice;
if (!isFinite(discountPct) || discountPct < 0 || discountPct > 100) discountPct = 0;
if (discountPct > 0) onSale = true;
// v1.60 修复（参考 1.0.8 applyApiInfoToItem）：发售状态多源权威判定——
// is_coming_soon 字段 / release_date 未来时间戳 / release_string 未发售措辞
//（即将推出/Coming Soon/TBA/Q3 等），且可回退 true→false（游戏已发售时纠正旧缓存）
var rdTs = Number(info.release_date) || 0;
var relStr = (typeof info.release_string === 'string') ? info.release_string : '';
var soon = info.is_coming_soon === true;
if (!soon && rdTs * 1000 > Date.now()) soon = true;
if (!soon && relStr && /即将推出|即将宣布|coming soon|to be announced|\btba\b|\btbd\b|\bq[1-4]\b|summer|winter|spring|fall|autumn|^\s*\d{4}\s*$|年第[一二三四1-4]季度|[春夏秋冬]季/i.test(relStr)) soon = true;
var relKnown = (typeof info.is_coming_soon !== 'undefined') || rdTs > 0 || soon;
var entry = {
appid: appid,
name: (info.name && String(info.name).trim()) || ('App ' + appid),
priority: Number(info.priority) || 0,
addedDate: Number(info.date_added) || 0,
finalPrice: finalPrice,
originalPrice: originalPrice,
discountPct: discountPct,
onSale: onSale,
isFree: !!info.is_free || isFree,
isComingSoon: false,
releaseDate: '',
_releaseKnown: false,
type: String(info.type || '').toLowerCase(),
tags: (info.tags || []).map(function(t) {
return typeof t === 'string' ? t : (t.name || '');
}).filter(Boolean).slice(0, 20),
_metaDone: false
};
if (relKnown) {
entry.isComingSoon = !!soon;
entry._releaseKnown = true;
if (rdTs > 0) entry.releaseDate = new Date(rdTs * 1000).toISOString().slice(0, 10);
}
return entry;
}
// ===================== 用户主货币检测（v1.43） =====================
// 参考 Steam-Spending-History-Classifier 的主货币思路：
// 优先读取 g_rgWalletInfo.wallet_currency（Steam 钱包货币数字代码），
// 其次读取 application_config 的 country_code 推断，默认 CNY。
var faCurrency = { id: 'CNY', symbol: '¥', cc: 'cn' };
function faDetectUserCurrency() {
// Steam ECurrencyCode → [货币代码, 符号, 国家代码]
var codeMap = {
1: ['USD', '$', 'us'], 2: ['GBP', '£', 'gb'], 3: ['EUR', '€', 'eu'], 4: ['CHF', 'CHF ', 'ch'],
5: ['RUB', '₽', 'ru'], 6: ['PLN', 'zł', 'pl'], 7: ['BRL', 'R$', 'br'], 8: ['JPY', '¥', 'jp'],
9: ['NOK', 'kr', 'no'], 10: ['IDR', 'Rp', 'id'], 11: ['MYR', 'RM', 'my'], 12: ['PHP', '₱', 'ph'],
13: ['SGD', 'S$', 'sg'], 14: ['THB', '฿', 'th'], 15: ['VND', '₫', 'vn'], 16: ['KRW', '₩', 'kr'],
17: ['TRY', '₺', 'tr'], 18: ['UAH', '₴', 'ua'], 19: ['MXN', 'Mex$', 'mx'], 20: ['CAD', 'C$', 'ca'],
21: ['AUD', 'A$', 'au'], 22: ['NZD', 'NZ$', 'nz'], 23: ['CNY', '¥', 'cn'], 24: ['INR', '₹', 'in'],
25: ['CLP', 'CLP$', 'cl'], 26: ['PEN', 'S/', 'pe'], 27: ['COP', 'COL$', 'co'], 28: ['ZAR', 'R', 'za'],
29: ['HKD', 'HK$', 'hk'], 30: ['TWD', 'NT$', 'tw'], 31: ['SAR', 'SR', 'sa'], 32: ['AED', 'AED ', 'ae'],
34: ['ARS', 'ARS$', 'ar'], 35: ['ILS', '₪', 'il'], 37: ['KZT', '₸', 'kz'], 38: ['KWD', 'KD', 'kw'],
39: ['QAR', 'QR', 'qa'], 40: ['CRC', '₡', 'cr'], 41: ['UYU', '$U', 'uy']
};
try {
if (typeof g_rgWalletInfo !== 'undefined' && g_rgWalletInfo && g_rgWalletInfo.wallet_currency) {
var hit = codeMap[Number(g_rgWalletInfo.wallet_currency)];
if (hit) { faCurrency = { id: hit[0], symbol: hit[1], cc: hit[2] }; return; }
}
} catch (e) {}
// 国家代码 → [货币代码, 符号]
var ccMap = {
cn: ['CNY', '¥'], hk: ['HKD', 'HK$'], tw: ['TWD', 'NT$'], jp: ['JPY', '¥'], kr: ['KRW', '₩'],
us: ['USD', '$'], gb: ['GBP', '£'], uk: ['GBP', '£'], eu: ['EUR', '€'], de: ['EUR', '€'], fr: ['EUR', '€'],
ru: ['RUB', '₽'], br: ['BRL', 'R$'], in: ['INR', '₹'], ca: ['CAD', 'C$'], au: ['AUD', 'A$'],
nz: ['NZD', 'NZ$'], tr: ['TRY', '₺'], mx: ['MXN', 'Mex$'], ar: ['ARS', 'ARS$'], cl: ['CLP', 'CLP$'],
th: ['THB', '฿'], sg: ['SGD', 'S$'], my: ['MYR', 'RM'], id: ['IDR', 'Rp'], ph: ['PHP', '₱'],
vn: ['VND', '₫'], za: ['ZAR', 'R'], ua: ['UAH', '₴'], pl: ['PLN', 'zł'], no: ['NOK', 'kr'],
ch: ['CHF', 'CHF '], sa: ['SAR', 'SR'], ae: ['AED', 'AED '], il: ['ILS', '₪'], co: ['COP', 'COL$'],
pe: ['PEN', 'S/'], kz: ['KZT', '₸']
};
try {
if (typeof application_config !== 'undefined' && application_config) {
var cfg = JSON.parse(application_config.getAttribute('data-store_user_config') || '{}');
var cc = String(cfg.country_code || '').toLowerCase();
if (cc && ccMap[cc]) { faCurrency = { id: ccMap[cc][0], symbol: ccMap[cc][1], cc: cc }; }
}
} catch (e) {}
}
// ===================== 游戏中文名获取（参考 steam-friend-manager-1.1.2 fetchGameZhName） =====================
// 通过 store.steampowered.com/api/appdetails?l=schinese 获取简体中文名称，
// 带跨会话持久缓存（30天 TTL）和内存级防重复请求（pending Map），
// 供家庭库游戏列表、游玩动态、家庭愿望单等面板异步替换英文名。
var FA_GAME_NAME_KEY = 'faGameNameCache';
var FA_NAME_CACHE_TTL = 30 * 864e5; // 30天过期
var _faGameNameCache = null;
var _faGameNamePending = new Map();
function faGameNameCacheLoad() {
if (_faGameNameCache !== null) return _faGameNameCache;
_faGameNameCache = {};
try {
var raw = GM_getValue(FA_GAME_NAME_KEY);
if (raw && typeof raw === 'object') _faGameNameCache = raw;
} catch (e) {}
return _faGameNameCache;
}
function faGameNameCacheSave() {
try { GM_setValue(FA_GAME_NAME_KEY, _faGameNameCache || {}); } catch (e) {}
}
// 获取游戏中文名（异步，返回 Promise，空字符串表示获取失败）
function faFetchGameZhName(appid) {
var id = String(appid);
var cache = faGameNameCacheLoad();
var cached = cache[id];
if (cached && cached.name && Date.now() - (cached.ts || 0) < FA_NAME_CACHE_TTL) {
return Promise.resolve(cached.name);
}
if (_faGameNamePending.has(id)) return _faGameNamePending.get(id);
var p = new Promise(function(resolve) {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://store.steampowered.com/api/appdetails?appids=' + id + '&l=schinese',
timeout: 10000,
onload: function(resp) {
var name = '';
try {
var json = JSON.parse(resp.responseText);
var d = json && json[id];
if (d && d.success && d.data && d.data.name) name = d.data.name;
} catch (e) { console.warn('[FA] 游戏名称解析失败:', id, e); }
if (name) {
cache[id] = { name: name, ts: Date.now() };
faGameNameCacheSave();
}
_faGameNamePending.delete(id);
resolve(name);
},
onerror: function() { _faGameNamePending.delete(id); resolve(''); },
ontimeout: function() { _faGameNamePending.delete(id); resolve(''); }
});
});
_faGameNamePending.set(id, p);
return p;
}
// 异步加载中文名并更新 DOM 元素（参考 steam-friend-manager loadGameZhName）
// el: 显示游戏名的元素；appid: 游戏ID；originalName: 当前显示的名称
function faLoadGameZhName(el, appid, originalName) {
if (!el || !appid) return;
faFetchGameZhName(appid).then(function(zhName) {
if (zhName && zhName !== originalName) {
el.textContent = zhName;
el.title = zhName + ' (' + originalName + ')';
// v1.55 修复：占位名称（App xxxxxx / 空）异步加载到真实中文名后，
// 清除占位内联样式（灰色斜体 #64748b），让 .fa-wl-name 等类的正式样式生效。
// 仅对占位名称精确匹配生效，不影响购买动态/游玩动态等已具备真实名称的元素。
if (!originalName || originalName === ('App ' + appid)) {
el.style.color = '';
el.style.fontStyle = '';
el.style.fontWeight = '';
}
}
});
}
// ===================== 游戏封面图多 CDN fallback（参考 steam-friend-manager dashLoadCapsule） =====================
// v1.57: 封面图 fallback 链（依次尝试，任一成功即停止）：
// 1. capsule_467x181.jpg (cloudflare steam/apps) — 大横幅，最清晰
// 2. capsule_231x87.jpg (cloudflare steam/apps) — 中等横幅
// 3. capsule_231x87.png (cloudflare steam/apps) — PNG 版本
// 4. capsule_184x69.jpg (cloudflare steam/apps) — 标准横幅，最通用
// 5. capsule_184x69.png (cloudflare steam/apps) — PNG 版本
// 6. header.jpg (cloudflare steam/apps) — 头图兜底
// 7. capsule_184x69.jpg (akamai store_item_assets) — Akamai 兜底
// 8. header.jpg (akamai store_item_assets) — Akamai 兜底
// 9. Steam API appdetails capsule_image / header_image
// 10. SVG placeholder（淡紫色 Steam 图标）
var _faCoverGood = new Map(); // appid → 已验证可用的封面 URL（跨标签页共享）
var _faCoverApiCache = new Map(); // appid → API 返回的 capsule_image URL
var _faCoverApiPending = new Map();
var FA_COVER_SVG = 'data:image/svg+xml,' + encodeURIComponent(
''
+ ' '
);
// v1.58：成员头像占位图（圆形剪影，参考 steam-friend-manager 默认头像风格）
var FA_AVATAR_SVG = 'data:image/svg+xml,' + encodeURIComponent(
''
+ ' '
);
// v1.58：根据名称生成唯一不变的背景色（基于字符串 hash → HSL 色相）
// 同名用户始终得到相同颜色；首字相同但全名不同的用户也能通过全名 hash 区分
function faNameAvatarColor(str) {
var s = String(str || '?');
var hash = 0;
for (var i = 0; i < s.length; i++) {
hash = s.charCodeAt(i) + ((hash << 5) - hash);
hash = hash & hash; // 转 32 位整数
}
var hue = Math.abs(hash) % 360;
return 'hsl(' + hue + ',55%,45%)';
}
// v1.58：根据名称生成圆形头像 HTML（首字 + 唯一背景色）
// name: 成员名称 size: 直径 px extra: 额外 style/属性
// 注意：此函数在 IIFE 外层定义，不能调用内部的 faEsc，内联转义
function faNameAvatarHtml(name, size, extra) {
var s = String(name || '?');
var ch = s.charAt(0).toUpperCase().replace(/&/g,'&').replace(//g,'>');
var bg = faNameAvatarColor(s);
var fs = Math.max(9, Math.floor(size * 0.5));
var ex = extra || '';
return '' + ch + ' ';
}
function faFetchCoverFromApi(appid) {
var id = String(appid);
if (_faCoverApiCache.has(id)) return Promise.resolve(_faCoverApiCache.get(id));
if (_faCoverApiPending.has(id)) return _faCoverApiPending.get(id);
var p = new Promise(function(resolve) {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://store.steampowered.com/api/appdetails?appids=' + id,
timeout: 10000,
onload: function(resp) {
var url = '';
try {
var json = JSON.parse(resp.responseText);
var d = json && json[id];
if (d && d.success && d.data) {
if (d.data.capsule_image) url = d.data.capsule_image;
else if (d.data.header_image) url = d.data.header_image;
}
} catch (e) { console.warn('[FA] 封面图解析失败:', id, e); }
_faCoverApiCache.set(id, url);
_faCoverApiPending.delete(id);
resolve(url);
},
onerror: function() { _faCoverApiPending.delete(id); resolve(''); },
ontimeout: function() { _faCoverApiPending.delete(id); resolve(''); }
});
});
_faCoverApiPending.set(id, p);
return p;
}
// v1.57: 封面图 CDN 路径列表（参考 steam-friend-manager DASH_CAPSULE_PATHS）
// 使用更通用的封面尺寸，解决大面积封面无法获取问题
var FA_COVER_CF = 'https://cdn.cloudflare.steamstatic.com/steam/apps/';
var FA_COVER_AKAMAI = 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/';
var FA_COVER_PATHS = [
'capsule_467x181.jpg', // 大横幅封面（最清晰）
'capsule_231x87.jpg', // 中等横幅
'capsule_231x87.png', // PNG 版本
'capsule_184x69.jpg', // 标准横幅（最通用）
'capsule_184x69.png', // PNG 版本
'header.jpg' // 头图兜底
];
// 为 DLC 拥有状态 '
+ '显示已拥有 DLC '
+ '仅显示未拥有 '
+ ' 
'
: '