Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

添加 “在游戏列表中为自己100%完成的游戏添加背景色” 功能 #119

Merged
merged 12 commits into from
Jul 6, 2024
Merged

添加 “在游戏列表中为自己100%完成的游戏添加背景色” 功能 #119

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
202ee82
add personal game completion background to gamelist
kaikaiiiiiii Jun 27, 2024
28b4b6b
clear
kaikaiiiiiii Jun 27, 2024
23d5e47
clear
kaikaiiiiiii Jun 27, 2024
f1c6082
lint
kaikaiiiiiii Jun 29, 2024
876b472
add night style && add progress-badge
kaikaiiiiiii Jul 5, 2024
b925ac0
clear
kaikaiiiiiii Jul 5, 2024
c90470b
version up
kaikaiiiiiii Jul 5, 2024
3238b4a
游戏列表添加个人完成度背景进度条
kaikaiiiiiii Jul 5, 2024
f4e8885
clear
kaikaiiiiiii Jul 5, 2024
17c8791
bug fix
kaikaiiiiiii Jul 5, 2024
fdeb798
clear
kaikaiiiiiii Jul 5, 2024
790eb9d
chore: bump version
swsoyee Jul 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "psnine-enhanced-version",
"version": "1.0.23",
"version": "1.0.24",
"description": "数折价格走势图，显示人民币价格，奖杯统计和筛选，发帖字数统计和即时预览，楼主高亮，自动翻页，屏蔽黑名单用户发言，被@用户的发言内容显示等多项功能优化P9体验",
"main": "night-mode-css.js",
"scripts": {
Expand Down
182 changes: 140 additions & 42 deletions psnineplus.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// ==UserScript==
// @name PSN中文网功能增强
// @namespace https://swsoyee.github.io
// @version 1.0.23
// @version 1.0.24
// @description 数折价格走势图，显示人民币价格，奖杯统计和筛选，发帖字数统计和即时预览，楼主高亮，自动翻页，屏蔽黑名单用户发言，被@用户的发言内容显示等多项功能优化P9体验
// eslint-disable-next-line max-len
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEVHcEw0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNuEOyNSAAAAD3RSTlMAQMAQ4PCApCBQcDBg0JD74B98AAABN0lEQVRIx+2WQRaDIAxECSACWLn/bdsCIkNQ2XXT2bTyHEx+glGIv4STU3KNRccp6dNh4qTM4VDLrGVRxbLGaa3ZQSVQulVJl5JFlh3cLdNyk/xe2IXz4DqYLhZ4mWtHd4/SLY/QQwKmWmGcmUfHb4O1mu8BIPGw4Hg1TEvySQGWoBcItgxndmsbhtJd6baukIKnt525W4anygNECVc1UD8uVbRNbumZNl6UmkagHeRJfX0BdM5NXgA+ZKESpiJ9tRFftZEvue2cS6cKOrGk/IOLTLUcaXuZHrZDq3FB2IonOBCHIy8Bs1Zzo1MxVH+m8fQ+nFeCQM3MWwEsWsy8e8Di7meA5Bb5MDYCt4SnUbP3lv1xOuWuOi3j5kJ5tPiZKahbi54anNRaaG7YElFKQBHR/9PjN3oD6fkt9WKF9rgAAAAASUVORK5CYII=
Expand Down Expand Up @@ -410,29 +410,75 @@
document.head.appendChild(nightModeStyle);
}

/* 游戏列表添加按难度排列按钮 */
/*
1.游戏列表添加按难度排列按钮
2.游戏列表根据已记录的完成度添加染色
3.TODO：游戏列表隐藏已经 100% 的游戏（需要添加用户可见的开关）
*/
const hdElement = document.querySelector('.hd');
if (hdElement && hdElement.textContent.trim() === '游戏列表') {
// 创建新的 span 元素
// 添加徽章 CSS 类
GM_addStyle(`
span.completion-badge {
background-color: rgb(5 96 175);
font-size: 11px;
color: white;
border-radius: 2px;
padding: 2px 6px;
margin-right: 4px;
font-weight: 300;
}`);

// 背景 CSS 进度条计算，含夜间模式
const progressPlatinumBG = (p) => `background-image: linear-gradient(90deg, rgba(200,240,255,0.6) ${p}%, rgba(200,255,250,0.15) ${p}%)`;
const progressPlatinumBGNight = (p) => `background-image: linear-gradient(90deg, rgba(200,240,255,0.15) ${p}%, rgba(200,255,250,0.05) ${p}%)`;
const progressGoldBG = (p) => `background-image: linear-gradient(90deg, rgba(220,255,220,0.8) ${p}%, rgba(220,255,220,0.15) ${p}%);`;
const progressGoldBGNight = (p) => `background-image: linear-gradient(90deg, rgba(101,159,19,0.15) ${p}%, rgba(101,159,19,0.05) ${p}%);`;

// 获取游戏列表下所有游戏的 DOM 元素指针
const tdElements = document.querySelectorAll('table.list tbody > tr');

// 根据已保存的完成度添加染色
const personalGameCompletions = GM_getValue('personalGameCompletions', []);

Check failure on line 442 in psnineplus.js

View workflow job for this annotation

GitHub Actions / eslint 

'GM_getValue' is not defined

tdElements.forEach((tr) => {
const gameID = tr.getAttribute('id') || 0;
const thisGameCompletion = personalGameCompletions.find((item) => item[0] === gameID);
// if game hase platinum 由于个人页面的白金判断是记录的个人完成度，这里需要判断游戏本身是否有白金
const gameHasPlatinum = tr.querySelector('td.pd10 > .meta > em.text-platinum').textContent === '白1';

if (thisGameCompletion) {
if (gameHasPlatinum && settings.nightMode) { tr.setAttribute('style', progressPlatinumBGNight(thisGameCompletion[1])); }
if (gameHasPlatinum && !settings.nightMode) { tr.setAttribute('style', progressPlatinumBG(thisGameCompletion[1])); }
if (!gameHasPlatinum && settings.nightMode) { tr.setAttribute('style', progressGoldBGNight(thisGameCompletion[1])); }
if (!gameHasPlatinum && !settings.nightMode) { tr.setAttribute('style', progressGoldBG(thisGameCompletion[1])); }
// 添加进度徽章
const gameText = tr.querySelector('td.pd10 > p > a');
if (gameText) {
const completion = thisGameCompletion[1];
const completionBadge = document.createElement('span');
completionBadge.className = 'completion-badge';
completionBadge.textContent = `${completion}%`;
completionBadge.title = '奖杯完成度';
gameText.parentNode.insertBefore(completionBadge, gameText);
}
}
});

// 添加按难度排列按钮
const spanElement = document.createElement('span');
spanElement.className = 'btn';
spanElement.textContent = '按难度排列';
// 添加 span 元素到 .hd 元素中
// 添加 span 元素并设置样式
hdElement.appendChild(spanElement);
// 添加样式使 span 右对齐
const style = document.createElement('style');
style.textContent = `
.hd {
display: flex;
justify-content: space-between;
align-items: center;
}
.hd span {
margin-top: 0px;
}
.btn {
cursor: pointer;
}
.hd span { margin-top: 0px; }
`;
document.head.appendChild(style);

Expand All @@ -441,11 +487,10 @@

// 为 span 元素添加点击排序功能
spanElement.addEventListener('click', () => {
const tdElements = document.querySelectorAll('table.list tbody > tr');
const tdArray = Array.from(tdElements).map((td) => {
const valueElement = td.querySelector('td.twoge > em');
const tdArray = Array.from(tdElements).map((tr) => {
const valueElement = tr.querySelector('td.twoge > em');
const value = valueElement ? parseFloat(valueElement.textContent) : null;
return { td, value };
return { tr, value };
});

// 根据当前的排序顺序进行排序
Expand All @@ -458,7 +503,7 @@
const tbody = document.querySelector('table.list tbody');
tbody.innerHTML = '';
tdArray.forEach((item) => {
tbody.appendChild(item.td);
tbody.appendChild(item.tr);
});

// 切换排序顺序
Expand Down Expand Up @@ -527,9 +572,59 @@
}`,
);

/*
在 LocatStorage 中保存个人游戏完成度函数
添加于 /psnid\/[A-Za-z0-9_-]+\/?$/ 页面，以及该页自动翻页函数内部
*/

const savePersonalGameCompletions = (configifneeded) => {
// if GM_setValue && GM_getValue is enabled
const thisFeatureEnabled = (configifneeded || true) && (typeof GM_setValue === 'function' && typeof GM_getValue === 'function');

Check failure on line 582 in psnineplus.js

View workflow job for this annotation

GitHub Actions / eslint 

Identifier 'GM_setValue' is not in camel case

Check failure on line 582 in psnineplus.js

View workflow job for this annotation

GitHub Actions / eslint 

Identifier 'GM_getValue' is not in camel case

if (thisFeatureEnabled) {
// 获得当前页的游戏完成度
const tdElements = document.querySelectorAll('table.list tbody > tr');
const personalGameCompletions = Array.from(tdElements).map((tr) => {
const completionElement = tr.querySelector('div.progress > div');
const completion = completionElement ? parseFloat(completionElement.textContent) : 0;
const platinumElement = tr.querySelector('span.text-platinum');
const platinum = platinumElement ? platinumElement.textContent === '白1' : false;
const gameIDElement = tr.querySelector('a');
const gameID = gameIDElement.href.match(/\/psngame\/(\d+)/)[1];
return [gameID, completion, platinum];
});

// 读取已保存的历史
const history = GM_getValue('personalGameCompletions', []);

Check failure on line 598 in psnineplus.js

View workflow job for this annotation

GitHub Actions / eslint 

'GM_getValue' is not defined

// 用当前覆盖历史
personalGameCompletions.forEach((currentItem) => {
const index = history.findIndex((historyItem) => historyItem[0] === currentItem[0]);
if (index !== -1) {
history[index] = currentItem;
} else {
history.push(currentItem);
}
});

// 保存更新后的历史记录
GM_setValue('personalGameCompletions', history);

Check failure on line 611 in psnineplus.js

View workflow job for this annotation

GitHub Actions / eslint 

'GM_setValue' is not defined
// console.log(GM_getValue('personalGameCompletions'))
return true;
}
return false;
};

// 在个人页面或个人游戏列表页更新数据
if (
/psnid\/[A-Za-z0-9_-]+\/?$/.test(window.location.href) || /psnid\/[A-Za-z0-9_-]+\/psngame\/?/.test(window.location.href)
) {
savePersonalGameCompletions();
}

if (
/psnid\/[A-Za-z0-9_-]+\/?$/.test(window.location.href)
&& $('tbody').length > 2
&& $('tbody').length > 2
) {
const windowLocationHref = window.location.href.replace(/\/$/g, '');
// 功能0-7：个人主页下显示所有游戏
Expand All @@ -541,9 +636,9 @@
$(window).scroll(function () {
if (
$(this).scrollTop() + $(window).height() + 700
>= $(document).height()
&& $(this).scrollTop() > 700
&& isbool2 === true
>= $(document).height()
&& $(this).scrollTop() > 700
&& isbool2 === true
) {
isbool2 = false;
const gamePage = `${windowLocationHref}/psngame?page=${gamePageIndex}`;
Expand All @@ -559,6 +654,9 @@
$('tbody > tr:last').after(nextGameContent);
isbool2 = true;
gamePageIndex += 1;

// 同步更新个人游戏完成度
savePersonalGameCompletions();
} else {
$('#loadingMessage').text('没有更多游戏了...');
}
Expand Down Expand Up @@ -659,7 +757,7 @@

if (
/(gene|trade|topic)\//.test(window.location.href)
&& !/comment/.test(window.location.href)
&& !/comment/.test(window.location.href)
) {
// 获取楼主ID
const authorId = $('.title2').text();
Expand Down Expand Up @@ -876,9 +974,9 @@
$('div.meta').each((index, element) => {
const replyCount = $(element).text().split(/(\d+)/);
if (Number(replyCount[replyCount.length - 2]) > settings.hotTagThreshold
&& replyCount[replyCount.length - 1].match('评论|答案|回复')
&& replyCount[replyCount.length - 1].match('评论|答案|回复').index > -1
&& $(element).children('a#hot').length === 0
&& replyCount[replyCount.length - 1].match('评论|答案|回复')
&& replyCount[replyCount.length - 1].match('评论|答案|回复').index > -1
&& $(element).children('a#hot').length === 0
) {
const tagBackgroundColor = $('body.bg').css('background-color');
$(element)
Expand Down Expand Up @@ -1096,12 +1194,12 @@
const filterBlockWorld = () => {
const windowHref = window.location.href;
if (windowHref.indexOf('gene') > -1 // 机因回复
|| windowHref.indexOf('topic') > -1 // 主帖回复
|| windowHref.indexOf('trophy') > -1 // 奖杯TIPS
|| windowHref.indexOf('qa') > -1 // 问答回复
|| windowHref.indexOf('trade') > -1 // 交易回复
|| windowHref.match(/\/battle\/[1-9][0-9]+/) !== null // 约战回复
|| windowHref.match(/\/psnid\/[^/]+\/comment/) !== null // 个人主页留言
|| windowHref.indexOf('topic') > -1 // 主帖回复
|| windowHref.indexOf('trophy') > -1 // 奖杯TIPS
|| windowHref.indexOf('qa') > -1 // 问答回复
|| windowHref.indexOf('trade') > -1 // 交易回复
|| windowHref.match(/\/battle\/[1-9][0-9]+/) !== null // 约战回复
|| windowHref.match(/\/psnid\/[^/]+\/comment/) !== null // 个人主页留言
) {
FilterWordRegular('div.ml64>div.content.pb10');
}
Expand Down Expand Up @@ -1350,13 +1448,13 @@
let isbool = true; // 触发开关，防止多次调用事件
let autoPagingLimitCount = 0;
$(window).scroll(function () {
// 当内容滚动到底部时加载新的内容
// 当内容滚动到底部时加载新的内容
if (
$(this).scrollTop() + $(window).height() + 700
>= $(document).height()
&& $(this).scrollTop() > 700
&& isbool === true
&& autoPagingLimitCount < settings.autoPaging
>= $(document).height()
&& $(this).scrollTop() > 700
&& isbool === true
&& autoPagingLimitCount < settings.autoPaging
) {
isbool = false;
// 获取下一页页码和链接
Expand Down Expand Up @@ -1669,7 +1767,7 @@
};
const CNY = price.map((item) => (
Number(item.replace(regionCurrency[region][0], ''))
* regionCurrency[region][1]
* regionCurrency[region][1]
));
// 整块增加的价格表示
const addCNYPriceBlock = [
Expand Down Expand Up @@ -1895,7 +1993,7 @@
// 页面：数折 > 商品页
if (
/\/dd\//.test(window.location.href)
|| /game\/[0-9]+\/dd$/.test(window.location.href)
|| /game\/[0-9]+\/dd$/.test(window.location.href)
) {
repeatUntilSuccessful(() => {
if (httpCSSFixed()) {
Expand Down Expand Up @@ -2297,9 +2395,9 @@
// 功能3-1：游戏奖杯界面可视化
if (
/psngame\//.test(window.location.href)
&& /^(?!.*comment|.*rank|.*battle|.*gamelist|.*topic|.*qa)/.test(
window.location.href,
)
&& /^(?!.*comment|.*rank|.*battle|.*gamelist|.*topic|.*qa)/.test(
window.location.href,
)
) {
$('.box.pd10').append('<div id="trophyChartContainer" style="float: left"></div>');
repeatUntilSuccessful(() => {
Expand Down Expand Up @@ -2393,7 +2491,7 @@
// 进入游戏页默认查看我自己的奖杯
if (
window.location.href.match(/psngame\/\d+($|\/$)|(#\d+($|\/$))/)
&& !/psnid/.test(window.location.href)
&& !/psnid/.test(window.location.href)
) {
// 检查游戏页
window.onpageshow = (e) => {
Expand Down Expand Up @@ -3078,7 +3176,7 @@
return (
startOfYear.getTime()
+ (-((startOfYear.getUTCDay() || 7) - 1)
+ (7 * (week - 1) + (day - 1))) * 86400000/* milliseconds of a day */
+ (7 * (week - 1) + (day - 1))) * 86400000/* milliseconds of a day */
);
};
const weekDifference = (date1, date2) => {
Expand Down
Loading