Refactoring code.

Only using hashes for output file names.
Using singleton pattern to store the callbacks for observeDOM, and only one MutationObserver.

1 files changed, 23 insertions, 8 deletions

diff --git a/src/shared/observe-dom.ts b/src/shared/observe-dom.ts
index 4a447a0..dc2cb45 100644
--- a/src/shared/observe-dom.ts
+++ b/src/shared/observe-dom.ts
@@ -1,12 +1,27 @@
-export const observeDOM = (callback: () => boolean) => {
-	const observer = new MutationObserver(() => {
-		if (callback()) {
+type ObserveDOMCallback = () => boolean;
+
+let callbacks: (ObserveDOMCallback | null)[] = [];
+let count = 0;
+
+const observer = new MutationObserver(() => {
+	for (const callback of callbacks) {
+		if (callback && callback()) {
+			count++;
+		}
+
+		if (count >= callbacks.length) {
 			observer.disconnect();
+
+			break;
 		}
-	});
+	}
+});
+
+observer.observe(document, {
+	childList: true,
+	subtree: true
+});
 
-	observer.observe(document, {
-		childList: true,
-		subtree: true
-	});
+export const observeDOM = (callback: ObserveDOMCallback) => {
+	callbacks.push(callback);
 };