@cocreate/lazy-loader 1.23.1 → 1.23.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.23.3](https://github.com/CoCreate-app/CoCreate-lazy-loader/compare/v1.23.2...v1.23.3) (2025-04-11)
+
+
+### Bug Fixes
+
+* update observer obseve param to type and and attributeName to attributeFilter ([cb6a6d4](https://github.com/CoCreate-app/CoCreate-lazy-loader/commit/cb6a6d40ea407c360a183fcff141ec7b210c7320))
+
+## [1.23.2](https://github.com/CoCreate-app/CoCreate-lazy-loader/compare/v1.23.1...v1.23.2) (2024-12-22)
+
+
+### Bug Fixes
+
+* if (!window.CoCreate[name]) ([06f52b2](https://github.com/CoCreate-app/CoCreate-lazy-loader/commit/06f52b2f203d3860db065a786c095e8900d41508))
+
 ## [1.23.1](https://github.com/CoCreate-app/CoCreate-lazy-loader/compare/v1.23.0...v1.23.1) (2024-12-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/lazy-loader",
-  "version": "1.23.1",
+  "version": "1.23.3",
   "description": "A simple lazy-loader component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "lazy-loader",

package/src/client.js

@@ -1,80 +1,78 @@
-import observer from '@cocreate/observer';
+import observer from "@cocreate/observer";
 
 function listen(name, callback, selector) {
+	const observerName = name + "LazyloadAddedNodesObserver";
+	async function observerCallback(mutation) {
+		observer.uninit(observerName);
 
-    async function observerCallback({ target }) {
-        if (!window.CoCreate)
-            window.CoCreate = {}
+		if (!window.CoCreate) window.CoCreate = {};
 
-        if (window.CoCreate[name])
-            return
-        window.CoCreate[name] = {}
-        observer.uninit(observerCallback)
+		if (window.CoCreate[name]) return;
+		window.CoCreate[name] = {};
+		// observer.uninit(name);
 
-        const module = await callback()
-        observer.uninit(observerCallback)
-        window.CoCreate[name] = module.default || module
+		const module = await callback();
+		// observer.uninit(name);
+		window.CoCreate[name] = module.default || module;
 
-        dispatchComponentLoaded(name)
-    }
+		dispatchComponentLoaded(name);
+	}
 
-    observer.init({
-        name: 'lazyloadObserver',
-        observe: ['childList'],
-        selector,
-        callback: observerCallback
-    })
-
-    let selectorAttributes = [];
-    let attributes = selector.split(",")
-    for (let attribute of attributes) {
-        let attr = attribute.trim()
-        if (attr.startsWith("[")) {
-            let pos = attr.indexOf("*")
-            if (pos == -1)
-                pos = attr.indexOf("=")
-            if (pos !== -1) {
-                attr = attr.slice(1, pos)
-            } else {
-                attr = attr.slice(1, -1)
-            }
-            selectorAttributes.push(attr)
-        }
-
-    }
-    if (selectorAttributes.length > 0)
-        observer.init({
-            name: 'lazyloadAttributeObserver',
-            observe: ['attributes'],
-            attributeName: selectorAttributes,
-            selector,
-            callback: observerCallback
-        });
+	observer.init({
+		name: observerName,
+		types: ["addedNodes"],
+		selector,
+		callback: observerCallback
+	});
 
+	let selectorAttributes = [];
+	let attributes = selector.split(",");
+	for (let attribute of attributes) {
+		let attr = attribute.trim();
+		if (attr.startsWith("[")) {
+			let pos = attr.indexOf("*");
+			if (pos == -1) pos = attr.indexOf("=");
+			if (pos !== -1) {
+				attr = attr.slice(1, pos);
+			} else {
+				attr = attr.slice(1, -1);
+			}
+			selectorAttributes.push(attr);
+		}
+	}
+	if (selectorAttributes.length > 0)
+		observer.init({
+			name: observerName,
+			types: ["attributes"],
+			attributeFilter: selectorAttributes,
+			selector,
+			callback: observerCallback
+		});
 }
 
 export async function lazyLoad(name, selector, callback) {
-    if (document.querySelector(selector))
-        await dependency(name, await callback())
-    else
-        listen(name, callback, selector)
+	if (document.querySelector(selector))
+		await dependency(name, await callback());
+	else listen(name, callback, selector);
 }
 
 export async function dependency(name, promise) {
-    try {
-        let component = await promise;
-        if (!window.CoCreate)
-            window.CoCreate = {}
-
-        window.CoCreate[name] = component.default || component
-        dispatchComponentLoaded(name)
-    } catch (error) {
-        console.error('error loading chunck: ', error)
-    }
+	try {
+		let component = await promise;
+		if (!window.CoCreate) window.CoCreate = {};
+		if (!window.CoCreate[name]) {
+			window.CoCreate[name] = component.default || component;
+			dispatchComponentLoaded(name);
+		}
+	} catch (error) {
+		console.error("error loading chunck: ", error);
+	}
 }
 
 function dispatchComponentLoaded(name) {
-    document.dispatchEvent(new CustomEvent(name + 'Loaded', {
-        detail: { name }
-    }));
+	document.dispatchEvent(
+		new CustomEvent(name + "Loaded", {
+			detail: { name }
+		})
+	);
 }