Highlight code in YouTube comments
当前为
// ==UserScript==
// @name yt-code-highlighter
// @namespace https://greasyfork.org/ru/users/901750-gooseob
// @version 1.0.0
// @description Highlight code in YouTube comments
// @author GooseOb
// @license MIT
// @require https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js
// @match https://www.youtube.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// ==/UserScript==
(function(){// index.ts
var until = (getItem, check, msToWait = 1e4, msReqTimeout = 20) => new Promise((res, rej) => {
const reqLimit = msToWait / msReqTimeout;
let i = 0;
const interval = setInterval(() => {
if (i++ > reqLimit)
exit(rej);
const item = getItem();
if (!check(item))
return;
exit(() => res(item));
}, msReqTimeout);
const exit = (cb) => {
clearInterval(interval);
cb();
};
});
var untilAppear = (getItem, msToWait) => until(getItem, Boolean, msToWait);
untilAppear(() => document.getElementById("comments")).then((comments) => {
let isCSSLoaded = false;
const visited = new Set;
const loadCSS = () => {
fetch("https://cdn.jsdelivr.net/npm/highlight.js/styles/atom-one-dark.css").then((r) => r.text()).then((cssText) => {
document.head.appendChild(document.createElement("style")).innerHTML = cssText;
});
};
const _formatter = {
createHTML: (code) => code.replace(/```(\S+)\n(.+?)```/gs, (_$0, $1, $2) => `<code>\`\`\`${$1}\n${hljs.highlight($2, { language: $1 }).value}\`\`\`</code>`)
};
const formatter = window.trustedTypes && window.trustedTypes.createPolicy ? window.trustedTypes.createPolicy("highlightedCode", _formatter) : _formatter;
setInterval(() => {
for (const elem of comments.querySelectorAll("ytd-comment-view-model #content .yt-core-attributed-string")) {
let lang;
if (!visited.has(elem) && (lang = /```(\S+)\n/.exec(elem.textContent)?.[1])) {
visited.add(elem);
if (!isCSSLoaded) {
loadCSS();
isCSSLoaded = true;
}
elem.innerHTML = formatter.createHTML(elem.textContent);
}
}
}, 3000);
});
})()