Greasy Fork is available in English.
이게 왜 실검?
// ==UserScript==
// @name Namu Hot Now
// @name:ko 나무위키 실검 알려주는 스크립트
// @namespace https://arca.live/b/namuhotnow
// @version 0.8.1
// @description 이게 왜 실검?
// @author KEMOMIMI
// @match https://namu.wiki/*
// @match https://arca.live/
// @match https://arca.live/b/*
// @match https://arca.live/e/*
// @match https://arca.live/u/*
// @match https://arca.live/settings/*
// @connect arca.live
// @icon https://www.google.com/s2/favicons?sz=64&domain=namu.wiki
// @grant GM_xmlhttpRequest
// ==/UserScript==
function findLinkByPartialMatch(pairs, searchString) {
for (var i = 0; i < pairs.length; i++) {
if (pairs[i].text.toLowerCase().trim() === searchString.toLowerCase().trim()) {
return pairs[i].link;
}
}
return null;
}
function getSpansContent() {
var spansContent = [];
var spans = Array.from(document.querySelectorAll('#app ul>li>a>span')).slice(0, 10);
spans.forEach(function(span) {
spansContent.push(span.textContent);
});
return spansContent.join('').trim();
}
var linkElements = [];
var pairs = [];
var previousSpansContent = "";
var storedElements = [];
function removeLinkElements() {
for (var i = 0; i < linkElements.length; i++) {
var linkElement = linkElements[i];
linkElement.parentNode.removeChild(linkElement);
}
linkElements = [];
}
function checkMobileHotkewordOpened(){
const aTags = Array.from(document.querySelector('a[title="아무 문서로 이동"]').parentElement.querySelectorAll('a'));
if (aTags.length > 10) {
return true
}else{
return false
}
}
function checkMobileHotkeword(){
var chk = setInterval(function() {
var svgTags = Array.from(document.querySelector('a[title="아무 문서로 이동"]').parentElement.querySelectorAll('svg'));
if (svgTags.length<5) {
var whyHotElements = document.querySelectorAll('.whyHot');
whyHotElements.forEach(function(element) {
element.remove();
});
const elementsWithParentClass = document.querySelectorAll('.namuHotParentClass');
elementsWithParentClass.forEach(parentElement => {
const childAElement = parentElement.querySelector('a');
if (childAElement) {
parentElement.parentNode.insertBefore(childAElement, parentElement.nextSibling);
parentElement.remove();
}
});
}else if (svgTags.length>=5){
const elementsWithParentClass = document.querySelectorAll('.namuHotParentClass');
let count = 0;
elementsWithParentClass.forEach(parentElement => {
const childAnchorElements = parentElement.querySelectorAll('a');
childAnchorElements.forEach(anchorElement => {
if (anchorElement.getAttribute('href') === '#') {
count++;
}
});
});
if (count == 0) {
const elementsWithParentClass = document.querySelectorAll('.namuHotParentClass');
elementsWithParentClass.forEach(function(element) {
element.remove();
});
}
if (elementsWithParentClass.length == 0) {
if (checkMobileHotkewordOpened()) {
clearInterval(chk);
refreshLink(2);
}
}
}
}, 100);
}
function refreshLink(type) {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://arca.live/b/namuhotnow',
onload: function(response) {
const htmlData = response.responseText;
const parser = new DOMParser();
const doc = parser.parseFromString(htmlData, 'text/html');
var elements = doc.querySelectorAll('.article-list .list-table a:not(.notice)');
storedElements = Array.from(elements);
elements.forEach(function(element) {
var link = element.getAttribute('href');
var titleElement = element.querySelector('.title');
var text = titleElement ? titleElement.innerText.trim() : '';
pairs.push({text: text, link: link});
if (text.includes(')')) {
var tempArray = text.split(')').map(function(item) {
return item.trim();
});
tempArray.forEach(function(subText) {
var subArray = subText.split(',').map(function(item) {
return item.trim();
});
subArray.forEach(function(finalText) {
pairs.push({ text: finalText, link: link });
});
});
}
if (text.includes(',')) {
var textArray = text.split(',').map(function(item) {
return item.trim();
});
textArray.forEach(function(subText) {
pairs.push({ text: subText, link: link });
});
}
if (text.includes(' ')) {
textArray = text.split(' ').map(function(item) {
return item.trim();
});
textArray.forEach(function(subText) {
pairs.push({ text: subText, link: link });
});
}
if (text.includes('(')) {
var removeParenthesis = text.replace(/\s*\([^)]*\)$/, '');
pairs.push({ text: removeParenthesis.trim(), link: link });
}
});
GM_xmlhttpRequest({
method: 'GET',
url: 'https://arca.live/b/namuhotnow?p=2',
onload: function(response) {
const htmlData = response.responseText;
const parser = new DOMParser();
const doc = parser.parseFromString(htmlData, 'text/html');
var elements = doc.querySelectorAll('.article-list .list-table a:not(.notice)');
storedElements = Array.from(elements);
elements.forEach(function(element) {
var link = element.getAttribute('href');
var titleElement = element.querySelector('.title');
var text = titleElement ? titleElement.innerText.trim() : '';
pairs.push({text: text, link: link});
if (text.includes(')')) {
var tempArray = text.split(')').map(function(item) {
return item.trim();
});
tempArray.forEach(function(subText) {
var subArray = subText.split(',').map(function(item) {
return item.trim();
});
subArray.forEach(function(finalText) {
pairs.push({ text: finalText, link: link });
});
});
}
if (text.includes(',')) {
var textArray = text.split(',').map(function(item) {
return item.trim();
});
textArray.forEach(function(subText) {
pairs.push({ text: subText, link: link });
});
}
if (text.includes(' ')) {
textArray = text.split(' ').map(function(item) {
return item.trim();
});
textArray.forEach(function(subText) {
pairs.push({ text: subText, link: link });
});
}
if (text.includes('(')) {
var removeParenthesis = text.replace(/\s*\([^)]*\)$/, '');
pairs.push({ text: removeParenthesis.trim(), link: link });
}
});
if(type == 0){
var realtimeList = Array.from(document.querySelectorAll('#app ul>li>a>span')).slice(0, 10);
realtimeList.forEach(function(titleElement) {
var resultLink = findLinkByPartialMatch(pairs, titleElement.innerText.trim());
if (resultLink != null){
var linkElement = document.createElement('a');
linkElement.href = 'https://arca.live' + resultLink;
linkElement.textContent = '이왜실?';
linkElement.display = 'flex'
linkElement.width = '40%'
linkElement.target="_blank"
const parentLiTag = titleElement ? titleElement.parentElement.parentElement : null;
parentLiTag.querySelector('a').style.width = "60%";
parentLiTag.appendChild(linkElement);
linkElements.push(linkElement);
}
});
}else if(type == 1){
var firstLinkList = document.querySelector('aside .link-list');
var arcalinkElements = firstLinkList.querySelectorAll('a');
var titleArray = [];
arcalinkElements.forEach(function(aLinkElement) {
var resultLink = findLinkByPartialMatch(pairs, aLinkElement.getAttribute('title'));
if(resultLink != null){
aLinkElement.style.paddingRight = "1em";
var newSpanHTML = `
<div style="padding:.15rem .5rem .15rem 0; user-select: auto;">
<span class="leaf-info float-right" title="${aLinkElement.getAttribute('title')} 왜 실검?" style="margin:0; user-select: auto;"><time style="user-select: auto;"><a href="${resultLink}" target="_blank" style="font-size: 1em; padding-Right: 0; user-select: auto;">이왜실?</a></time></span>
<a href="//namu.wiki/Go?q=${aLinkElement.getAttribute('title')}" target="_blank" title="${aLinkElement.getAttribute('title')}" style="padding:.15rem 1.5rem .15rem 0; user-select: auto;">${aLinkElement.getAttribute('title')}</a>
</div>
`;
aLinkElement.insertAdjacentHTML('beforebegin', newSpanHTML);
aLinkElement.remove()
}
});
}else if(type == 2){
var namuHotParentClass = document.querySelectorAll('.namuHotParentClass');
if (!namuHotParentClass[0]) {
const aTags = Array.from(document.querySelector('a[title="아무 문서로 이동"]').parentElement.querySelectorAll('a'));
const mobileList = aTags.length > 10 ? aTags.slice(-10) : aTags;
mobileList.forEach(function(element) {
var resultLink = findLinkByPartialMatch(pairs, element.innerText.trim());
var newParent = document.createElement('span');
newParent.classList.add('namuHotParentClass');
if (resultLink != null){
var linkElement = document.createElement('a');
linkElement.href = 'https://arca.live' + resultLink;
linkElement.textContent = '이왜실?';
linkElement.width = '20px'
linkElement.target="_blank"
linkElement.classList.add('whyHot');
element.style.width = "70%";
var beforePseudoElement = window.getComputedStyle(element, ':before');
element.parentNode.insertBefore(newParent, element);
newParent.appendChild(element);
newParent.appendChild(linkElement);
newParent.style.display = 'flex';
linkElements.push(linkElement);
}else{
element.parentNode.insertBefore(newParent, element);
newParent.appendChild(element);
element.style.width = "100%";
newParent.style.display = 'flex';
}
});
checkMobileHotkeword();
}
}
}
});
}
});
}
function isPC() {
if (/Android|iPhone/i.test(navigator.userAgent)) {
return false;
}
if (window.innerWidth >= 1024) {
return true;
} else {
return false;
}
}
function appendStyle(){
var style = document.createElement('style');
var css = `
.namuHotParentClass:nth-of-type(1) > a:nth-child(1):before {
content: "1." !important;
}
.namuHotParentClass:nth-of-type(2) > a:nth-child(1):before {
content: "2." !important;
}
.namuHotParentClass:nth-of-type(3) > a:nth-child(1):before {
content: "3." !important;
}
.namuHotParentClass:nth-of-type(4) > a:nth-child(1):before {
content: "4." !important;
}
.namuHotParentClass:nth-of-type(5) > a:nth-child(1):before {
content: "5." !important;
}
.namuHotParentClass:nth-of-type(6) > a:nth-child(1):before {
content: "6." !important;
}
.namuHotParentClass:nth-of-type(7) > a:nth-child(1):before {
content: "7." !important;
}
.namuHotParentClass:nth-of-type(8) > a:nth-child(1):before {
content: "8." !important;
}
.namuHotParentClass:nth-of-type(9) > a:nth-child(1):before {
content: "9." !important;
}
.namuHotParentClass:nth-of-type(10) > a:nth-child(1):before {
content: "10." !important;
}
.whyHot {
align-items: center;
border: 1px solid transparent;
border-radius: var(--nav-bar-child-radius-var);
display: flex;
padding: var(--search-box-suggest-item-gutter-y-var) var(--search-box-suggest-item-gutter-x-var);
text-decoration: none;
word-break: break-all;
}
`;
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
}
(function() {
'use strict';
if (window.location.href.includes('namu.wiki')) {
if(isPC()){
setInterval(function() {
var content = getSpansContent();
if (content.length > 0 && previousSpansContent !== getSpansContent()) {
previousSpansContent = getSpansContent();
removeLinkElements();
refreshLink(0);
}
}, 100);
}else{
var interNamuMobile = setInterval(function() {
if (checkMobileHotkewordOpened()) {
clearInterval(interNamuMobile);
appendStyle();
refreshLink(2);
}
}, 50);
}
}
if (/arca.live\/b\/namuhotnow\/[0-9]+/.test(window.location.host + window.location.pathname)) {
const spanElement = document.querySelector('span.badge.badge-success.category-badge');
var isNotice = false
if (spanElement) {
const textContent = spanElement.textContent.trim();
if (textContent === "공지") {
isNotice = true
}
}
if(!isNotice){
const titleElement = document.querySelector('.title-row > .title');
const titleOriginalText = titleElement.lastChild.data.trim();
var pattern = /.+\)\s.+/;
var prefix = "";
var suffix = titleOriginalText;
if (pattern.test(titleOriginalText)) {
pattern = /^(.+)\)\s(.+)$/;
const match = titleOriginalText.match(pattern);
prefix = match[1]+") "; // "괄호부분) "
suffix = match[2]; // "실검 키워드"
}
titleElement.removeChild(titleElement.lastChild);
titleElement.appendChild(document.createTextNode("\n"));
titleElement.appendChild(document.createTextNode(prefix));
suffix.split(', ').forEach((title, idx, array) => {
var linkElement = document.createElement('a');
linkElement.href = 'https://namu.wiki/w/' + title;
linkElement.textContent = title;
linkElement.target="_blank"
const element = document.querySelector('.containe-fluid.board-article');
if (element) {
const bgColor = window.getComputedStyle(element).backgroundColor;
const rgbValues = bgColor.match(/\d+/g);
if (rgbValues && rgbValues.length >= 3) {
const allAbove200 = rgbValues.slice(0, 3).every(value => Number(value) > 200);
if (allAbove200){
linkElement.style.color = '#144c75'; // 진한 남색
}else{
linkElement.style.color = '#a8cfed'; // 연한 하늘색
}
} else {
console.log('RGB 값을 확인할 수 없습니다.');
}
} else {
console.log('해당 클래스를 가진 요소를 찾을 수 없습니다.');
}
linkElement.style.cursor = 'pointer';
titleElement.appendChild(linkElement);
if (idx + 1 < array.length) {
titleElement.appendChild(document.createTextNode(", "));
}
});
}
} else if (window.location.href.includes('arca.live') && !window.location.pathname.startsWith("/b/")) {
var intervalId = setInterval(function() {
var firstLinkLista = document.querySelector('aside .link-list a');
if (firstLinkLista && firstLinkLista.innerHTML !== " ") {
clearInterval(intervalId);
refreshLink(1);
}
}, 50);
}
})();