Mirrors/ProToots
2
0
Fork 0
mirror of https://github.com/ItsVipra/ProToots synced 2024-09-20 13:51:56 +00:00
Code Issues Projects Releases Packages Wiki Activity

check for proplate existence with mutationobserver

Browse source 
this only removes the "checked" attribute
once the proplate has actually been removed
fixes #31
This commit is contained in:
Vipra 2023-06-29 18:47:07 +02:00 committed by Jasmin
parent 6de9223ea9
commit 0d5ce8f554
2 changed files with 34 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/content_scripts/protoots.js
View file

@ -9,6 +9,13 @@
import { fetchPronouns } from "../libs/fetchPronouns";
import { getLogging, isLogging } from "../libs/logging";
import { warn, log } from "../libs/logging";
import {
findAllDescendants,
hasClasses,
insertAfter,
waitForElement,
waitForElementRemoved,
} from "../libs/domhelpers";
import { addTypeAttribute, normaliseAccountName, sanitizePronouns } from "../libs/protootshelpers";
// const max_age = 8.64e7
@ -129,9 +136,9 @@ function onTootIntersection(observerentries) {
for (const observation of observerentries) {
const ArticleElement = observation.target;
if (!observation.isIntersecting) {
if (ArticleElement.getAttribute("protoots-type") == "status")
waitForElementRemoved(ArticleElement, ".protoots-proplate", () => {
ArticleElement.removeAttribute("protoots-checked");
continue;
});
}
waitForElement(ArticleElement, ".display-name", () => addProplate(ArticleElement));
}

25
src/libs/domhelpers.js
View file

@ -51,6 +51,31 @@ export function waitForElement(node, selector, callback) {
}).observe(node, { subtree: true, childList: true });
}
/**
* Waits until the given selector appears below the given node. Then removes itself.
* TODO: turn into single MutationObserver?
*
* @param {Element} node
* @param {string} selector
* @param {(el: Element) => void} callback
* @copyright CC-BY-SA 4.0 wOxxoM https://stackoverflow.com/a/71488320
*/
export function waitForElementRemoved(node, selector, callback) {
let el = node.querySelector(selector);
if (!el) {
callback(el);
return;
}
new MutationObserver((mutations, observer) => {
el = node.querySelector(selector);
if (!el) {
observer.disconnect();
callback(el);
}
}).observe(node, { subtree: true, childList: true });
}
/**
* Inserts a given new element as a sibling of the target
* @param {HTMLElement} insertion Element to insert