wanhose/cookie-dialog-monster
wanhose/cookie-dialog-monster
2
5
Fork 0
Code Issues 304 Pull Requests Releases 18 Wiki Activity

feat(browser-extension): content script performance improvements

Browse Source
This commit is contained in:
wanhose 2022-08-14 12:57:38 +02:00
parent 4f2a42cb2b
commit 7898cf95bf
1 changed files with 51 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
packages/browser-extension/src/scripts/content.js
View File

@ -31,6 +31,13 @@ const options = { childList: true, subtree: true };
const preview = hostname.startsWith('consent.') || hostname.startsWith('myprivacy.');
/**
* @description Element that were being removed count
* @type {number}
*/
let elementCount = 0;
/**
* @description Extension state
* @type {{ enabled: boolean }}
@ -38,6 +45,40 @@ const preview = hostname.startsWith('consent.') || hostname.startsWith('myprivac
let state = { enabled: true };
/**
* @description Cleans DOM
* @param {Element[]} nodes
* @param {boolean?} skipMatch
* @returns {void}
*/
const clean = (nodes, skipMatch) => {
const targets = nodes.filter((node) => skipMatch || match(node));
targets.forEach((node) => {
console.log(node);
node.remove();
elementCount += 1;
});
};
/**
* @description Cleans DOM
* @returns {void}
*/
const forceClean = () => {
if (data?.elements.length && state.enabled && !preview) {
const nodes = [...document.querySelectorAll(data.elements)];
if (nodes.length) {
fix();
clean(nodes, true);
elementCount += nodes.length;
}
}
};
/**
* @description Matches if node element is removable
* @param {Element} node
@ -60,16 +101,6 @@ const match = (node) => {
);
};
/**
* @description Cleans DOM
* @param {Element[]} nodes
* @param {boolean?} skipMatch
* @returns {void}
*/
const clean = (nodes, skipMatch) =>
nodes.filter((node) => skipMatch || match(node)).forEach((node) => node.remove());
/**
* @description Fixes scroll issues
*/
@ -130,18 +161,21 @@ const observer = new MutationObserver((mutations) => {
});
/**
* @async
* @description Fixes already existing element when page load issues
* @listens window#load
*/
window.addEventListener('load', () => {
if (elementCount < 2) forceClean();
});
/**
* @description Fixes bfcache issues
* @listens window#pageshow
*/
window.addEventListener('pageshow', (event) => {
if (data?.elements.length && event.persisted && state.enabled && !preview) {
const nodes = [...document.querySelectorAll(data.elements)];
fix();
if (nodes.length) clean(nodes, true);
}
if (event.persisted) forceClean();
});
/**