mirror of
https://github.com/gorhill/uBlock.git
synced 2024-11-17 16:02:33 +01:00
264 lines
8.0 KiB
JavaScript
264 lines
8.0 KiB
JavaScript
/*******************************************************************************
|
|
|
|
uBlock Origin - a browser extension to block requests.
|
|
Copyright (C) 2017-2018 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
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
// Packaging this file is optional: it is not necessary to package it if the
|
|
// platform is known to not support user stylesheets.
|
|
|
|
// >>>>>>>> start of HUGE-IF-BLOCK
|
|
if ( typeof vAPI === 'object' && vAPI.supportsUserStylesheets ) {
|
|
|
|
/******************************************************************************/
|
|
/******************************************************************************/
|
|
|
|
vAPI.userStylesheet = {
|
|
added: new Set(),
|
|
removed: new Set(),
|
|
apply: function(callback) {
|
|
if ( this.added.size === 0 && this.removed.size === 0 ) { return; }
|
|
vAPI.messaging.send('vapi', {
|
|
what: 'userCSS',
|
|
add: Array.from(this.added),
|
|
remove: Array.from(this.removed)
|
|
}, callback);
|
|
this.added.clear();
|
|
this.removed.clear();
|
|
},
|
|
add: function(cssText, now) {
|
|
if ( cssText === '' ) { return; }
|
|
this.added.add(cssText);
|
|
if ( now ) { this.apply(); }
|
|
},
|
|
remove: function(cssText, now) {
|
|
if ( cssText === '' ) { return; }
|
|
this.removed.add(cssText);
|
|
if ( now ) { this.apply(); }
|
|
}
|
|
};
|
|
|
|
/******************************************************************************/
|
|
|
|
vAPI.DOMFilterer = function() {
|
|
this.commitTimer = new vAPI.SafeAnimationFrame(this.commitNow.bind(this));
|
|
this.domIsReady = document.readyState !== 'loading';
|
|
this.disabled = false;
|
|
this.listeners = [];
|
|
this.filterset = new Set();
|
|
this.excludedNodeSet = new WeakSet();
|
|
this.addedCSSRules = new Set();
|
|
|
|
if ( this.domIsReady !== true ) {
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
this.domIsReady = true;
|
|
this.commit();
|
|
});
|
|
}
|
|
};
|
|
|
|
vAPI.DOMFilterer.prototype = {
|
|
reOnlySelectors: /\n\{[^\n]+/g,
|
|
|
|
// Here we will deal with:
|
|
// - Injecting low priority user styles;
|
|
// - Notifying listeners about changed filterset.
|
|
commitNow: function() {
|
|
this.commitTimer.clear();
|
|
var userStylesheet = vAPI.userStylesheet;
|
|
for ( var entry of this.addedCSSRules ) {
|
|
if (
|
|
this.disabled === false &&
|
|
entry.lazy &&
|
|
entry.injected === false
|
|
) {
|
|
userStylesheet.add(
|
|
entry.selectors + '\n{' + entry.declarations + '}'
|
|
);
|
|
}
|
|
}
|
|
this.addedCSSRules.clear();
|
|
userStylesheet.apply();
|
|
},
|
|
|
|
commit: function(commitNow) {
|
|
if ( commitNow ) {
|
|
this.commitTimer.clear();
|
|
this.commitNow();
|
|
} else {
|
|
this.commitTimer.start();
|
|
}
|
|
},
|
|
|
|
addCSSRule: function(selectors, declarations, details) {
|
|
if ( selectors === undefined ) { return; }
|
|
var selectorsStr = Array.isArray(selectors)
|
|
? selectors.join(',\n')
|
|
: selectors;
|
|
if ( selectorsStr.length === 0 ) { return; }
|
|
if ( details === undefined ) { details = {}; }
|
|
var entry = {
|
|
selectors: selectorsStr,
|
|
declarations,
|
|
lazy: details.lazy === true,
|
|
injected: details.injected === true
|
|
};
|
|
this.addedCSSRules.add(entry);
|
|
this.filterset.add(entry);
|
|
if (
|
|
this.disabled === false &&
|
|
entry.lazy !== true &&
|
|
entry.injected !== true
|
|
) {
|
|
vAPI.userStylesheet.add(selectorsStr + '\n{' + declarations + '}');
|
|
}
|
|
this.commit();
|
|
if ( this.hasListeners() ) {
|
|
this.triggerListeners({
|
|
declarative: [ [ selectorsStr, declarations ] ]
|
|
});
|
|
}
|
|
},
|
|
|
|
addListener: function(listener) {
|
|
if ( this.listeners.indexOf(listener) !== -1 ) { return; }
|
|
this.listeners.push(listener);
|
|
},
|
|
|
|
removeListener: function(listener) {
|
|
var pos = this.listeners.indexOf(listener);
|
|
if ( pos === -1 ) { return; }
|
|
this.listeners.splice(pos, 1);
|
|
},
|
|
|
|
hasListeners: function() {
|
|
return this.listeners.length !== 0;
|
|
},
|
|
|
|
triggerListeners: function(changes) {
|
|
var i = this.listeners.length;
|
|
while ( i-- ) {
|
|
this.listeners[i].onFiltersetChanged(changes);
|
|
}
|
|
},
|
|
|
|
excludeNode: function(node) {
|
|
this.excludedNodeSet.add(node);
|
|
this.unhideNode(node);
|
|
},
|
|
|
|
unexcludeNode: function(node) {
|
|
this.excludedNodeSet.delete(node);
|
|
},
|
|
|
|
hideNode: function(node) {
|
|
if ( this.excludedNodeSet.has(node) ) { return; }
|
|
if ( this.hideNodeAttr === undefined ) { return; }
|
|
node.setAttribute(this.hideNodeAttr, '');
|
|
if ( this.hideNodeStyleSheetInjected === false ) {
|
|
this.hideNodeStyleSheetInjected = true;
|
|
this.addCSSRule(
|
|
'[' + this.hideNodeAttr + ']',
|
|
'display:none!important;'
|
|
);
|
|
}
|
|
},
|
|
|
|
unhideNode: function(node) {
|
|
if ( this.hideNodeAttr === undefined ) { return; }
|
|
node.removeAttribute(this.hideNodeAttr);
|
|
},
|
|
|
|
toggle: function(state, callback) {
|
|
if ( state === undefined ) { state = this.disabled; }
|
|
if ( state !== this.disabled ) { return; }
|
|
this.disabled = !state;
|
|
var userStylesheet = vAPI.userStylesheet;
|
|
for ( var entry of this.filterset ) {
|
|
var rule = entry.selectors + '\n{' + entry.declarations + '}';
|
|
if ( this.disabled ) {
|
|
userStylesheet.remove(rule);
|
|
} else {
|
|
userStylesheet.add(rule);
|
|
}
|
|
}
|
|
userStylesheet.apply(callback);
|
|
},
|
|
|
|
getAllSelectors_: function(all) {
|
|
var out = {
|
|
declarative: []
|
|
};
|
|
var selectors;
|
|
for ( var entry of this.filterset ) {
|
|
selectors = entry.selectors;
|
|
if ( all !== true && this.hideNodeAttr !== undefined ) {
|
|
selectors = selectors
|
|
.replace('[' + this.hideNodeAttr + ']', '')
|
|
.replace(/^,\n|,\n$/gm, '');
|
|
if ( selectors === '' ) { continue; }
|
|
}
|
|
out.declarative.push([ selectors, entry.declarations ]);
|
|
}
|
|
return out;
|
|
},
|
|
|
|
getFilteredElementCount: function() {
|
|
let details = this.getAllSelectors_(true);
|
|
if ( Array.isArray(details.declarative) === false ) { return 0; }
|
|
let selectors = details.declarative.reduce(function(acc, entry) {
|
|
acc.push(entry[0]);
|
|
return acc;
|
|
}, []);
|
|
if ( selectors.length === 0 ) { return 0; }
|
|
return document.querySelectorAll(selectors.join(',\n')).length;
|
|
},
|
|
|
|
getAllSelectors: function() {
|
|
return this.getAllSelectors_(false);
|
|
}
|
|
};
|
|
|
|
/******************************************************************************/
|
|
/******************************************************************************/
|
|
|
|
}
|
|
// <<<<<<<< end of HUGE-IF-BLOCK
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
|
|
DO NOT:
|
|
- Remove the following code
|
|
- Add code beyond the following code
|
|
Reason:
|
|
- https://github.com/gorhill/uBlock/pull/3721
|
|
- uBO never uses the return value from injected content scripts
|
|
|
|
**/
|
|
|
|
void 0;
|