@cocreate/events 1.27.4 → 1.29.0

package/.github/workflows/automated.yml

@@ -22,13 +22,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 14
+          node-version: 22 # Required for the latest semantic-release plugins
       - name: Semantic Release
-        uses: cycjimmy/semantic-release-action@v3
+        uses: cycjimmy/semantic-release-action@v4 # Update to v4 for better Node 20+ support
         id: semantic
         with:
           extra_plugins: |
@@ -36,9 +36,8 @@ jobs:
             @semantic-release/git
             @semantic-release/github
         env:
-          GITHUB_TOKEN: "${{ secrets.GITHUB }}"
+          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}" # Use the built-in token if possible
           NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
     outputs:
       new_release_published: "${{ steps.semantic.outputs.new_release_published }}"
       new_release_version: "${{ steps.semantic.outputs.new_release_version }}"
-

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [1.29.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.28.0...v1.29.0) (2026-01-17)
+
+
+### Features
+
+* setInterval attribute ([f64f9bc](https://github.com/CoCreate-app/CoCreate-events/commit/f64f9bcc93248c0451b8dcc468d1f0162f3101ea))
+
+# [1.28.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.27.4...v1.28.0) (2026-01-17)
+
+
+### Bug Fixes
+
+* update worklow ([e8f4c2d](https://github.com/CoCreate-app/CoCreate-events/commit/e8f4c2dc8c3a799adf0be238bab5a4ed9ac08915))
+
+
+### Features
+
+* once attribute for intersectionObserver ([e58bfee](https://github.com/CoCreate-app/CoCreate-events/commit/e58bfeec8122a176179ec1b9a03557dbe80765d8))
+
 ## [1.27.4](https://github.com/CoCreate-app/CoCreate-events/compare/v1.27.3...v1.27.4) (2025-10-11)
 
 

package/package.json

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

package/src/index.js

@@ -91,7 +91,7 @@ const CoCreateEvents = {
 			}
 		});
 
-		let selector = `[${prefix}], [${prefix}-key], [${prefix}-attribute], [${prefix}-value], [${prefix}-action], [${prefix}-query], [${prefix}-preventDefault], [${prefix}-stopPropagation], [${prefix}-stopImmediatePropagation]`;
+		let selector = `[${prefix}], [${prefix}-key], [${prefix}-attribute], [${prefix}-value], [${prefix}-action], [${prefix}-query]`;
 
 		observer.init({
 			name: "CoCreateEventattributes",
@@ -149,19 +149,6 @@ const CoCreateEvents = {
 
 			if (!events || !isEventable) continue;
 
-			// let originalSelector = ""; // i think we need to extract the selector and remove the operators
-			// if (originalSelector) {
-			// 	observer.init({
-			// 		types: ["addedNodes"],
-			// 		callback: function (mutation) {
-			// 			const els = el.queryElements();
-			// 			if (els && els.includes(mutation.target)) {
-			// 				self.__updateElements();
-			// 			}
-			// 		}
-			// 	});
-			// }
-
 			if (events.includes("onload")) {
 				this.__updateElements(el, prefix);
 			}
@@ -245,19 +232,22 @@ const CoCreateEvents = {
 					? threshold.filter((value) => value >= 0 && value <= 1)
 					: [0];
 
+				// Returns true if attribute is present AND does not equal "false"
+				const onceAttr = el.getAttribute(`${prefix}-once`);
+                const once = onceAttr !== null && onceAttr !== "false";
+
 				// Create IntersectionObserver
 				const intersectionObserver = new IntersectionObserver(
 					(entries) => {
 						entries.forEach((entry) => {
 							const isVisible = entry.isIntersecting;
 
-							// Determine if __updateElements should be called based on trigger
-							// if (
-							// 	(trigger === "visible" && isVisible) ||
-							// 	(trigger === "not-visible" && !isVisible) ||
-							// 	trigger === "both"
-							// ) {
-							if (isVisible) {
+							// Determine if we should trigger based on the "trigger" attribute
+							if (
+								(trigger === "visible" && isVisible) ||
+								(trigger === "not-visible" && !isVisible) ||
+								trigger === "both"
+							) {
 								// Set an attribute to reflect visibility state
 								el.setAttribute(
 									`${prefix}-is-visible`,
@@ -268,12 +258,11 @@ const CoCreateEvents = {
 								self.__updateElements(
 									el,
 									prefix
-									// {
-									// 	isVisible,
-									// 	intersectionRatio:
-									// 		entry.intersectionRatio
-									// }
 								);
+								// Disconnect if once is true
+                                if (once) {
+                                    intersectionObserver.unobserve(entry.target);
+                                }
 							}
 						});
 					},
@@ -360,23 +349,7 @@ const CoCreateEvents = {
 						null,
 						prefixes[prefix].events
 					);
-
-					// let selector = `[${prefix}], [${prefix}-key], [${prefix}-value], [${prefix}-query]`
-
-					// let parentElement = target.parentElement;
-					// if (parentElement) {
-					//     do {
-					//         parentElement = parentElement.closest(selector)
-					//         if (parentElement) {
-					//             self.__updateElements(parentElement, prefix, null, prefixes[prefix].events);
-					//             parentElement = parentElement.parentElement
-					//         }
-					//     }
-					//     while (parentElement)
-
-					// }
 				}
-				// }, 500);
 			}
 		}
 	},
@@ -411,9 +384,48 @@ const CoCreateEvents = {
 			// 	});
 			// }
 
-			// TODO: Handle setInterval logic
-			let delay = element.getAttribute(`${prefix}-setTimeout`);
+			let interval = element.getAttribute(`${prefix}-setInterval`);
+			if (interval !== null) {
+				let intervalMs = parseInt(interval, 10) || 0;
+				if (!element.eventsInterval) {
+					element.eventsInterval = {};
+				}
+				let intervalEntry = element.eventsInterval[prefix];
+				if (intervalMs > 0) {
+					if (!intervalEntry || intervalEntry.delay !== intervalMs) {
+						if (intervalEntry) {
+							clearInterval(intervalEntry.id);
+						}
+						element.eventsInterval[prefix] = {
+							delay: intervalMs,
+							id: setInterval(() => {
+								if (!element.isConnected) {
+									const entry =
+										element.eventsInterval &&
+										element.eventsInterval[prefix];
+									if (entry) {
+										clearInterval(entry.id);
+										delete element.eventsInterval[prefix];
+									}
+									return;
+								}
+								self.__updateElements(
+									element,
+									prefix,
+									target,
+									events,
+									params
+								);
+							}, intervalMs)
+						};
+					}
+				} else if (intervalEntry) {
+					clearInterval(intervalEntry.id);
+					delete element.eventsInterval[prefix];
+				}
+			}
 
+			let delay = element.getAttribute(`${prefix}-setTimeout`);
 			if (delay) {
 				delay = parseInt(delay, 10) || 0;
 				if (delay > 0) {
@@ -439,9 +451,6 @@ const CoCreateEvents = {
 			let targetPosition = element.getAttribute(
 				`${prefix}-insert-adjacent`
 			);
-			// targetAttribute = checkMediaQueries(targetAttribute)
-			// if (targetAttribute === false)
-			//     return
 
 			let onEvent = element.getAttribute(`${prefix}-on`);
 			if (onEvent) {
@@ -466,7 +475,6 @@ const CoCreateEvents = {
 					}
 				}
 
-				// if (!key || !values)
 				if (!key) return;
 			} else {
 				values = element.getAttribute(`${prefix}-value`);