uBlock/src/js/popup.js

874 lines
28 KiB
JavaScript
Raw Normal View History

2014-06-24 00:42:43 +02:00
/*******************************************************************************
2015-03-07 19:20:18 +01:00
µBlock - a browser extension to block requests.
2014-06-24 00:42:43 +02:00
Copyright (C) 2014 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
*/
2015-03-11 16:21:29 +01:00
/* global punycode, vAPI, uDom */
2014-07-07 03:52:16 +02:00
2014-06-24 00:42:43 +02:00
/******************************************************************************/
(function() {
2015-03-16 14:20:58 +01:00
2015-03-22 13:51:31 +01:00
'use strict';
2014-11-24 15:48:33 +01:00
2014-06-24 00:42:43 +02:00
/******************************************************************************/
2015-03-22 13:51:31 +01:00
// Ensure the popup is properly sized as soon as possible. It is assume the DOM
// content is ready at this point, which should be the case given where this
// script file is included in the HTML file.
2015-03-16 14:20:58 +01:00
2015-03-22 13:51:31 +01:00
var dfPaneVisibleStored = vAPI.localStorage.getItem('popupFirewallPane') === 'true';
// Hacky? I couldn't figure a CSS recipe for this problem.
// I do not want the left pane -- optional and hidden by defaut -- to
// dictate the height of the popup. The right pane dictates the height
// of the popup, and the left pane will have a scrollbar if ever its
// height is more than what is available.
(function() {
var rpane = document.querySelector('#panes > div:nth-of-type(1)');
if ( typeof rpane.offsetHeight === 'number' ) {
document.querySelector('#panes > div:nth-of-type(2)').style.setProperty(
'height',
rpane.offsetHeight + 'px'
);
}
})();
2015-03-22 13:51:31 +01:00
2015-05-23 13:31:46 +02:00
// The padlock/eraser must be manually positioned:
// - Its vertical position depends on the height of the popup title bar
// - Its horizontal position depends on whether there is a vertical scrollbar.
document.getElementById('rulesetTools').style.setProperty(
'top',
(document.getElementById('gotoPrefs').getBoundingClientRect().bottom + 3) + 'px'
);
var positionRulesetTools = function() {
document.getElementById('rulesetTools').style.setProperty(
'left',
(document.getElementById('firewallContainer').getBoundingClientRect().left + 3) + 'px'
);
};
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/996
2015-03-22 13:51:31 +01:00
// Experimental: mitigate glitchy popup UI: immediately set the firewall pane
// visibility to its last known state. By default the pane is hidden.
// Will remove if it makes no difference.
if ( dfPaneVisibleStored ) {
document.getElementById('panes').classList.add('dfEnabled');
}
/******************************************************************************/
2015-04-24 16:55:11 +02:00
var popupData = {};
var dfPaneBuilt = false;
2014-12-30 22:36:29 +01:00
var reIP = /^\d+(?:\.\d+){1,3}$/;
2015-02-04 15:03:34 +01:00
var reSrcHostnameFromRule = /^d[abn]:([^ ]+) ([^ ]+) ([^ ]+)/;
2014-12-30 22:36:29 +01:00
var scopeToSrcHostnameMap = {
'/': '*',
'.': ''
};
var threePlus = '+++';
var threeMinus = '';
2014-12-30 22:36:29 +01:00
var sixSpace = '\u2007\u2007\u2007\u2007\u2007\u2007';
var dfHotspots = null;
var hostnameToSortableTokenMap = {};
2015-01-07 01:51:50 +01:00
var allDomains = {};
var allDomainCount = 0;
var allHostnameRows = [];
2015-01-07 01:51:50 +01:00
var touchedDomainCount = 0;
2015-01-10 17:23:28 +01:00
var rowsToRecycle = uDom();
var cachedPopupHash = '';
2015-03-11 16:21:29 +01:00
var statsStr = vAPI.i18n('popupBlockedStats');
2015-02-07 00:20:33 +01:00
var domainsHitStr = vAPI.i18n('popupHitDomainCount');
2015-03-25 15:12:56 +01:00
var reNetworkRelatedURL = /^(?:ftps?|https?|wss?):\/\//;
2014-06-24 00:42:43 +02:00
/******************************************************************************/
// https://github.com/gorhill/httpswitchboard/issues/345
var messager = vAPI.messaging.channel('popup.js');
2014-12-30 22:36:29 +01:00
/******************************************************************************/
var cachePopupData = function(data) {
popupData = {};
scopeToSrcHostnameMap['.'] = '';
hostnameToSortableTokenMap = {};
2015-01-07 01:51:50 +01:00
if ( typeof data !== 'object' ) {
return popupData;
2014-12-25 14:53:30 +01:00
}
popupData = data;
scopeToSrcHostnameMap['.'] = popupData.pageHostname || '';
var hostnameDict = popupData.hostnameDict;
2015-01-07 01:51:50 +01:00
if ( typeof hostnameDict !== 'object' ) {
return popupData;
}
var domain, prefix;
for ( var hostname in hostnameDict ) {
if ( hostnameDict.hasOwnProperty(hostname) === false ) {
continue;
}
2015-01-07 01:51:50 +01:00
domain = hostnameDict[hostname].domain;
if ( domain === popupData.pageDomain ) {
domain = '\u0020';
}
prefix = hostname.slice(0, 0 - domain.length);
hostnameToSortableTokenMap[hostname] = domain + prefix.split('.').reverse().join('.');
2014-12-30 22:36:29 +01:00
}
return popupData;
2014-12-30 22:36:29 +01:00
};
2014-06-24 00:42:43 +02:00
/******************************************************************************/
2015-01-10 17:23:28 +01:00
var hashFromPopupData = function(reset) {
2015-01-24 18:06:22 +01:00
// It makes no sense to offer to refresh the behind-the-scene scope
if ( popupData.pageHostname === 'behind-the-scene' ) {
uDom('body').toggleClass('dirty', false);
return;
}
2015-01-10 17:23:28 +01:00
var hasher = [];
var rules = popupData.firewallRules;
2015-01-10 17:23:28 +01:00
var rule;
for ( var key in rules ) {
if ( rules.hasOwnProperty(key) === false ) {
continue;
}
rule = rules[key];
if ( rule !== '' ) {
hasher.push(rule);
}
2014-06-24 07:20:59 +02:00
}
hasher.sort();
2015-02-09 21:24:24 +01:00
hasher.push(uDom('body').hasClass('off'));
hasher.push(uDom.nodeFromId('no-cosmetic-filtering').classList.contains('on'));
hasher.push(uDom.nodeFromId('no-remote-fonts').classList.contains('on'));
2015-01-10 17:23:28 +01:00
var hash = hasher.join('');
2015-01-10 17:23:28 +01:00
if ( reset ) {
cachedPopupHash = hash;
}
uDom('body').toggleClass('dirty', hash !== cachedPopupHash);
};
/******************************************************************************/
var formatNumber = function(count) {
return typeof count === 'number' ? count.toLocaleString() : '';
2014-06-24 07:20:59 +02:00
};
/******************************************************************************/
2014-12-30 22:36:29 +01:00
var rulekeyCompare = function(a, b) {
var ha = a.slice(2, a.indexOf(' ', 2));
if ( !reIP.test(ha) ) {
ha = hostnameToSortableTokenMap[ha] || '';
2014-12-30 22:36:29 +01:00
}
var hb = b.slice(2, b.indexOf(' ', 2));
if ( !reIP.test(hb) ) {
hb = hostnameToSortableTokenMap[hb] || '';
2014-12-30 22:36:29 +01:00
}
return ha.localeCompare(hb);
};
/******************************************************************************/
var addFirewallRow = function(des) {
2015-01-10 17:23:28 +01:00
var row = rowsToRecycle.pop();
if ( row.length === 0 ) {
row = uDom('#templates > div:nth-of-type(1)').clone();
}
2014-12-30 22:36:29 +01:00
row.descendants('[data-des]').attr('data-des', des);
2015-01-14 23:45:55 +01:00
row.descendants('span:nth-of-type(1)').text(punycode.toUnicode(des));
2014-12-30 22:36:29 +01:00
var hnDetails = popupData.hostnameDict[des] || {};
2015-02-17 03:15:09 +01:00
var isDomain = des === hnDetails.domain;
2015-03-25 15:12:56 +01:00
row.toggleClass('isDomain', isDomain)
.toggleClass('isSubDomain', !isDomain)
.toggleClass('allowed', hnDetails.allowCount !== 0)
.toggleClass('blocked', hnDetails.blockCount !== 0)
.toggleClass('totalAllowed', hnDetails.totalAllowCount !== 0)
.toggleClass('totalBlocked', hnDetails.totalBlockCount !== 0);
row.appendTo('#firewallContainer');
2014-12-30 22:36:29 +01:00
return row;
};
/******************************************************************************/
var updateFirewallCell = function(scope, des, type, rule) {
var selector = '#firewallContainer span[data-src="' + scope + '"][data-des="' + des + '"][data-type="' + type + '"]';
2014-12-30 22:36:29 +01:00
var cell = uDom(selector);
2015-01-10 17:23:28 +01:00
// This should not happen
2014-12-30 22:36:29 +01:00
if ( cell.length === 0 ) {
2015-01-10 17:23:28 +01:00
return;
2014-12-30 22:36:29 +01:00
}
cell.removeClass();
2015-01-10 17:23:28 +01:00
var action = rule.charAt(1);
if ( action !== '' ) {
cell.toggleClass(action + 'Rule', true);
}
2014-10-27 17:14:57 +01:00
2014-12-30 22:36:29 +01:00
// Use dark shade visual cue if the filter is specific to the cell.
var ownRule = false;
2015-01-10 17:23:28 +01:00
var matches = reSrcHostnameFromRule.exec(rule);
if ( matches !== null ) {
2015-02-04 18:51:43 +01:00
ownRule = (matches[2] !== '*' || matches[3] === type) &&
(matches[2] === des) &&
(matches[1] === scopeToSrcHostnameMap[scope]);
2014-10-27 17:14:57 +01:00
}
cell.toggleClass('ownRule', ownRule);
2014-12-30 22:36:29 +01:00
2015-02-07 21:39:46 +01:00
if ( scope !== '.' || des === '*' ) {
return;
}
// IMPORTANT: It is completely assumed the first node is a TEXT_NODE, so
// ensure this in the HTML file counterpart when you make
// changes
var textNode = cell.nodeAt(0).firstChild;
2015-02-07 21:39:46 +01:00
// Remember this may be a cell from a reused row, we need to clear text
// content if we can't compute request counts.
2015-02-07 21:39:46 +01:00
if ( popupData.hostnameDict.hasOwnProperty(des) === false ) {
textNode.nodeValue = ' ';
2014-12-30 22:36:29 +01:00
return;
}
var hnDetails = popupData.hostnameDict[des];
2015-01-01 13:29:28 +01:00
var aCount = hnDetails.allowCount;
var bCount = hnDetails.blockCount;
2015-02-17 03:15:09 +01:00
if ( aCount !== 0 || bCount !== 0 ) {
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/471
2015-02-17 03:15:09 +01:00
aCount = Math.min(Math.ceil(Math.log(aCount + 1) / Math.LN10), 3);
bCount = Math.min(Math.ceil(Math.log(bCount + 1) / Math.LN10), 3);
textNode.nodeValue = threePlus.slice(0, aCount) +
sixSpace.slice(aCount + bCount) +
threeMinus.slice(0, bCount);
} else {
textNode.nodeValue = ' ';
2015-02-17 03:15:09 +01:00
}
if ( hnDetails.domain !== des ) {
2015-01-01 13:29:28 +01:00
return;
}
2015-02-17 03:15:09 +01:00
textNode = cell.nodeAt(1).firstChild;
aCount = hnDetails.totalAllowCount;
bCount = hnDetails.totalBlockCount;
if ( aCount !== 0 || bCount !== 0 ) {
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/471
2015-02-17 03:15:09 +01:00
aCount = Math.min(Math.ceil(Math.log(aCount + 1) / Math.LN10), 3);
bCount = Math.min(Math.ceil(Math.log(bCount + 1) / Math.LN10), 3);
textNode.nodeValue = threePlus.slice(0, aCount) +
sixSpace.slice(aCount + bCount) +
threeMinus.slice(0, bCount);
} else {
textNode.nodeValue = ' ';
}
2014-10-06 20:02:44 +02:00
};
/******************************************************************************/
var updateAllFirewallCells = function() {
var rules = popupData.firewallRules;
2015-01-10 17:23:28 +01:00
for ( var key in rules ) {
2015-01-10 17:44:37 +01:00
if ( rules.hasOwnProperty(key) === false ) {
continue;
}
updateFirewallCell(
2015-01-10 17:23:28 +01:00
key.charAt(0),
key.slice(2, key.indexOf(' ', 2)),
key.slice(key.lastIndexOf(' ') + 1),
rules[key]
);
}
2015-05-23 13:31:46 +02:00
positionRulesetTools();
uDom.nodeFromId('firewallContainer').classList.toggle(
'dirty',
popupData.matrixIsDirty === true
);
2015-01-10 17:23:28 +01:00
};
/******************************************************************************/
var buildAllFirewallRows = function() {
2015-01-10 17:23:28 +01:00
// Do this before removing the rows
if ( dfHotspots === null ) {
dfHotspots = uDom('#actionSelector')
.toggleClass('colorBlind', popupData.colorBlindFriendly)
.on('click', 'span', setFirewallRuleHandler);
2014-12-30 22:36:29 +01:00
}
2015-01-10 17:23:28 +01:00
dfHotspots.detach();
// Remove and reuse all rows: the order may have changed, we can't just
// reuse them in-place.
rowsToRecycle = uDom('#firewallContainer > div:nth-of-type(7) ~ div').detach();
2015-02-06 23:42:09 +01:00
var n = allHostnameRows.length;
2015-02-06 23:42:09 +01:00
for ( var i = 0; i < n; i++ ) {
addFirewallRow(allHostnameRows[i]);
2015-02-06 23:42:09 +01:00
}
if ( dfPaneBuilt !== true ) {
uDom('#firewallContainer')
.on('click', 'span[data-src]', unsetFirewallRuleHandler)
2015-02-06 23:42:09 +01:00
.on('mouseenter', '[data-src]', mouseenterCellHandler)
.on('mouseleave', '[data-src]', mouseleaveCellHandler);
dfPaneBuilt = true;
}
updateAllFirewallCells();
2015-02-06 23:42:09 +01:00
};
2015-01-10 17:23:28 +01:00
2015-02-06 23:42:09 +01:00
/******************************************************************************/
var renderPrivacyExposure = function() {
2015-01-10 17:23:28 +01:00
allDomains = {};
allDomainCount = touchedDomainCount = 0;
allHostnameRows = [];
2014-12-30 22:36:29 +01:00
// Sort hostnames. First-party hostnames must always appear at the top
// of the list.
2015-01-10 17:23:28 +01:00
var desHostnameDone = {};
var keys = Object.keys(popupData.firewallRules)
2015-01-10 17:23:28 +01:00
.sort(rulekeyCompare);
2015-02-06 23:42:09 +01:00
var key, des, hnDetails;
2014-12-30 22:36:29 +01:00
for ( var i = 0; i < keys.length; i++ ) {
key = keys[i];
2015-01-10 17:23:28 +01:00
des = key.slice(2, key.indexOf(' ', 2));
2015-02-04 15:03:34 +01:00
// Specific-type rules -- these are built-in
if ( des === '*' || desHostnameDone.hasOwnProperty(des) ) {
2015-01-10 17:23:28 +01:00
continue;
}
2015-02-06 23:42:09 +01:00
hnDetails = popupData.hostnameDict[des] || {};
if ( allDomains.hasOwnProperty(hnDetails.domain) === false ) {
allDomains[hnDetails.domain] = false;
allDomainCount += 1;
}
if ( hnDetails.allowCount !== 0 ) {
if ( allDomains[hnDetails.domain] === false ) {
allDomains[hnDetails.domain] = true;
touchedDomainCount += 1;
}
}
allHostnameRows.push(des);
2015-01-10 17:23:28 +01:00
desHostnameDone[des] = true;
2014-10-06 20:02:44 +02:00
}
2014-12-30 22:36:29 +01:00
2015-03-25 15:12:56 +01:00
// Domain of the page must always be included (if there is one)
if (
allDomains.hasOwnProperty(popupData.pageDomain) === false &&
reNetworkRelatedURL.test(popupData.rawURL)
) {
2015-03-16 12:46:11 +01:00
allHostnameRows.push(popupData.pageDomain);
allDomains[popupData.pageDomain] = false;
allDomainCount += 1;
}
2015-02-06 23:42:09 +01:00
var summary = domainsHitStr.replace('{{count}}', touchedDomainCount.toLocaleString())
.replace('{{total}}', allDomainCount.toLocaleString());
uDom.nodeFromId('popupHitDomainCount').textContent = summary;
2014-10-06 20:02:44 +02:00
};
/******************************************************************************/
2015-01-10 17:23:28 +01:00
// Assume everything has to be done incrementally.
2015-03-12 18:48:43 +01:00
var renderPopup = function() {
if ( popupData.tabTitle ) {
document.title = popupData.appName + ' - ' + popupData.tabTitle;
2015-03-02 19:49:34 +01:00
}
2015-03-12 18:48:43 +01:00
uDom.nodeFromId('appname').textContent = popupData.appName;
uDom.nodeFromId('version').textContent = popupData.appVersion;
uDom('body')
.toggleClass('advancedUser', popupData.advancedUserEnabled)
.toggleClass(
'off',
(popupData.pageURL === '') ||
(!popupData.netFilteringSwitch) ||
(popupData.pageHostname === 'behind-the-scene' && !popupData.advancedUserEnabled)
);
2015-01-10 17:23:28 +01:00
2015-01-21 17:13:32 +01:00
// If you think the `=== true` is pointless, you are mistaken
uDom.nodeFromId('gotoPick').classList.toggle('enabled', popupData.canElementPicker === true);
2014-07-02 18:02:29 +02:00
2015-03-11 16:21:29 +01:00
var text;
var blocked = popupData.pageBlockedRequestCount;
var total = popupData.pageAllowedRequestCount + blocked;
2014-06-24 00:42:43 +02:00
if ( total === 0 ) {
2015-03-11 16:21:29 +01:00
text = formatNumber(0);
2014-06-24 00:42:43 +02:00
} else {
2015-03-11 16:21:29 +01:00
text = statsStr.replace('{{count}}', formatNumber(blocked))
.replace('{{percent}}', formatNumber(Math.floor(blocked * 100 / total)));
2014-06-24 00:42:43 +02:00
}
uDom.nodeFromId('page-blocked').textContent = text;
2014-06-24 00:42:43 +02:00
blocked = popupData.globalBlockedRequestCount;
total = popupData.globalAllowedRequestCount + blocked;
2014-06-24 00:42:43 +02:00
if ( total === 0 ) {
2015-03-11 16:21:29 +01:00
text = formatNumber(0);
2014-06-24 00:42:43 +02:00
} else {
2015-03-11 16:21:29 +01:00
text = statsStr.replace('{{count}}', formatNumber(blocked))
.replace('{{percent}}', formatNumber(Math.floor(blocked * 100 / total)));
2014-06-24 00:42:43 +02:00
}
uDom.nodeFromId('total-blocked').textContent = text;
2015-02-06 23:42:09 +01:00
2015-08-01 17:30:54 +02:00
// https://github.com/gorhill/uBlock/issues/507
// Convenience: open the logger with current tab automatically selected
if ( popupData.tabId ) {
uDom.nodeFromSelector('.statName > a[href^="logger-ui.html"]').setAttribute(
'href',
'logger-ui.html#tab_' + popupData.tabId
);
}
2015-02-06 23:42:09 +01:00
// This will collate all domains, touched or not
renderPrivacyExposure();
2014-06-24 00:42:43 +02:00
2015-03-27 18:00:55 +01:00
// Extra tools
uDom.nodeFromId('no-popups').classList.toggle('on', popupData.noPopups === true);
uDom.nodeFromId('no-strict-blocking').classList.toggle('on', popupData.noStrictBlocking === true);
uDom.nodeFromId('no-cosmetic-filtering').classList.toggle('on', popupData.noCosmeticFiltering === true);
uDom.nodeFromId('no-remote-fonts').classList.toggle('on', popupData.noRemoteFonts === true);
// Report remote font count on badge
total = popupData.remoteFontCount;
uDom.nodeFromSelector('#no-remote-fonts > span.badge')
.textContent = total ? total.toLocaleString() : '';
2015-03-27 18:00:55 +01:00
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/470
2015-01-10 17:23:28 +01:00
// This must be done here, to be sure the popup is resized properly
var dfPaneVisible = popupData.dfEnabled && popupData.advancedUserEnabled;
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/1068
2015-03-22 13:51:31 +01:00
// Remember the last state of the firewall pane. This allows to
// configure the popup size early next time it is opened, which means a
// less glitchy popup at open time.
if ( dfPaneVisible !== dfPaneVisibleStored ) {
dfPaneVisibleStored = dfPaneVisible;
vAPI.localStorage.setItem('popupFirewallPane', dfPaneVisibleStored);
}
uDom.nodeFromId('panes').classList.toggle('dfEnabled', dfPaneVisible);
uDom('#firewallContainer')
.toggleClass('minimized', popupData.firewallPaneMinimized)
.toggleClass('colorBlind', popupData.colorBlindFriendly);
2015-01-10 17:23:28 +01:00
// Build dynamic filtering pane only if in use
2015-01-10 17:23:28 +01:00
if ( dfPaneVisible ) {
buildAllFirewallRows();
}
2014-06-24 00:42:43 +02:00
};
/******************************************************************************/
var renderPopupLazy = function() {
var onDataReady = function(data) {
if ( !data ) { return; }
2015-04-05 22:23:36 +02:00
var v = data.hiddenElementCount || '';
uDom.nodeFromSelector('#no-cosmetic-filtering > span.badge')
.textContent = typeof v === 'number' ? v.toLocaleString() : v;
};
messager.send({
what: 'getPopupDataLazy',
tabId: popupData.tabId
}, onDataReady);
};
/******************************************************************************/
2014-08-02 17:40:27 +02:00
var toggleNetFilteringSwitch = function(ev) {
if ( !popupData || !popupData.pageURL ) {
2014-06-24 00:42:43 +02:00
return;
}
2015-01-24 18:06:22 +01:00
if ( popupData.pageHostname === 'behind-the-scene' && !popupData.advancedUserEnabled ) {
return;
}
messager.send({
2014-06-24 00:42:43 +02:00
what: 'toggleNetFiltering',
url: popupData.pageURL,
2014-08-02 17:40:27 +02:00
scope: ev.ctrlKey || ev.metaKey ? 'page' : '',
2015-02-09 21:24:24 +01:00
state: !uDom('body').toggleClass('off').hasClass('off'),
tabId: popupData.tabId
2014-06-24 00:42:43 +02:00
});
2015-01-10 17:23:28 +01:00
hashFromPopupData();
2014-06-24 00:42:43 +02:00
};
/******************************************************************************/
2014-07-13 02:32:44 +02:00
var gotoPick = function() {
messager.send({
what: 'launchElementPicker',
tabId: popupData.tabId
});
2014-12-25 14:53:30 +01:00
vAPI.closePopup();
2014-07-13 02:32:44 +02:00
};
/******************************************************************************/
2014-12-25 14:53:30 +01:00
var gotoURL = function(ev) {
2014-12-28 21:26:06 +01:00
if ( this.hasAttribute('href') === false) {
return;
}
ev.preventDefault();
var rel = this.getAttribute('rel') || '';
messager.send({
what: 'gotoURL',
details: {
2014-12-25 14:53:30 +01:00
url: this.getAttribute('href'),
select: true,
index: -1,
2015-07-03 11:57:05 +02:00
popup: rel === 'popup' && ev.shiftKey
}
});
2014-12-25 14:53:30 +01:00
vAPI.closePopup();
2014-07-02 18:02:29 +02:00
};
2014-06-24 00:42:43 +02:00
/******************************************************************************/
var toggleFirewallPane = function() {
2015-01-10 17:23:28 +01:00
if ( popupData.advancedUserEnabled === false ) {
return;
}
popupData.dfEnabled = !popupData.dfEnabled;
2015-01-10 17:23:28 +01:00
messager.send({
what: 'userSettings',
name: 'dynamicFilteringEnabled',
value: popupData.dfEnabled
2015-01-10 17:23:28 +01:00
});
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/996
2015-03-22 13:51:31 +01:00
// Remember the last state of the firewall pane. This allows to
// configure the popup size early next time it is opened, which means a
// less glitchy popup at open time.
dfPaneVisibleStored = popupData.dfEnabled;
vAPI.localStorage.setItem('popupFirewallPane', dfPaneVisibleStored);
2015-01-10 17:23:28 +01:00
// Dynamic filtering pane may not have been built yet
uDom.nodeFromId('panes').classList.toggle('dfEnabled', popupData.dfEnabled);
2015-01-10 17:23:28 +01:00
if ( popupData.dfEnabled && dfPaneBuilt === false ) {
buildAllFirewallRows();
2015-01-10 17:23:28 +01:00
}
};
/******************************************************************************/
var mouseenterCellHandler = function() {
if ( uDom(this).hasClass('ownRule') === false ) {
dfHotspots.appendTo(this);
}
};
var mouseleaveCellHandler = function() {
dfHotspots.detach();
};
/******************************************************************************/
var setFirewallRule = function(src, des, type, action, persist) {
// This can happen on pages where uBlock does not work
if ( typeof popupData.pageHostname !== 'string' || popupData.pageHostname === '' ) {
return;
}
var onFirewallRuleChanged = function(response) {
cachePopupData(response);
updateAllFirewallCells();
2015-01-10 17:23:28 +01:00
hashFromPopupData();
2014-10-06 20:02:44 +02:00
};
messager.send({
what: 'toggleFirewallRule',
tabId: popupData.tabId,
pageHostname: popupData.pageHostname,
srcHostname: src,
desHostname: des,
requestType: type,
action: action,
persist: persist
}, onFirewallRuleChanged);
2014-10-06 20:02:44 +02:00
};
/******************************************************************************/
var unsetFirewallRuleHandler = function(ev) {
var cell = uDom(this);
setFirewallRule(
cell.attr('data-src') === '/' ? '*' : popupData.pageHostname,
cell.attr('data-des'),
cell.attr('data-type'),
0,
ev.ctrlKey || ev.metaKey
);
dfHotspots.appendTo(cell);
};
/******************************************************************************/
var setFirewallRuleHandler = function(ev) {
var hotspot = uDom(this);
var cell = hotspot.ancestors('[data-src]');
if ( cell.length === 0 ) {
return;
}
var action = 0;
var hotspotId = hotspot.attr('id');
if ( hotspotId === 'dynaAllow' ) {
action = 2;
} else if ( hotspotId === 'dynaNoop' ) {
2015-01-10 17:44:37 +01:00
action = 3;
} else {
action = 1;
}
setFirewallRule(
cell.attr('data-src') === '/' ? '*' : popupData.pageHostname,
cell.attr('data-des'),
cell.attr('data-type'),
action,
ev.ctrlKey || ev.metaKey
);
dfHotspots.detach();
2014-10-06 20:02:44 +02:00
};
/******************************************************************************/
2015-01-10 17:23:28 +01:00
var reloadTab = function() {
2015-03-02 19:49:34 +01:00
messager.send({ what: 'reloadTab', tabId: popupData.tabId, select: true });
2015-01-10 17:23:28 +01:00
// Polling will take care of refreshing the popup content
2015-02-09 21:24:24 +01:00
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/748
2015-02-09 21:24:24 +01:00
// User forces a reload, assume the popup has to be updated regardless if
// there were changes or not.
popupData.contentLastModified = -1;
2015-02-09 21:35:47 +01:00
// No need to wait to remove this.
2015-02-09 21:24:24 +01:00
uDom('body').toggleClass('dirty', false);
2015-01-10 17:23:28 +01:00
};
/******************************************************************************/
2015-02-17 03:15:09 +01:00
var toggleMinimize = function() {
popupData.firewallPaneMinimized = uDom.nodeFromId('firewallContainer')
.classList
.toggle('minimized');
2015-02-17 03:15:09 +01:00
messager.send({
what: 'userSettings',
name: 'firewallPaneMinimized',
value: popupData.firewallPaneMinimized
});
2015-05-23 13:31:46 +02:00
positionRulesetTools();
2015-02-17 03:15:09 +01:00
};
/******************************************************************************/
var saveFirewallRules = function() {
messager.send({
what: 'saveFirewallRules',
srcHostname: popupData.pageHostname,
desHostnames: popupData.hostnameDict
});
uDom.nodeFromId('firewallContainer').classList.remove('dirty');
};
/******************************************************************************/
2015-04-24 14:36:19 +02:00
var revertFirewallRules = function() {
var onFirewallRuleChanged = function(response) {
cachePopupData(response);
updateAllFirewallCells();
hashFromPopupData();
};
messager.send({
what: 'revertFirewallRules',
srcHostname: popupData.pageHostname,
desHostnames: popupData.hostnameDict,
tabId: popupData.tabId
}, onFirewallRuleChanged);
uDom.nodeFromId('firewallContainer').classList.remove('dirty');
2015-04-24 14:36:19 +02:00
};
/******************************************************************************/
2015-03-27 18:00:55 +01:00
var toggleHostnameSwitch = function() {
var elem = uDom(this);
var switchName = elem.attr('id');
if ( !switchName ) {
return;
}
elem.toggleClass('on');
messager.send({
what: 'toggleHostnameSwitch',
name: switchName,
hostname: popupData.pageHostname,
state: elem.hasClass('on'),
tabId: popupData.tabId
2015-03-27 18:00:55 +01:00
});
hashFromPopupData();
2015-03-27 18:00:55 +01:00
};
/******************************************************************************/
2015-01-10 17:23:28 +01:00
// Poll for changes.
//
// I couldn't find a better way to be notified of changes which can affect
// popup content, as the messaging API doesn't support firing events accurately
// from the main extension process to a specific auxiliary extension process:
//
// - broadcasting() is not an option given there could be a lot of tabs opened,
2014-12-25 14:53:30 +01:00
// and maybe even many frames within these tabs, i.e. unacceptable overhead
2015-01-10 17:32:24 +01:00
// regardless of whether the popup is opened or not.
2015-01-10 17:23:28 +01:00
//
// - Modifying the messaging API is not an option, as this would require
// revisiting all platform-specific code to support targeted broadcasting,
// which who knows could be not so trivial for some platforms.
//
2014-12-25 14:53:30 +01:00
// A well done polling is a better anyways IMO, I prefer that data is pulled
2015-01-10 17:32:24 +01:00
// on demand rather than forcing the main process to assume a client may need
// it and thus having to push it all the time unconditionally.
2015-01-10 17:23:28 +01:00
var pollForContentChange = (function() {
var pollTimer = null;
var pollCallback = function() {
pollTimer = null;
messager.send(
{
what: 'hasPopupContentChanged',
tabId: popupData.tabId,
contentLastModified: popupData.contentLastModified
},
queryCallback
);
};
var queryCallback = function(response) {
if ( response ) {
2015-03-02 19:49:34 +01:00
getPopupData(popupData.tabId);
2015-01-10 17:23:28 +01:00
return;
}
poll();
};
var poll = function() {
if ( pollTimer !== null ) {
return;
}
pollTimer = vAPI.setTimeout(pollCallback, 1500);
2015-01-10 17:23:28 +01:00
};
return poll;
})();
/******************************************************************************/
2015-03-02 19:49:34 +01:00
var getPopupData = function(tabId) {
2015-01-10 17:23:28 +01:00
var onDataReceived = function(response) {
cachePopupData(response);
renderPopup();
renderPopupLazy(); // low priority rendering
2015-01-10 17:23:28 +01:00
hashFromPopupData(true);
pollForContentChange();
};
2015-03-02 19:49:34 +01:00
messager.send({ what: 'getPopupData', tabId: tabId }, onDataReceived);
2015-01-10 17:23:28 +01:00
};
/******************************************************************************/
2015-04-05 20:44:41 +02:00
var onShowTooltip = function() {
if ( popupData.advancedUserEnabled ) {
return;
}
var tip = document.getElementById('tooltip');
var target = this;
tip.textContent = target.getAttribute('data-tip');
tip.style.removeProperty('top');
tip.style.removeProperty('bottom');
// Default is "over"
var pos;
var over = target.getAttribute('data-tip-position') !== 'under';
if ( over ) {
pos = document.body.getBoundingClientRect().height -
target.getBoundingClientRect().top;
tip.style.setProperty('bottom', pos + 'px');
} else {
pos = target.getBoundingClientRect().bottom;
tip.style.setProperty('top', pos + 'px');
}
uDom(tip).addClass('show');
};
var onHideTooltip = function() {
uDom.nodeFromId('tooltip').classList.remove('show');
2015-04-05 20:44:41 +02:00
};
/******************************************************************************/
2015-08-01 17:30:54 +02:00
// Popup DOM is assumed to be loaded at this point -- because this script
// is loaded after everything else..
2015-01-10 17:23:28 +01:00
(function() {
// If there's no tab id specified in the query string,
// it will default to current tab.
var tabId = null;
// Extract the tab id of the page this popup is for
var matches = window.location.search.match(/[\?&]tabId=([^&]+)/);
if ( matches && matches.length === 2 ) {
tabId = matches[1];
}
getPopupData(tabId);
uDom('#switch').on('click', toggleNetFilteringSwitch);
uDom('#gotoPick').on('click', gotoPick);
uDom('a[href]').on('click', gotoURL);
uDom('h2').on('click', toggleFirewallPane);
uDom('#refresh').on('click', reloadTab);
uDom('.hnSwitch').on('click', toggleHostnameSwitch);
uDom('#saveRules').on('click', saveFirewallRules);
uDom('#revertRules').on('click', revertFirewallRules);
uDom('[data-i18n="popupAnyRulePrompt"]').on('click', toggleMinimize);
uDom('body').on('mouseenter', '[data-tip]', onShowTooltip)
.on('mouseleave', '[data-tip]', onHideTooltip);
})();
2014-06-24 00:42:43 +02:00
/******************************************************************************/
})();