@cocreate/elements 1.42.4 → 1.42.5

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.42.5](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.4...v1.42.5) (2025-10-08)
+
+
+### Bug Fixes
+
+* ensure key checks in setData and filterData handle undefined values correctly ([fd04107](https://github.com/CoCreate-app/CoCreate-elements/commit/fd04107fde4d1d51ce215d3da5f241c47565aa92))
+* import getRelativePath and remove unused getPath function in fetchSrc.js ([363497c](https://github.com/CoCreate-app/CoCreate-elements/commit/363497cd9fa0b2e920e226766488593e46f6db8f))
+
 ## [1.42.4](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.3...v1.42.4) (2025-09-07)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.42.4",
+  "version": "1.42.5",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",

package/src/fetchSrc.js

@@ -1,5 +1,5 @@
 import observer from "@cocreate/observer";
-import { ObjectId } from "@cocreate/utils";
+import { getRelativePath, ObjectId } from "@cocreate/utils";
 
 const selector =
 	"[src]:not(img, video, audio, script, input, iframe, frame, link, source), [source], [stream]";
@@ -44,9 +44,11 @@ async function initElements(elements) {
 					let path = "";
 					let pathElement = element.closest("[path]");
 					if (pathElement) {
-						path = pathElement.getAttribute("path") || getPath();
+						path =
+							pathElement.getAttribute("path") ||
+							getRelativePath();
 					} else {
-						path = getPath();
+						path = getRelativePath();
 					}
 					// Replace $relativePath in the fetched text
 					if (path) {
@@ -66,16 +68,6 @@ async function initElements(elements) {
 	}
 }
 
-function getPath() {
-	let currentPath = window.location.pathname.replace(/\/[^\/]*$/, ""); // Remove file from path
-	if (!currentPath.endsWith("/")) {
-		currentPath += "/";
-	}
-	let depth = currentPath.split("/").filter(Boolean).length; // Count depth levels
-
-	return depth > 0 ? "../".repeat(depth) : "./"; // Return the correct relative path
-}
-
 async function initMediaSource(element, src) {
 	try {
 		let mediaConfig = await response.json();

package/src/index.js

@@ -430,11 +430,11 @@ async function setData(element, data) {
 						data[type][0] = { ...data[type][0], ...$update };
 					} else if (key === "$data") {
 						value = data;
-					} else if (key.startsWith("$data")) {
+					} else if (key && key.startsWith("$data")) {
 						value = CRUD.getValueFromObject(data, key.slice(1));
 					} else if (key === `$${type}`) {
 						value = data[type];
-					} else if (key.startsWith(`$${type}`)) {
+					} else if (key && key.startsWith(`$${type}`)) {
 						value = CRUD.getValueFromObject(data, key.slice(1));
 					} else if (key === "{}") {
 						value = data[type][0];
@@ -562,11 +562,11 @@ async function filterData(element, data, type, key) {
 		element.setValue(value.length);
 	} else if (key === "$data") {
 		value = data;
-	} else if (key.startsWith("$data")) {
+	} else if (key && key.startsWith("$data")) {
 		value = CRUD.getValueFromObject(data, key.slice(1));
 	} else if (key === `$${type}`) {
 		value = data[type];
-	} else if (key.startsWith(`$${type}`)) {
+	} else if (key && key.startsWith(`$${type}`)) {
 		value = CRUD.getValueFromObject(data, key.slice(1));
 	} else if (key === "{}") {
 		value = data[type][0];