feat!: Release 5.0.0

dev/src/index.js

@@ -1,4 +1,4 @@
-import { DOMObserver } from '../../src'
+import { createDOMObserver, DOMObserverEvent } from '../../src'
 
 import { createCard, createTooltip } from './elements'
 import { log } from './log'
@@ -27,27 +27,42 @@ addButton.addEventListener('click', () => {
 	}
 })
 
-const onEvent = (node, event, { attributeName } = {}) => {
+const onEvent = ({ node, event, options }) => {
 	switch (event) {
-		case DOMObserver.ADD: {
+		case DOMObserverEvent.ADD: {
 			log(`[ADD]\t\tElement id: ${node.id}`)
 			break
 		}
-		case DOMObserver.REMOVE: {
+		case DOMObserverEvent.REMOVE: {
 			log(`[REMOVE]\tElement id: ${node.id}`)
 			break
 		}
 		default: {
-			log(`[CHANGE]\tElement id: ${node.id} - Attribute: ${attributeName}`)
+			log(`[CHANGE]\tElement id: ${node.id} - Attribute: ${options?.attributeName}`)
 		}
 	}
 }
 
-const tooltipObserver = new DOMObserver()
-tooltipObserver.watch(tooltip, onEvent, { events: [DOMObserver.ADD, DOMObserver.REMOVE] })
+const tooltipObserver = createDOMObserver()
+tooltipObserver.observe(tooltip, onEvent, { events: [DOMObserverEvent.ADD, DOMObserverEvent.REMOVE] })
 
-const cardObserver = new DOMObserver()
-cardObserver.wait(`#card`).then(({ node }) => {
-	log(`[ADD]\t\tElement id: ${node.id}`)
-	new DOMObserver().watch(`#card`, onEvent, { events: [DOMObserver.REMOVE, DOMObserver.CHANGE] })
-})
+const observeCard = () => {
+	createDOMObserver()
+		.observeOnce(`#card`)
+		.then(({ node }) => {
+			log(`[ADD]\t\tElement id: ${node.id}`)
+			const cardObserver = createDOMObserver()
+			cardObserver.observe(
+				`#card`,
+				(payload) => {
+					onEvent(payload)
+					if (payload.event === DOMObserverEvent.REMOVE) {
+						cardObserver.disconnect()
+						observeCard()
+					}
+				},
+				{ events: [DOMObserverEvent.REMOVE, DOMObserverEvent.CHANGE] }
+			)
+		})
+}
+observeCard()

package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@untemps/dom-observer",
-	"version": "4.8.0",
-	"description": "Class to observe DOM mutations",
+	"version": "5.0.0",
+	"description": "Observe DOM mutations with a factory-based API",
 	"repository": "git@github.com:untemps/dom-observer.git",
 	"keywords": [
 		"dom",
 		"mutations-observer",
-		"class",
+		"factory",
 		"typescript"
 	],
 	"author": "Vincent Le Badezet <v.lebadezet@untemps.net>",