From d178caee5c93ad9ed91dbd082b0f0b5a9b0507aa Mon Sep 17 00:00:00 2001
From: Arpit Chakladar <54011232+arpitchakladar@users.noreply.github.com>
Date: Mon, 27 Mar 2023 21:38:43 +0530
Subject: Refactoring code.

Only using hashes for output file names.
Using singleton pattern to store the callbacks for observeDOM, and only one MutationObserver.
---
 src/shared/observe-dom.ts | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

(limited to 'src/shared/observe-dom.ts')

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);
 };
-- 
cgit v1.2.3