Permanently, or for a certain period of time

[beehiveharvest]

Hello.
I am using HTMLFilter in Firefox.
Indeed, it interprets the CSS ID and CLASS of the HTML and the part I want to disappear from the right click.
However, when I reload the browser, the erased parts reappear.
Is there any way to make it so that once I erase it, it will not appear permanently or for a certain period of time, even if I reload the browser?

[Baptistou]

Hello, thank you for your comment.

Currently, HTMLFilter does not read HTML content of visited websites and guarantees a maximum privacy.
If we want to save the information about which element needs to be deleted, it means that we have to read HTML structure and store the hierarchy of this element, because ID for example is not always specified. I don't say that is not feasible but it is questionable concerning user privacy. Nevertheless, this feature could be added as a non default option.

As a side note, Google is dropping Manifest V2 extension support, which means that I must rewrite my 3 extensions before providing any update.

[Rasmus0008]

Edit the script to the following and permanent removal seems to work.

"/* -------------------- PreProcess -------------------- */

// Global constants
const PORT_CONTENT = "content";
const MODE_READ = 1, MODE_EDIT = 2;

/* -------------------- Functions -------------------- */

function getUniqueSelector(element) {
if (element.id) return #${element.id};
let selector = element.tagName.toLowerCase();
let sibling = element;
let index = 1;
while (sibling = sibling.previousElementSibling) {
if (sibling.tagName.toLowerCase() === selector) index++;
}
if (index > 1) selector += :nth-of-type(${index});
return element.parentElement ? ${getUniqueSelector(element.parentElement)} > ${selector} : selector;
}

function saveRemovedElement(selector) {
const savedElements = JSON.parse(localStorage.getItem('removedElements') || '[]');
if (!savedElements.includes(selector)) {
savedElements.push(selector);
localStorage.setItem('removedElements', JSON.stringify(savedElements));
}
}

var removeonclick = (event) => {
const selector = getUniqueSelector(event.target);
saveRemovedElement(selector);
event.target.remove();
};

function removeStoredElements() {
const savedElements = JSON.parse(localStorage.getItem('removedElements') || '[]');
for (const selector of savedElements) {
const element = document.querySelector(selector);
if (element) element.remove();
}
}

var targetoncontextmenu = (event) => (target = event.target);

function restorepreviousstate() {
var item = document.querySelector(".webext-htmlfilter-mode");
if (item) {
item.classList.remove("webext-htmlfilter-mode");
item.removeEventListener("mousedown", removeonclick);
}
}

function changestateonmouseover(event) {
if (event.target !== document.documentElement && !(event.target instanceof SVGElement)) {
restorepreviousstate();
event.target.classList.add("webext-htmlfilter-mode");
event.target.addEventListener("mousedown", removeonclick);
}
}

function setmode(msg) {
mode = msg.mode;
switch (mode) {
case MODE_READ:
restorepreviousstate();
document.removeEventListener("mouseover", changestateonmouseover);
break;
case MODE_EDIT:
document.addEventListener("mouseover", changestateonmouseover);
break;
}
}

/* -------------------- Main Process -------------------- */

// Call the function to remove stored elements
removeStoredElements();

// Setup MutationObserver to tackle dynamic content
const observer = new MutationObserver(() => {
removeStoredElements();
});
observer.observe(document, { childList: true, subtree: true });

// Global variables
var mode = MODE_READ;
var target = null;

document.addEventListener("click", targetoncontextmenu);
document.addEventListener("contextmenu", targetoncontextmenu);

var port = browser.runtime.connect({name: PORT_CONTENT});

port.onMessage.addListener(function(msg) {
switch (msg.status) {
case "mode":
setmode(msg);
break;
case "remove":
if (target) target.remove();
break;
}
});
"