1
0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-17 16:02:33 +01:00
uBlock/platform/chromium/vapi-usercss.real.js

264 lines
8.0 KiB
JavaScript
Raw Normal View History

/*******************************************************************************
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 ) {
2017-10-21 19:43:46 +02:00
/******************************************************************************/
/******************************************************************************/
2017-10-22 14:59:29 +02:00
vAPI.userStylesheet = {
added: new Set(),
removed: new Set(),
apply: function(callback) {
2017-10-22 14:59:29 +02:00
if ( this.added.size === 0 && this.removed.size === 0 ) { return; }
vAPI.messaging.send('vapi', {
2017-10-22 14:59:29 +02:00
what: 'userCSS',
add: Array.from(this.added),
remove: Array.from(this.removed)
}, callback);
2017-10-22 14:59:29 +02:00
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(); }
}
};
/******************************************************************************/
2017-10-21 19:43:46 +02:00
vAPI.DOMFilterer = function() {
this.commitTimer = new vAPI.SafeAnimationFrame(this.commitNow.bind(this));
this.domIsReady = document.readyState !== 'loading';
2017-10-22 14:59:29 +02:00
this.disabled = false;
2017-10-21 19:43:46 +02:00
this.listeners = [];
2017-10-22 14:59:29 +02:00
this.filterset = new Set();
2017-10-21 19:43:46 +02:00
this.excludedNodeSet = new WeakSet();
2017-10-22 14:59:29 +02:00
this.addedCSSRules = new Set();
2017-10-21 19:43:46 +02:00
if ( this.domIsReady !== true ) {
document.addEventListener('DOMContentLoaded', () => {
this.domIsReady = true;
this.commit();
});
}
};
vAPI.DOMFilterer.prototype = {
reOnlySelectors: /\n\{[^\n]+/g,
2017-10-22 14:59:29 +02:00
// Here we will deal with:
// - Injecting low priority user styles;
// - Notifying listeners about changed filterset.
2017-10-21 19:43:46 +02:00
commitNow: function() {
this.commitTimer.clear();
2017-11-14 21:03:20 +01:00
var userStylesheet = vAPI.userStylesheet;
2017-10-22 14:59:29 +02:00
for ( var entry of this.addedCSSRules ) {
if (
this.disabled === false &&
entry.lazy &&
entry.injected === false
) {
2017-10-22 14:59:29 +02:00
userStylesheet.add(
entry.selectors + '\n{' + entry.declarations + '}'
);
2017-10-21 19:43:46 +02:00
}
}
2017-10-22 14:59:29 +02:00
this.addedCSSRules.clear();
userStylesheet.apply();
2017-10-21 19:43:46 +02:00
},
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 = {}; }
2017-10-22 14:59:29 +02:00
var entry = {
2017-10-21 19:43:46 +02:00
selectors: selectorsStr,
declarations,
lazy: details.lazy === true,
injected: details.injected === true
2017-10-22 14:59:29 +02:00
};
this.addedCSSRules.add(entry);
this.filterset.add(entry);
if (
this.disabled === false &&
entry.lazy !== true &&
entry.injected !== true
) {
2017-10-22 14:59:29 +02:00
vAPI.userStylesheet.add(selectorsStr + '\n{' + declarations + '}');
}
2017-10-21 19:43:46 +02:00
this.commit();
2017-11-14 21:03:20 +01:00
if ( this.hasListeners() ) {
this.triggerListeners({
declarative: [ [ selectorsStr, declarations ] ]
});
}
2017-10-21 19:43:46 +02:00
},
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);
},
2017-11-14 21:03:20 +01:00
hasListeners: function() {
return this.listeners.length !== 0;
},
triggerListeners: function(changes) {
2017-10-21 19:43:46 +02:00
var i = this.listeners.length;
while ( i-- ) {
2017-11-14 21:03:20 +01:00
this.listeners[i].onFiltersetChanged(changes);
2017-10-21 19:43:46 +02:00
}
},
excludeNode: function(node) {
this.excludedNodeSet.add(node);
this.unhideNode(node);
},
2017-10-22 14:59:29 +02:00
unexcludeNode: function(node) {
this.excludedNodeSet.delete(node);
},
2017-10-21 19:43:46 +02:00
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;
2017-10-21 19:43:46 +02:00
this.addCSSRule(
'[' + this.hideNodeAttr + ']',
'display:none!important;'
2017-10-21 19:43:46 +02:00
);
}
},
unhideNode: function(node) {
if ( this.hideNodeAttr === undefined ) { return; }
node.removeAttribute(this.hideNodeAttr);
2017-10-21 19:43:46 +02:00
},
toggle: function(state, callback) {
2017-10-22 14:59:29 +02:00
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);
2017-10-21 19:43:46 +02:00
},
2017-11-14 21:03:20 +01:00
getAllSelectors_: function(all) {
var out = {
declarative: []
};
var selectors;
2017-10-22 14:59:29 +02:00
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;
2017-10-21 19:43:46 +02:00
},
getFilteredElementCount: function() {
2017-11-14 21:03:20 +01:00
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;
2017-10-21 19:43:46 +02:00
},
2017-11-14 21:03:20 +01:00
getAllSelectors: function() {
return this.getAllSelectors_(false);
2017-10-21 19:43:46 +02:00
}
};
/******************************************************************************/
/******************************************************************************/
}
// <<<<<<<< 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;