(function(){ var d = document; var RE = /darkreader|dark-reader|midnight-?lizard|ml-view|night-?eye|deluminate|super-?dark|dark-?mode|darkmode|dark-?theme/i; var budget = 600; // предохранитель от пинг-понга с упорным расширением function keepLock(){ if (d.querySelector('meta[name="darkreader-lock"]')) return; var m = d.createElement('meta'); m.setAttribute('name', 'darkreader-lock'); (d.head || d.documentElement).appendChild(m); } function isOurs(n){ // стили Next.js — не трогать ни при каких совпадениях return n.hasAttribute('data-precedence') || n.hasAttribute('data-n-href') || n.hasAttribute('data-next-font'); } function isAlien(n){ if (!n || n.nodeType !== 1) return false; var tag = n.tagName; if (tag === 'STYLE' || tag === 'LINK') { if (isOurs(n)) return false; if (n.hasAttribute('data-darkreader-scheme') || n.hasAttribute('data-darkreader-mode')) return true; return RE.test(n.getAttribute('class') || '') || RE.test(n.getAttribute('id') || ''); } // прямой ребёнок помимо HEAD/BODY — заведомо чужой if (n.parentNode === d.documentElement && tag !== 'HEAD' && tag !== 'BODY') { return RE.test(n.getAttribute('class') || '') || RE.test(n.getAttribute('id') || ''); } return false; } function drop(n){ if (budget <= 0 || !n.parentNode) return; budget--; n.parentNode.removeChild(n); arm(); } function scrubAttrs(el){ // data-darkreader-* на : по ним расширение считает страницу обработанной if (!el || !el.attributes) return; var kill = [], i; for (i = 0; i < el.attributes.length; i++) { var name = el.attributes[i].name; if (name.indexOf('data-darkreader') === 0) kill.push(name); } for (i = 0; i < kill.length; i++) el.removeAttribute(kill[i]); if (kill.length) arm(); } // Слежка за inline-стилями стоит дорого, поэтому включается только после // первой пойманной попытки — у кого расширения нет, она не включится никогда. var armed = false, pending = false; function arm(){ if (armed) return; armed = true; scrubInline(); new MutationObserver(function(){ if (pending) return; pending = true; setTimeout(function(){ pending = false; scrubInline(); }, 0); }).observe(d.documentElement, { subtree: true, attributes: true, attributeFilter: ['style'] }); } function scrubInline(){ // объявления, ссылающиеся на переменные расширения var hit = d.querySelectorAll('[style*="--darkreader"]'), i, j; for (i = 0; i < hit.length && budget > 0; i++) { var s = hit[i].style, kill = []; for (j = 0; j < s.length; j++) { var p = s[j]; if (p.indexOf('--darkreader') === 0 || s.getPropertyValue(p).indexOf('--darkreader') !== -1) kill.push(p); } for (j = 0; j < kill.length; j++) s.removeProperty(kill[j]); if (kill.length) budget--; } } function sweep(){ keepLock(); var nodes = d.querySelectorAll('style,link'), i; for (i = 0; i < nodes.length; i++) if (isAlien(nodes[i])) drop(nodes[i]); scrubAttrs(d.documentElement); scrubAttrs(d.body); scrubInline(); } var mo = new MutationObserver(function(recs){ var relock = false, i, j; for (i = 0; i < recs.length; i++) { var r = recs[i]; if (r.type === 'attributes') { scrubAttrs(r.target); continue; } for (j = 0; j < r.addedNodes.length; j++) if (isAlien(r.addedNodes[j])) drop(r.addedNodes[j]); for (j = 0; j < r.removedNodes.length; j++) { var gone = r.removedNodes[j]; if (gone.nodeType === 1 && gone.tagName === 'META') relock = true; } } if (relock) keepLock(); }); // только html/head/body и без subtree: иначе колбэк на каждый рендер React var W = { childList: true, attributes: true, attributeFilter: ['data-darkreader-mode', 'data-darkreader-scheme'] }; mo.observe(d.documentElement, W); if (d.head) mo.observe(d.head, { childList: true }); function onReady(){ if (d.body) mo.observe(d.body, W); sweep(); } if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', onReady); else onReady(); // часть расширений применяется на load, часть — при возврате на вкладку window.addEventListener('load', sweep); d.addEventListener('visibilitychange', function(){ if (!d.hidden) sweep(); }); sweep(); })();

Все предложения

Отзывы