|
|
|
@ -1,7 +1,7 @@ |
|
|
|
/******************************************************************************* |
|
|
|
|
|
|
|
µMatrix - a Chromium browser extension to black/white list requests. |
|
|
|
Copyright (C) 2014 Raymond Hill |
|
|
|
Copyright (C) 2014-2015 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 |
|
|
|
@ -29,14 +29,29 @@ |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var listDetails = {}; |
|
|
|
var externalHostsFiles = ''; |
|
|
|
var cacheWasPurged = false; |
|
|
|
var needUpdate = false; |
|
|
|
var hasCachedContent = false; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var onMessage = function(msg) { |
|
|
|
switch ( msg.what ) { |
|
|
|
case 'loadHostsFilesCompleted': |
|
|
|
renderBlacklists(); |
|
|
|
break; |
|
|
|
case 'loadHostsFilesCompleted': |
|
|
|
renderHostsFiles(); |
|
|
|
break; |
|
|
|
|
|
|
|
case 'forceUpdateAssetsProgress': |
|
|
|
renderBusyOverlay(true, msg.progress); |
|
|
|
if ( msg.done ) { |
|
|
|
messager.send({ what: 'reloadHostsFiles' }); |
|
|
|
} |
|
|
|
break; |
|
|
|
|
|
|
|
default: |
|
|
|
break; |
|
|
|
default: |
|
|
|
break; |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
@ -44,21 +59,19 @@ var messager = vAPI.messaging.channel('hosts-files.js', onMessage); |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var listDetails = {}; |
|
|
|
var externalHostsFiles = ''; |
|
|
|
var cacheWasPurged = false; |
|
|
|
var needUpdate = false; |
|
|
|
var hasCachedContent = false; |
|
|
|
|
|
|
|
var re3rdPartyExternalAsset = /^https?:\/\/[a-z0-9]+/; |
|
|
|
var re3rdPartyRepoAsset = /^assets\/thirdparties\/([^\/]+)/; |
|
|
|
var renderNumber = function(value) { |
|
|
|
return value.toLocaleString(); |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
// TODO: get rid of background page dependencies
|
|
|
|
|
|
|
|
var renderBlacklists = function() { |
|
|
|
uDom('body').toggleClass('busy', true); |
|
|
|
var renderHostsFiles = function() { |
|
|
|
var listEntryTemplate = uDom('#templates .listEntry'); |
|
|
|
var listStatsTemplate = vAPI.i18n('hostsFilesPerFileStats'); |
|
|
|
var lastUpdateString = vAPI.i18n('hostsFilesLastUpdate'); |
|
|
|
var renderElapsedTimeToString = vAPI.i18n.renderElapsedTimeToString; |
|
|
|
|
|
|
|
// Assemble a pretty blacklist name if possible
|
|
|
|
var listNameFromListKey = function(listKey) { |
|
|
|
@ -70,89 +83,67 @@ var renderBlacklists = function() { |
|
|
|
return listTitle; |
|
|
|
}; |
|
|
|
|
|
|
|
// Assemble a pretty blacklist name if possible
|
|
|
|
var htmlFromHomeURL = function(blacklistHref) { |
|
|
|
if ( blacklistHref.indexOf('assets/thirdparties/') !== 0 ) { |
|
|
|
return ''; |
|
|
|
} |
|
|
|
var matches = re3rdPartyRepoAsset.exec(blacklistHref); |
|
|
|
if ( matches === null || matches.length !== 2 ) { |
|
|
|
return ''; |
|
|
|
var liFromListEntry = function(listKey) { |
|
|
|
var elem, text; |
|
|
|
var entry = listDetails.available[listKey]; |
|
|
|
var li = listEntryTemplate.clone(); |
|
|
|
|
|
|
|
if ( entry.off !== true ) { |
|
|
|
li.descendants('input').attr('checked', ''); |
|
|
|
} |
|
|
|
var hostname = matches[1]; |
|
|
|
var domain = hostname; |
|
|
|
if ( domain === '' ) { |
|
|
|
return ''; |
|
|
|
|
|
|
|
elem = li.descendants('a:nth-of-type(1)'); |
|
|
|
elem.attr('href', encodeURI(listKey)); |
|
|
|
elem.text(listNameFromListKey(listKey) + '\u200E'); |
|
|
|
|
|
|
|
elem = li.descendants('a:nth-of-type(2)'); |
|
|
|
if ( entry.homeDomain ) { |
|
|
|
elem.attr('href', 'http://' + encodeURI(entry.homeHostname)); |
|
|
|
elem.text('(' + entry.homeDomain + ')'); |
|
|
|
elem.css('display', ''); |
|
|
|
} |
|
|
|
var html = [ |
|
|
|
' <a href="http://', |
|
|
|
hostname, |
|
|
|
'" target="_blank">(', |
|
|
|
domain, |
|
|
|
')</a>' |
|
|
|
]; |
|
|
|
return html.join(''); |
|
|
|
}; |
|
|
|
|
|
|
|
var purgeButtontext = vAPI.i18n('hostsFilesExternalListPurge'); |
|
|
|
var updateButtontext = vAPI.i18n('hostsFilesExternalListNew'); |
|
|
|
var obsoleteButtontext = vAPI.i18n('hostsFilesExternalListObsolete'); |
|
|
|
var liTemplate = [ |
|
|
|
'<li class="listDetails">', |
|
|
|
'<input type="checkbox" {{checked}}>', |
|
|
|
' ', |
|
|
|
'<a href="{{URL}}" type="text/plain">', |
|
|
|
'{{name}}', |
|
|
|
'\u200E</a>', |
|
|
|
'{{homeURL}}', |
|
|
|
': ', |
|
|
|
'<span class="dim">', |
|
|
|
vAPI.i18n('hostsFilesPerFileStats'), |
|
|
|
'</span>' |
|
|
|
].join(''); |
|
|
|
|
|
|
|
var htmlFromLeaf = function(listKey) { |
|
|
|
var html = []; |
|
|
|
var hostsEntry = listDetails.available[listKey]; |
|
|
|
var li = liTemplate |
|
|
|
.replace('{{checked}}', hostsEntry.off ? '' : 'checked') |
|
|
|
.replace('{{URL}}', encodeURI(listKey)) |
|
|
|
.replace('{{name}}', listNameFromListKey(listKey)) |
|
|
|
.replace('{{homeURL}}', htmlFromHomeURL(listKey)) |
|
|
|
.replace('{{used}}', !hostsEntry.off && !isNaN(+hostsEntry.entryUsedCount) ? hostsEntry.entryUsedCount.toLocaleString() : '0') |
|
|
|
.replace('{{total}}', !isNaN(+hostsEntry.entryCount) ? hostsEntry.entryCount.toLocaleString() : '?'); |
|
|
|
html.push(li); |
|
|
|
// https://github.com/gorhill/uBlock/issues/104
|
|
|
|
var asset = listDetails.cache[listKey]; |
|
|
|
if ( asset === undefined ) { |
|
|
|
return html.join('\n'); |
|
|
|
elem = li.descendants('span:nth-of-type(1)'); |
|
|
|
text = listStatsTemplate |
|
|
|
.replace('{{used}}', renderNumber(!entry.off && !isNaN(+entry.entryUsedCount) ? entry.entryUsedCount : 0)) |
|
|
|
.replace('{{total}}', !isNaN(+entry.entryCount) ? renderNumber(entry.entryCount) : '?'); |
|
|
|
elem.text(text); |
|
|
|
|
|
|
|
// https://github.com/gorhill/uBlock/issues/78
|
|
|
|
// Badge for non-secure connection
|
|
|
|
var remoteURL = listKey; |
|
|
|
if ( remoteURL.lastIndexOf('http:', 0) !== 0 ) { |
|
|
|
remoteURL = entry.homeURL || ''; |
|
|
|
} |
|
|
|
// Update status
|
|
|
|
if ( hostsEntry.off !== true ) { |
|
|
|
var obsolete = asset.repoObsolete || |
|
|
|
asset.cacheObsolete || |
|
|
|
asset.cached !== true && re3rdPartyExternalAsset.test(listKey); |
|
|
|
if ( obsolete ) { |
|
|
|
html.push( |
|
|
|
' ', |
|
|
|
'<span class="status obsolete">', |
|
|
|
asset.repoObsolete ? updateButtontext : obsoleteButtontext, |
|
|
|
'</span>' |
|
|
|
); |
|
|
|
if ( remoteURL.lastIndexOf('http:', 0) === 0 ) { |
|
|
|
li.descendants('span.status.unsecure').css('display', ''); |
|
|
|
} |
|
|
|
|
|
|
|
// https://github.com/chrisaljoudi/uBlock/issues/104
|
|
|
|
var asset = listDetails.cache[listKey] || {}; |
|
|
|
|
|
|
|
// Badge for update status
|
|
|
|
if ( entry.off !== true ) { |
|
|
|
if ( asset.repoObsolete ) { |
|
|
|
li.descendants('span.status.new').css('display', ''); |
|
|
|
needUpdate = true; |
|
|
|
} else if ( asset.cacheObsolete ) { |
|
|
|
li.descendants('span.status.obsolete').css('display', ''); |
|
|
|
needUpdate = true; |
|
|
|
} else if ( entry.external && !asset.cached ) { |
|
|
|
li.descendants('span.status.obsolete').css('display', ''); |
|
|
|
needUpdate = true; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// In cache
|
|
|
|
if ( asset.cached ) { |
|
|
|
html.push( |
|
|
|
' ', |
|
|
|
'<span class="status purge">', |
|
|
|
purgeButtontext, |
|
|
|
'</span>' |
|
|
|
); |
|
|
|
elem = li.descendants('span.status.purge'); |
|
|
|
elem.css('display', ''); |
|
|
|
elem.attr('title', lastUpdateString.replace('{{ago}}', renderElapsedTimeToString(asset.lastModified))); |
|
|
|
hasCachedContent = true; |
|
|
|
} |
|
|
|
return html.join('\n'); |
|
|
|
return li; |
|
|
|
}; |
|
|
|
|
|
|
|
var onListsReceived = function(details) { |
|
|
|
@ -161,34 +152,37 @@ var renderBlacklists = function() { |
|
|
|
needUpdate = false; |
|
|
|
hasCachedContent = false; |
|
|
|
|
|
|
|
// Visually split the filter lists in two groups: built-in and external
|
|
|
|
var htmlBuiltin = []; |
|
|
|
var htmlExternal = []; |
|
|
|
var hostsPaths = Object.keys(details.available); |
|
|
|
var hostsPath, hostsEntry; |
|
|
|
for ( var i = 0; i < hostsPaths.length; i++ ) { |
|
|
|
hostsPath = hostsPaths[i]; |
|
|
|
hostsEntry = details.available[hostsPath]; |
|
|
|
if ( hostsEntry.external ) { |
|
|
|
htmlExternal.push(htmlFromLeaf(hostsPath, hostsEntry)); |
|
|
|
} else { |
|
|
|
htmlBuiltin.push(htmlFromLeaf(hostsPath, hostsEntry)); |
|
|
|
var availableLists = details.available; |
|
|
|
var listKeys = Object.keys(details.available); |
|
|
|
listKeys.sort(function(a, b) { |
|
|
|
var ta = availableLists[a].title || ''; |
|
|
|
var tb = availableLists[b].title || ''; |
|
|
|
if ( ta !== '' && tb !== '' ) { |
|
|
|
return ta.localeCompare(tb); |
|
|
|
} |
|
|
|
if ( ta === '' && tb === '' ) { |
|
|
|
return a.localeCompare(b); |
|
|
|
} |
|
|
|
if ( tb === '' ) { |
|
|
|
return -1; |
|
|
|
} |
|
|
|
return 1; |
|
|
|
}); |
|
|
|
var ulList = uDom('#lists').empty(); |
|
|
|
for ( var i = 0; i < listKeys.length; i++ ) { |
|
|
|
ulList.append(liFromListEntry(listKeys[i])); |
|
|
|
} |
|
|
|
if ( htmlExternal.length !== 0 ) { |
|
|
|
htmlBuiltin.push('<li> '); |
|
|
|
} |
|
|
|
var html = htmlBuiltin.concat(htmlExternal); |
|
|
|
|
|
|
|
uDom('#listsOfBlockedHostsPrompt').text( |
|
|
|
vAPI.i18n('hostsFilesStats') |
|
|
|
.replace('{{blockedHostnameCount}}', details.blockedHostnameCount.toLocaleString()) |
|
|
|
vAPI.i18n('hostsFilesStats').replace( |
|
|
|
'{{blockedHostnameCount}}', |
|
|
|
renderNumber(details.blockedHostnameCount) |
|
|
|
) |
|
|
|
); |
|
|
|
uDom('#autoUpdate').prop('checked', listDetails.autoUpdate === true); |
|
|
|
uDom('#lists').html(html.join('')); |
|
|
|
uDom('a').attr('target', '_blank'); |
|
|
|
|
|
|
|
updateWidgets(); |
|
|
|
renderWidgets(); |
|
|
|
renderBusyOverlay(details.manualUpdate, details.manualUpdateProgress); |
|
|
|
}; |
|
|
|
|
|
|
|
messager.send({ what: 'getLists' }, onListsReceived); |
|
|
|
@ -196,6 +190,37 @@ var renderBlacklists = function() { |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
// Progress must be normalized to [0, 1], or can be undefined.
|
|
|
|
|
|
|
|
var renderBusyOverlay = function(state, progress) { |
|
|
|
progress = progress || {}; |
|
|
|
var showProgress = typeof progress.value === 'number'; |
|
|
|
if ( showProgress ) { |
|
|
|
uDom('#busyOverlay > div:nth-of-type(2) > div:first-child').css( |
|
|
|
'width', |
|
|
|
(progress.value * 100).toFixed(1) + '%' |
|
|
|
); |
|
|
|
var text = progress.text || ''; |
|
|
|
if ( text !== '' ) { |
|
|
|
uDom('#busyOverlay > div:nth-of-type(2) > div:last-child').text(text); |
|
|
|
} |
|
|
|
} |
|
|
|
uDom('#busyOverlay > div:nth-of-type(2)').css('display', showProgress ? '' : 'none'); |
|
|
|
uDom('body').toggleClass('busy', !!state); |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
// This is to give a visual hint that the selection of blacklists has changed.
|
|
|
|
|
|
|
|
var renderWidgets = function() { |
|
|
|
uDom('#buttonApply').toggleClass('disabled', !listsSelectionChanged()); |
|
|
|
uDom('#buttonUpdate').toggleClass('disabled', !listsContentChanged()); |
|
|
|
uDom('#buttonPurgeAll').toggleClass('disabled', !hasCachedContent); |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
// Return whether selection of lists changed.
|
|
|
|
|
|
|
|
var listsSelectionChanged = function() { |
|
|
|
@ -292,55 +317,70 @@ var onPurgeClicked = function() { |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var reloadAll = function(update) { |
|
|
|
// Loading may take a while when resources are fetched from remote
|
|
|
|
// servers. We do not want the user to force reload while we are reloading.
|
|
|
|
uDom('body').toggleClass('busy', true); |
|
|
|
|
|
|
|
// Reload blacklists
|
|
|
|
var selectHostsFiles = function(callback) { |
|
|
|
var switches = []; |
|
|
|
var lis = uDom('#lists .listDetails'); |
|
|
|
var lis = uDom('#lists .listEntry'), li; |
|
|
|
var i = lis.length; |
|
|
|
var path; |
|
|
|
while ( i-- ) { |
|
|
|
path = lis |
|
|
|
.subset(i, 1) |
|
|
|
.descendants('a') |
|
|
|
.attr('href'); |
|
|
|
li = lis.at(i); |
|
|
|
switches.push({ |
|
|
|
location: path, |
|
|
|
off: lis.subset(i, 1).descendants('input').prop('checked') === false |
|
|
|
location: li.descendants('a').attr('href'), |
|
|
|
off: li.descendants('input').prop('checked') === false |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
messager.send({ |
|
|
|
what: 'reloadHostsFiles', |
|
|
|
switches: switches, |
|
|
|
update: update |
|
|
|
}); |
|
|
|
cacheWasPurged = false; |
|
|
|
what: 'selectHostsFiles', |
|
|
|
switches: switches |
|
|
|
}, callback); |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var buttonApplyHandler = function() { |
|
|
|
reloadAll(false); |
|
|
|
uDom('#buttonApply').toggleClass('enabled', false); |
|
|
|
uDom('#buttonApply').removeClass('enabled'); |
|
|
|
|
|
|
|
renderBusyOverlay(true); |
|
|
|
|
|
|
|
var onSelectionDone = function() { |
|
|
|
messager.send({ what: 'reloadHostsFiles' }); |
|
|
|
}; |
|
|
|
|
|
|
|
selectHostsFiles(onSelectionDone); |
|
|
|
|
|
|
|
cacheWasPurged = false; |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var buttonUpdateHandler = function() { |
|
|
|
uDom('#buttonUpdate').removeClass('enabled'); |
|
|
|
|
|
|
|
if ( needUpdate ) { |
|
|
|
reloadAll(true); |
|
|
|
renderBusyOverlay(true); |
|
|
|
|
|
|
|
var onSelectionDone = function() { |
|
|
|
messager.send({ what: 'forceUpdateAssets' }); |
|
|
|
}; |
|
|
|
|
|
|
|
selectHostsFiles(onSelectionDone); |
|
|
|
|
|
|
|
cacheWasPurged = false; |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
var buttonPurgeAllHandler = function() { |
|
|
|
uDom('#buttonPurgeAll').removeClass('enabled'); |
|
|
|
|
|
|
|
renderBusyOverlay(true); |
|
|
|
|
|
|
|
var onCompleted = function() { |
|
|
|
renderBlacklists(); |
|
|
|
cacheWasPurged = true; |
|
|
|
renderHostsFiles(); |
|
|
|
}; |
|
|
|
|
|
|
|
messager.send({ what: 'purgeAllCaches' }, onCompleted); |
|
|
|
}; |
|
|
|
|
|
|
|
@ -382,7 +422,7 @@ var externalListsApplyHandler = function() { |
|
|
|
name: 'externalHostsFiles', |
|
|
|
value: externalHostsFiles |
|
|
|
}); |
|
|
|
renderBlacklists(); |
|
|
|
renderHostsFiles(); |
|
|
|
uDom('#externalListsParse').prop('disabled', true); |
|
|
|
}; |
|
|
|
|
|
|
|
@ -393,13 +433,13 @@ uDom.onLoad(function() { |
|
|
|
uDom('#buttonApply').on('click', buttonApplyHandler); |
|
|
|
uDom('#buttonUpdate').on('click', buttonUpdateHandler); |
|
|
|
uDom('#buttonPurgeAll').on('click', buttonPurgeAllHandler); |
|
|
|
uDom('#lists').on('change', '.listDetails > input', onListCheckboxChanged); |
|
|
|
uDom('#lists').on('click', '.listDetails > a:nth-of-type(1)', onListLinkClicked); |
|
|
|
uDom('#lists').on('change', '.listEntry > input', onListCheckboxChanged); |
|
|
|
uDom('#lists').on('click', '.listEntry > a:nth-of-type(1)', onListLinkClicked); |
|
|
|
uDom('#lists').on('click', 'span.purge', onPurgeClicked); |
|
|
|
uDom('#externalHostsFiles').on('input', externalListsChangeHandler); |
|
|
|
uDom('#externalListsParse').on('click', externalListsApplyHandler); |
|
|
|
|
|
|
|
renderBlacklists(); |
|
|
|
renderHostsFiles(); |
|
|
|
renderExternalLists(); |
|
|
|
}); |
|
|
|
|
|
|
|
|
gorhill
10 years ago