/******************************************************************************* uBlock Origin - a browser extension to block requests. Copyright (C) 2014-present Raymond Hill This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see {http://www.gnu.org/licenses/}. Home: https://github.com/gorhill/uBlock */ /* jshint esversion:11 */ 'use strict'; /******************************************************************************/ // Important! // Isolate from global scope (function uBOL_cssGeneric() { const genericSelectorMap = self.genericSelectorMap || new Map(); delete self.genericSelectorMap; if ( genericSelectorMap.size === 0 ) { return; } /******************************************************************************/ const maxSurveyTimeSlice = 4; const maxSurveyNodeSlice = 64; const styleSheetSelectors = []; const stopAllRatio = 0.95; // To be investigated let surveyCount = 0; let surveyMissCount = 0; let styleSheetTimer; let processTimer; let domChangeTimer; let lastDomChange = Date.now(); /******************************************************************************/ // http://www.cse.yorku.ca/~oz/hash.html#djb2 // Must mirror dnrRulesetFromRawLists's version const hashFromStr = (type, s) => { const len = s.length; const step = len + 7 >>> 3; let hash = (type << 5) + type ^ len; for ( let i = 0; i < len; i += step ) { hash = (hash << 5) + hash ^ s.charCodeAt(i); } return hash & 0xFF_FFFF; }; /******************************************************************************/ // Extract all classes/ids: these will be passed to the cosmetic // filtering engine, and in return we will obtain only the relevant // CSS selectors. // https://github.com/gorhill/uBlock/issues/672 // http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#space-separated-tokens // http://jsperf.com/enumerate-classes/6 const uBOL_idFromNode = (node, out) => { const raw = node.id; if ( typeof raw !== 'string' || raw.length === 0 ) { return; } out.push(hashFromStr(0x23 /* '#' */, raw.trim())); }; // https://github.com/uBlockOrigin/uBlock-issues/discussions/2076 // Performance: avoid using Element.classList const uBOL_classesFromNode = (node, out) => { const s = node.getAttribute('class'); if ( typeof s !== 'string' ) { return; } const len = s.length; for ( let beg = 0, end = 0; beg < len; beg += 1 ) { end = s.indexOf(' ', beg); if ( end === beg ) { continue; } if ( end === -1 ) { end = len; } out.push(hashFromStr(0x2E /* '.' */, s.slice(beg, end))); beg = end; } }; /******************************************************************************/ const pendingNodes = { addedNodes: [], nodeSet: new Set(), add(node) { this.addedNodes.push(node); }, next(out) { for ( const added of this.addedNodes ) { if ( this.nodeSet.has(added) ) { continue; } if ( added.nodeType === 1 ) { this.nodeSet.add(added); } if ( added.firstElementChild === null ) { continue; } for ( const descendant of added.querySelectorAll('[id],[class]') ) { this.nodeSet.add(descendant); } } this.addedNodes.length = 0; for ( const node of this.nodeSet ) { this.nodeSet.delete(node); out.push(node); if ( out.length === maxSurveyNodeSlice ) { break; } } }, hasNodes() { return this.addedNodes.length !== 0 || this.nodeSet.size !== 0; }, }; /******************************************************************************/ const uBOL_processNodes = ( ) => { const t0 = Date.now(); const hashes = []; const nodes = []; const deadline = t0 + maxSurveyTimeSlice; for (;;) { pendingNodes.next(nodes); if ( nodes.length === 0 ) { break; } for ( const node of nodes ) { uBOL_idFromNode(node, hashes); uBOL_classesFromNode(node, hashes); } nodes.length = 0; if ( performance.now() >= deadline ) { break; } } for ( const hash of hashes ) { const selectorList = genericSelectorMap.get(hash); if ( selectorList === undefined ) { continue; } styleSheetSelectors.push(selectorList); genericSelectorMap.delete(hash); } surveyCount += 1; if ( styleSheetSelectors.length === 0 ) { surveyMissCount += 1; if ( surveyCount >= 100 && (surveyMissCount / surveyCount) >= stopAllRatio ) { stopAll(`too many misses in surveyor (${surveyMissCount}/${surveyCount})`); } return; } if ( styleSheetTimer !== undefined ) { return; } styleSheetTimer = self.requestAnimationFrame(( ) => { styleSheetTimer = undefined; uBOL_injectStyleSheet(); }); }; /******************************************************************************/ const uBOL_processChanges = mutations => { for ( let i = 0; i < mutations.length; i++ ) { const mutation = mutations[i]; for ( const added of mutation.addedNodes ) { if ( added.nodeType !== 1 ) { continue; } pendingNodes.add(added); } } if ( pendingNodes.hasNodes() === false ) { return; } lastDomChange = Date.now(); if ( processTimer !== undefined ) { return; } processTimer = self.setTimeout(( ) => { processTimer = undefined; uBOL_processNodes(); }, 64); }; /******************************************************************************/ const uBOL_injectStyleSheet = ( ) => { try { const sheet = new CSSStyleSheet(); sheet.replace(`@layer{${styleSheetSelectors.join(',')}{display:none!important;}}`); document.adoptedStyleSheets = [ ...document.adoptedStyleSheets, sheet ]; } catch(ex) { } styleSheetSelectors.length = 0; }; /******************************************************************************/ pendingNodes.add(document); uBOL_processNodes(); let domMutationObserver = new MutationObserver(uBOL_processChanges); domMutationObserver.observe(document, { childList: true, subtree: true, }); const needDomChangeObserver = ( ) => { domChangeTimer = undefined; if ( domMutationObserver === undefined ) { return; } if ( (Date.now() - lastDomChange) > 20000 ) { return stopAll('no more DOM changes'); } domChangeTimer = self.setTimeout(needDomChangeObserver, 20000); }; needDomChangeObserver(); /******************************************************************************/ const stopAll = reason => { if ( domChangeTimer !== undefined ) { self.clearTimeout(domChangeTimer); domChangeTimer = undefined; } domMutationObserver.disconnect(); domMutationObserver.takeRecords(); domMutationObserver = undefined; genericSelectorMap.clear(); console.info(`uBOL: Generic cosmetic filtering stopped because ${reason}`); }; /******************************************************************************/ })(); /******************************************************************************/