From d53e6c7fd54cb8240ef71b530aba2980ba4419cc Mon Sep 17 00:00:00 2001
From: DarkWiiPlayer <darkwiiplayer@hotmail.com>
Date: Thu, 29 Feb 2024 15:29:20 +0100
Subject: [PATCH] Add replace and replaced events to reactive elements

---
 skooma.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/skooma.js b/skooma.js
index 165b1cd..702d983 100644
--- a/skooma.js
+++ b/skooma.js
@@ -118,6 +118,22 @@ const toElement = value => {
 		return reactiveElement(value)
 }
 
+class ReplaceEvent extends Event {
+	/** @param {Element|Text} next */
+	constructor(next) {
+		super("replace", {bubbles: true, cancelable: true})
+		this.next = next
+	}
+}
+
+class ReplacedEvent extends Event {
+	/** @param {Element|Text} next */
+	constructor(next) {
+		super("replaced")
+		this.next = next
+	}
+}
+
 /**
 * @param {Observable} observable
 * @return {Element|Text}
@@ -128,7 +144,10 @@ export const reactiveElement = observable => {
 	const ref = new WeakRef(element)
 	observable.addEventListener("change", () => {
 		const next = reactiveElement(observable)
-		ref.deref()?.replaceWith(next)
+		const element = ref.deref()
+		if (element.dispatchEvent(new ReplaceEvent(next)))
+			element.replaceWith(next)
+		element.dispatchEvent(new ReplacedEvent(next))
 	}, {once: true})
 	return element
 }