mirror of
https://github.com/kkapsner/CanvasBlocker
synced 2024-12-23 05:10:27 +01:00
132 lines
3.8 KiB
JavaScript
132 lines
3.8 KiB
JavaScript
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||
|
(function(){
|
||
|
"use strict";
|
||
|
|
||
|
const extension = require("../lib/extension");
|
||
|
const settings = require("../lib/settings");
|
||
|
const settingContainers = require("../lib/settingContainers");
|
||
|
require("../lib/theme").init();
|
||
|
const searchParameters = new URLSearchParams(window.location.search);
|
||
|
|
||
|
|
||
|
var title = document.createElement("h1");
|
||
|
title.className = "title";
|
||
|
title.textContent = extension.getTranslation("whitelist_inspection_title");
|
||
|
document.body.appendChild(title);
|
||
|
|
||
|
document.querySelector("head title").textContent = title.textContent;
|
||
|
|
||
|
settings.onloaded(function(){
|
||
|
const sets = settingContainers.urlContainer.get();
|
||
|
|
||
|
const setSelect = document.createElement("select");
|
||
|
sets.forEach(function(set){
|
||
|
setSelect.appendChild(new Option(set.url));
|
||
|
});
|
||
|
document.body.appendChild(setSelect);
|
||
|
|
||
|
if (searchParameters.has("urls")){
|
||
|
const urls = JSON.parse(searchParameters.get("urls")).map(function(url){
|
||
|
return new URL(url);
|
||
|
});
|
||
|
if (
|
||
|
!sets.some(function(set, index){
|
||
|
if (urls.some(function(url){
|
||
|
return set.match && set.match(url);
|
||
|
})){
|
||
|
setSelect.selectedIndex = index;
|
||
|
return true;
|
||
|
}
|
||
|
}) &&
|
||
|
searchParameters.has("domain")
|
||
|
){
|
||
|
setSelect.appendChild(new Option(searchParameters.get("domain")));
|
||
|
setSelect.selectedIndex = setSelect.options.length - 1;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
const whitelistSettings = [
|
||
|
{
|
||
|
title: extension.getTranslation("whitelist_all_apis"),
|
||
|
name: "blockMode",
|
||
|
whitelistValue: "allow",
|
||
|
protectedValue: "fake"
|
||
|
},
|
||
|
{
|
||
|
title: extension.getTranslation("section_canvas-api"),
|
||
|
name: "protectedCanvasPart",
|
||
|
whitelistValue: "nothing",
|
||
|
protectedValue: "readout"
|
||
|
},
|
||
|
{
|
||
|
title: extension.getTranslation("section_audio-api"),
|
||
|
name: "protectAudio",
|
||
|
whitelistValue: false,
|
||
|
protectedValue: true
|
||
|
},
|
||
|
{
|
||
|
title: extension.getTranslation("section_history-api"),
|
||
|
name: "historyLengthThreshold",
|
||
|
whitelistValue: 10000,
|
||
|
protectedValue: 2
|
||
|
},
|
||
|
{
|
||
|
title: extension.getTranslation("section_window-api"),
|
||
|
name: "protectWindow",
|
||
|
whitelistValue: false,
|
||
|
protectedValue: true
|
||
|
},
|
||
|
{
|
||
|
title: extension.getTranslation("section_DOMRect-api"),
|
||
|
name: "protectDOMRect",
|
||
|
whitelistValue: false,
|
||
|
protectedValue: true
|
||
|
},
|
||
|
{
|
||
|
title: extension.getTranslation("section_navigator-api"),
|
||
|
name: "protectNavigator",
|
||
|
whitelistValue: false,
|
||
|
protectedValue: true
|
||
|
},
|
||
|
];
|
||
|
|
||
|
const table = document.createElement("table");
|
||
|
whitelistSettings.forEach(function(setting){
|
||
|
const row = document.createElement("tr");
|
||
|
setting.row = row;
|
||
|
const name = document.createElement("td");
|
||
|
name.textContent = setting.title || extension.getTranslation(setting.name + "_title");
|
||
|
row.appendChild(name);
|
||
|
setting.input = document.createElement("input");
|
||
|
setting.input.type = "checkbox";
|
||
|
setting.input.addEventListener("change", function(){
|
||
|
settings.set(
|
||
|
setting.name,
|
||
|
this.checked? setting.protectedValue: setting.whitelistValue,
|
||
|
setSelect.value
|
||
|
);
|
||
|
});
|
||
|
const input = document.createElement("td");
|
||
|
input.appendChild(setting.input);
|
||
|
row.appendChild(input);
|
||
|
table.appendChild(row);
|
||
|
});
|
||
|
document.body.appendChild(table);
|
||
|
|
||
|
function update(){
|
||
|
whitelistSettings.forEach(function(setting){
|
||
|
setting.row.style.display = settings.get(setting.name) === setting.whitelistValue?
|
||
|
"none":
|
||
|
"";
|
||
|
|
||
|
const currentValue = settings.get(setting.name, setSelect.value);
|
||
|
setting.input.checked = currentValue !== setting.whitelistValue;
|
||
|
});
|
||
|
}
|
||
|
update();
|
||
|
setSelect.addEventListener("change", update);
|
||
|
settings.on("any", update);
|
||
|
});
|
||
|
}());
|