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

feat(browser-extension): improve performance

Browse Source
This commit is contained in:
wanhose 2023-06-10 16:56:24 +02:00
parent 02eeb58353
commit afe466f114
1 changed files with 30 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
/** /**
* @description Data properties * @description Data properties
* @type {{ classes: string[], fixes: string[], elements: string[], skips: string[], tags: string[] }?} * @type {{ classes: string[], commonWords?: string[], fixes: string[], elements: string[], skips: string[], tags: string[] }?}
*/ */
let data = null; let data = null;
@ -64,13 +64,14 @@ const clean = (nodes, skipMatch) => {
}; };
/** /**
* @description Forces a DOM clean * @description Forces a DOM clean in the specific node
* @param {HTMLElement} node
* @returns {void} * @returns {void}
*/ */
const forceClean = () => { const forceClean = (node) => {
if (data?.elements.length && state.enabled && !preview) { if (data?.elements.length && state.enabled && !preview) {
const nodes = [...document.querySelectorAll(data.elements)]; const nodes = [...node.querySelectorAll(data.elements)];
if (nodes.length) { if (nodes.length) {
fix(); fix();
@ -103,12 +104,28 @@ const isInViewport = (node) => {
* @returns {boolean} * @returns {boolean}
*/ */
const match = (node, skipMatch) => const match = (node, skipMatch) => {
node instanceof HTMLElement && if (node instanceof HTMLElement) {
if (node.hasAttributes()) {
return (
// 2023-06-10: twitch.tv temporary fix
node.className !== 'chat-line__message' &&
// ...
!node.getAttribute('data-cookie-dialog-monster') && !node.getAttribute('data-cookie-dialog-monster') &&
!data?.tags.includes(node.tagName?.toUpperCase?.()) && !data?.tags.includes(node.tagName?.toUpperCase?.()) &&
isInViewport(node) && isInViewport(node) &&
(skipMatch || node.matches(data?.elements ?? [])); (skipMatch || node.matches(data?.elements ?? []))
);
} else {
// 2023-06-10: fix edge case force cleaning on children if no attributes
if (data?.commonWords && node.outerHTML.match(new RegExp(commonWords?.join('|')))) {
forceClean(node);
}
}
}
return false;
};
/** /**
* @description Fixes scroll issues * @description Fixes scroll issues
@ -184,7 +201,7 @@ const observer = new MutationObserver((mutations) => {
*/ */
window.addEventListener('DOMContentLoaded', () => { window.addEventListener('DOMContentLoaded', () => {
forceClean(); forceClean(document.documentElement);
}); });
/** /**
@ -194,7 +211,7 @@ window.addEventListener('DOMContentLoaded', () => {
window.addEventListener('pageshow', (event) => { window.addEventListener('pageshow', (event) => {
if (event.persisted) { if (event.persisted) {
forceClean(); forceClean(document.documentElement);
} }
}); });
@ -210,6 +227,6 @@ window.addEventListener('pageshow', (event) => {
if (state.enabled) { if (state.enabled) {
data = await dispatch({ hostname, type: 'GET_DATA' }); data = await dispatch({ hostname, type: 'GET_DATA' });
dispatch({ type: 'ENABLE_ICON' }); dispatch({ type: 'ENABLE_ICON' });
observer.observe(document.body ?? document.documentElement, options); observer.observe(document.documentElement, options);
} }
})(); })();