@cocreate/pwa 1.22.0 → 1.22.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.22.1](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.22.0...v1.22.1) (2025-04-11)
+
+
+### Bug Fixes
+
+* dispatch end event on action element rather than document ([c14b2f3](https://github.com/CoCreate-app/CoCreate-pwa/commit/c14b2f3e92e50f3487aefd66a479e4222c835ab6))
+* update observer observe param to type and and attributeName to attributeFilter ([5545765](https://github.com/CoCreate-app/CoCreate-pwa/commit/554576546507eda1c7577ae593e5c660572ba774))
+
 # [1.22.0](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.21.0...v1.22.0) (2025-01-18)
 
 

package/package.json

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

package/src/geolocation.js

@@ -65,7 +65,7 @@ function handleError(error, action) {
 }
 
 function dispatchEvent(action) {
-	document.dispatchEvent(
+	action.element.dispatchEvent(
 		new CustomEvent(action.endEvent, {
 			detail: {
 				data: action

package/src/index.js

@@ -145,7 +145,7 @@ async function persistData() {
 
 observer.init({
 	name: "initPwa",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: '[actions="install"]',
 	callback: (mutation) => {
 		init();

package/src/web-share.js

@@ -23,60 +23,68 @@
  * For details, visit <https://cocreate.app/licenses/> or contact us at sales@cocreate.app.
  */
 
-import Observer from '@cocreate/observer'
-import Actions from '@cocreate/actions'
+import Observer from "@cocreate/observer";
+import Actions from "@cocreate/actions";
 
 const selector = "[share]";
 
 async function init(element) {
-    if (element && !(element instanceof HTMLCollection) && !Array.isArray(element))
-        element = [element]
-    else if (!element) {
-        element = document.querySelectorAll(selector)
-    }
-
-    for (let i = 0; i < element.length; i++)
-        element[i].addEventListener('click', function (e) {
-            share(e.target);
-        });
+	if (
+		element &&
+		!(element instanceof HTMLCollection) &&
+		!Array.isArray(element)
+	)
+		element = [element];
+	else if (!element) {
+		element = document.querySelectorAll(selector);
+	}
 
+	for (let i = 0; i < element.length; i++)
+		element[i].addEventListener("click", function (e) {
+			share(e.target);
+		});
 }
 
 function share(element) {
-    if (navigator.share && element) {
-        let title = element.getAttribute('share-title') || document.title;
-        let text = element.getAttribute('share-text') || document.querySelector('meta[name="description"]')?.content || '';
-        let url = element.getAttribute('share-url') || window.location.href;
+	if (navigator.share && element) {
+		let title = element.getAttribute("share-title") || document.title;
+		let text =
+			element.getAttribute("share-text") ||
+			document.querySelector('meta[name="description"]')?.content ||
+			"";
+		let url = element.getAttribute("share-url") || window.location.href;
 
-        navigator.share({
-            title: title,
-            text: text,
-            url: url
-        })
-            .then(() => console.log('Successful share'))
-            .catch((error) => console.log('Error sharing', error));
-    } else {
-        console.log('Web Share API is not supported or element is not provided.');
-    }
+		navigator
+			.share({
+				title: title,
+				text: text,
+				url: url
+			})
+			.then(() => console.log("Successful share"))
+			.catch((error) => console.log("Error sharing", error));
+	} else {
+		console.log(
+			"Web Share API is not supported or element is not provided."
+		);
+	}
 }
 
 Observer.init({
-    name: 'webshare',
-    observe: ['addedNodes'],
-    selector: '[share]',
-    callback: (mutation) => {
-        init(mutation.target)
-    }
+	name: "webshare",
+	types: ["addedNodes"],
+	selector: "[share]",
+	callback: (mutation) => {
+		init(mutation.target);
+	}
 });
 
 Actions.init({
-    name: "share",
-    callback: (action) => {
-        share(action.element);
-    }
-})
-
-init()
+	name: "share",
+	callback: (action) => {
+		share(action.element);
+	}
+});
 
-export default { init }
+init();
 
+export default { init };