mirror of
https://github.com/kkapsner/CanvasBlocker
synced 2024-12-22 21:00:23 +01:00
423 lines
12 KiB
JavaScript
423 lines
12 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/. */
|
|
(async function(){
|
|
"use strict";
|
|
|
|
const extension = require("../lib/extension");
|
|
const settings = require("../lib/settings");
|
|
const navigator = require("../lib/navigator");
|
|
require("../lib/theme").init();
|
|
|
|
const title = document.createElement("h1");
|
|
title.className = "title";
|
|
title.textContent = extension.getTranslation("navigatorSettings_title");
|
|
document.body.appendChild(title);
|
|
|
|
document.querySelector("head title").textContent = title.textContent;
|
|
|
|
const description = document.createElement("div");
|
|
description.className = "description";
|
|
description.textContent = extension.getTranslation("navigatorSettings_description");
|
|
document.body.appendChild(description);
|
|
|
|
const disclaimer = document.createElement("div");
|
|
disclaimer.className = "disclaimer";
|
|
disclaimer.textContent = extension.getTranslation("navigatorSettings_disclaimer");
|
|
document.body.appendChild(disclaimer);
|
|
|
|
const navigatorDetails = await async function(){
|
|
let cookieStoreId = "";
|
|
if (browser.contextualIdentities){
|
|
const contextualIdentities = await browser.contextualIdentities.query({});
|
|
if (contextualIdentities.length){
|
|
const containerLabel = document.createElement("label");
|
|
containerLabel.className = "contextualIdentities";
|
|
containerLabel.appendChild(extension.parseTranslation(
|
|
extension.getTranslation("navigatorSettings_contextualIdentities"),
|
|
{
|
|
select: function(){
|
|
const contextualIdentitiesSelect = document.createElement("select");
|
|
contextualIdentitiesSelect.appendChild(new Option("", ""));
|
|
contextualIdentities.forEach(function(contextualIdentity){
|
|
contextualIdentitiesSelect.appendChild(new Option(
|
|
contextualIdentity.name,
|
|
contextualIdentity.cookieStoreId
|
|
));
|
|
});
|
|
window.addEventListener("load", function(){
|
|
cookieStoreId = contextualIdentitiesSelect.value;
|
|
emitUpdate();
|
|
});
|
|
contextualIdentitiesSelect.addEventListener("change", function(){
|
|
cookieStoreId = this.value;
|
|
emitUpdate();
|
|
});
|
|
return contextualIdentitiesSelect;
|
|
}
|
|
}
|
|
));
|
|
document.body.appendChild(containerLabel);
|
|
}
|
|
}
|
|
|
|
const callbacks = [];
|
|
let baseStorage;
|
|
let loaded = false;
|
|
|
|
function getKeys(object){
|
|
return Object.keys(object).filter(function(key){
|
|
return key !== "contextualIdentities";
|
|
});
|
|
}
|
|
|
|
function storageEqual(storage1, storage2){
|
|
const keys1 = getKeys(storage1);
|
|
const keys2 = getKeys(storage2);
|
|
return keys1.length === keys2.length && keys1.every(function(key){
|
|
return storage1[key] === storage2[key];
|
|
});
|
|
}
|
|
|
|
function copyData(from, to = {}){
|
|
getKeys(from).forEach(function(key){
|
|
to[key] = from[key];
|
|
});
|
|
return to;
|
|
}
|
|
|
|
function getStorage(){
|
|
if (cookieStoreId === ""){
|
|
return baseStorage;
|
|
}
|
|
else {
|
|
if (!baseStorage.contextualIdentities){
|
|
baseStorage.contextualIdentities = {};
|
|
}
|
|
if (!baseStorage.contextualIdentities[cookieStoreId]){
|
|
baseStorage.contextualIdentities[cookieStoreId] = copyData(baseStorage);
|
|
}
|
|
return baseStorage.contextualIdentities[cookieStoreId];
|
|
}
|
|
}
|
|
|
|
settings.on("navigatorDetails", function({newValue}){
|
|
baseStorage = newValue;
|
|
emitUpdate();
|
|
});
|
|
settings.onloaded(function(){
|
|
loaded = true;
|
|
baseStorage = settings.navigatorDetails;
|
|
emitUpdate();
|
|
});
|
|
function emitUpdate(){
|
|
if (!loaded){
|
|
return;
|
|
}
|
|
const storage = getStorage();
|
|
callbacks.forEach(async function(callback){
|
|
callback(storage);
|
|
});
|
|
}
|
|
const api = {
|
|
get: getStorage,
|
|
getComputedValue: function getComputedValue(property){
|
|
return navigator.getNavigatorValue(property, function(){
|
|
return cookieStoreId;
|
|
});
|
|
},
|
|
onUpdate: function onUpdate(callback){
|
|
callbacks.push(callback);
|
|
if (loaded){
|
|
callback(getStorage());
|
|
}
|
|
},
|
|
save: function save(){
|
|
if (!loaded){
|
|
return;
|
|
}
|
|
if (baseStorage.contextualIdentities){
|
|
if (Object.keys(baseStorage.contextualIdentities).reduce(function(lastValue, contextualIdentity){
|
|
if (storageEqual(baseStorage.contextualIdentities[contextualIdentity], baseStorage)){
|
|
delete baseStorage.contextualIdentities[contextualIdentity];
|
|
return lastValue;
|
|
}
|
|
return false;
|
|
}, true)){
|
|
delete baseStorage.contextualIdentities;
|
|
}
|
|
}
|
|
settings.navigatorDetails = baseStorage;
|
|
},
|
|
reset: function reset(){
|
|
if (cookieStoreId === ""){
|
|
baseStorage = baseStorage.contextualIdentities? {
|
|
contextualIdentities: baseStorage.contextualIdentities
|
|
}: {};
|
|
}
|
|
else {
|
|
baseStorage.contextualIdentities[cookieStoreId] = {};
|
|
}
|
|
api.save();
|
|
}
|
|
};
|
|
return api;
|
|
}();
|
|
|
|
function presetSection(title, presets){
|
|
const container = document.createElement("div");
|
|
container.className = "presetSection";
|
|
|
|
const titleNode = document.createElement("h2");
|
|
titleNode.className = "title";
|
|
titleNode.textContent = extension.getTranslation("navigatorSettings_presetSection." + title);
|
|
container.appendChild(titleNode);
|
|
|
|
const presetsList = document.createElement("ul");
|
|
presetsList.className = "presets";
|
|
container.appendChild(presetsList);
|
|
|
|
Object.keys(presets).forEach(function(presetName){
|
|
const li = document.createElement("li");
|
|
li.className = "preset " + presetName;
|
|
presetsList.appendChild(li);
|
|
|
|
const button = document.createElement("button");
|
|
button.className = "button";
|
|
button.textContent = presetName;
|
|
li.appendChild(button);
|
|
|
|
const presetProperties = presets[presetName];
|
|
function checkActive(currentProperties){
|
|
if (Object.keys(presetProperties).every(function(property){
|
|
let value = presetProperties[property];
|
|
if ((typeof value) === "function"){
|
|
value = value(currentProperties);
|
|
}
|
|
return value === currentProperties[property];
|
|
})){
|
|
li.classList.add("active");
|
|
}
|
|
else {
|
|
li.classList.remove("active");
|
|
}
|
|
}
|
|
navigatorDetails.onUpdate(checkActive);
|
|
|
|
button.addEventListener("click", function(){
|
|
const data = navigatorDetails.get();
|
|
Object.keys(presetProperties).forEach(function(property){
|
|
if (presetProperties[property] === undefined){
|
|
delete data[property];
|
|
}
|
|
else {
|
|
let value = presetProperties[property];
|
|
if ((typeof value) === "function"){
|
|
value = value(data);
|
|
}
|
|
data[property] = value;
|
|
}
|
|
});
|
|
navigatorDetails.save();
|
|
});
|
|
});
|
|
|
|
return container;
|
|
}
|
|
|
|
const firefoxOscpu = {
|
|
Windows: "{platformDetails}",
|
|
Linux: "{platform}",
|
|
"Mac OS X": "Intel Mac OS X 10.14.3",
|
|
"": "{original value}"
|
|
};
|
|
|
|
const osPresets = {
|
|
Windows: {
|
|
osPreset: "Windows",
|
|
windowManager: "Windows",
|
|
platform: "Win32",
|
|
platformDetails: "Windows NT 10.0; Win64; x64",
|
|
oscpu: function(currentProperties){
|
|
if (currentProperties.browserPreset === "Firefox"){
|
|
return firefoxOscpu.Windows;
|
|
}
|
|
return "{undefined}";
|
|
}
|
|
},
|
|
Linux: {
|
|
osPreset: "Linux",
|
|
windowManager: "X11",
|
|
platform: "Linux x86_64",
|
|
platformDetails: "X11; Linux x86_64",
|
|
oscpu: function(currentProperties){
|
|
if (currentProperties.browserPreset === "Firefox"){
|
|
return firefoxOscpu.Linux;
|
|
}
|
|
return "{undefined}";
|
|
}
|
|
},
|
|
"Mac OS X": {
|
|
osPreset: "Mac OS X",
|
|
windowManager: "Macintosh",
|
|
platform: "MacIntel",
|
|
platformDetails: "Macintosh; Intel Mac OS X 10.14.3",
|
|
oscpu: function(currentProperties){
|
|
if (currentProperties.browserPreset === "Firefox"){
|
|
return firefoxOscpu["Mac OS X"];
|
|
}
|
|
return "{undefined}";
|
|
}
|
|
}
|
|
};
|
|
|
|
const browserPresets = {
|
|
Edge: {
|
|
browserPreset: "Edge",
|
|
chromeVersion: "111.0.0.0",
|
|
edgeVersion: "111.0.1661.41",
|
|
firefoxVersion: undefined,
|
|
firefoxVersionRV: undefined,
|
|
operaVersion: undefined,
|
|
safariVersion: undefined,
|
|
|
|
appVersion: "5.0 ({platformDetails}) AppleWebKit/537.36 (KHTML, like Gecko) " +
|
|
"Chrome/{chromeVersion} Safari/537.36 Edge/{edgeVersion}",
|
|
buildID: "{undefined}",
|
|
oscpu: "{undefined}",
|
|
productSub: "20030107",
|
|
userAgent: "Mozilla/{appVersion}",
|
|
vendor: undefined,
|
|
},
|
|
Opera: {
|
|
browserPreset: "Opera",
|
|
chromeVersion: "109.0.0.0",
|
|
edgeVersion: undefined,
|
|
firefoxVersion: undefined,
|
|
firefoxVersionRV: undefined,
|
|
operaVersion: "95.0.0.0",
|
|
safariVersion: undefined,
|
|
|
|
appVersion: "5.0 ({platformDetails}) AppleWebKit/537.36 (KHTML, like Gecko) " +
|
|
"Chrome/{chromeVersion} Safari/537.36 OPR/{operaVersion}",
|
|
buildID: "{undefined}",
|
|
oscpu: "{undefined}",
|
|
productSub: "20030107",
|
|
userAgent: "Mozilla/{appVersion}",
|
|
vendor: "Google Inc.",
|
|
},
|
|
Chrome: {
|
|
browserPreset: "Chrome",
|
|
chromeVersion: "111.0.0.0",
|
|
edgeVersion: undefined,
|
|
firefoxVersion: undefined,
|
|
firefoxVersionRV: undefined,
|
|
operaVersion: undefined,
|
|
safariVersion: undefined,
|
|
|
|
appVersion: "5.0 ({platformDetails}) AppleWebKit/537.36 (KHTML, like Gecko) " +
|
|
"Chrome/{chromeVersion} Safari/537.36",
|
|
buildID: "{undefined}",
|
|
oscpu: "{undefined}",
|
|
productSub: "20030107",
|
|
userAgent: "Mozilla/{appVersion}",
|
|
vendor: "Google Inc.",
|
|
},
|
|
Safari: {
|
|
browserPreset: "Safari",
|
|
chromeVersion: undefined,
|
|
edgeVersion: undefined,
|
|
firefoxVersion: undefined,
|
|
firefoxVersionRV: undefined,
|
|
operaVersion: undefined,
|
|
safariVersion: "16.3",
|
|
|
|
appVersion: "5.0 ({platformDetails}) AppleWebKit/605.1.15 (KHTML, like Gecko) " +
|
|
"Version/{safariVersion} Safari/605.1.15",
|
|
buildID: "{undefined}",
|
|
oscpu: "{undefined}",
|
|
productSub: "20030107",
|
|
userAgent: "Mozilla/{appVersion}",
|
|
vendor: "Apple Computer, Inc.",
|
|
},
|
|
Firefox: {
|
|
browserPreset: "Firefox",
|
|
chromeVersion: undefined,
|
|
edgeVersion: undefined,
|
|
firefoxVersion: "{real Firefox version}",
|
|
firefoxVersionRV: "{real Firefox version - rv}",
|
|
operaVersion: undefined,
|
|
safariVersion: undefined,
|
|
|
|
appVersion: "5.0 ({windowManager})",
|
|
buildID: "20181001000000",
|
|
oscpu: function(currentProperties){
|
|
return firefoxOscpu[currentProperties.osPreset || ""] || "{original value}";
|
|
},
|
|
productSub: "20100101",
|
|
userAgent: "Mozilla/5.0 ({platformDetails}; rv:{firefoxVersionRV}) Gecko/20100101 Firefox/{firefoxVersion}",
|
|
vendor: undefined,
|
|
}
|
|
};
|
|
|
|
document.body.appendChild(presetSection("os", osPresets));
|
|
document.body.appendChild(presetSection("browser", browserPresets));
|
|
|
|
const valueTitle = document.createElement("h2");
|
|
valueTitle.textContent = extension.getTranslation("navigatorSettings_values");
|
|
document.body.appendChild(valueTitle);
|
|
|
|
const valueSection = document.createElement("table");
|
|
valueSection.className = "values";
|
|
document.body.appendChild(valueSection);
|
|
|
|
function updateValueSection(currentProperties){
|
|
function createPropertyRow(section, property){
|
|
const row = document.createElement("tr");
|
|
|
|
const name = document.createElement("td");
|
|
name.textContent = property;
|
|
row.appendChild(name);
|
|
|
|
const value = document.createElement("td");
|
|
row.appendChild(value);
|
|
|
|
const input = document.createElement("input");
|
|
value.appendChild(input);
|
|
input.value = currentProperties.hasOwnProperty(property)? currentProperties[property]: "{original value}";
|
|
input.addEventListener("change", function(){
|
|
currentProperties[property] = this.value;
|
|
navigatorDetails.save();
|
|
});
|
|
|
|
const computedValue = document.createElement("td");
|
|
computedValue.textContent = navigatorDetails.getComputedValue(property);
|
|
row.appendChild(computedValue);
|
|
|
|
section.appendChild(row);
|
|
}
|
|
|
|
valueSection.innerHTML = "";
|
|
let section = document.createElement("tbody");
|
|
section.className = "helperValues";
|
|
valueSection.appendChild(section);
|
|
|
|
Object.keys(currentProperties).filter(function(property){
|
|
return property !== "contextualIdentities" &&
|
|
navigator.allProperties.indexOf(property) === -1;
|
|
}).sort().forEach(createPropertyRow.bind(undefined, section));
|
|
|
|
section = document.createElement("tbody");
|
|
section.className = "realValues";
|
|
valueSection.appendChild(section);
|
|
|
|
navigator.allProperties.forEach(createPropertyRow.bind(undefined, section));
|
|
}
|
|
navigatorDetails.onUpdate(updateValueSection);
|
|
|
|
const resetButton = document.createElement("button");
|
|
resetButton.className = "button";
|
|
resetButton.textContent = extension.getTranslation("navigatorSettings_reset");
|
|
resetButton.addEventListener("click", navigatorDetails.reset);
|
|
document.body.appendChild(resetButton);
|
|
}()); |