@cocreate/elements 1.42.3 → 1.42.4

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.42.4](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.3...v1.42.4) (2025-09-07)
+
+
+### Bug Fixes
+
+* enhance path handling in initElements and improve data assignment logic in setData ([5c710c5](https://github.com/CoCreate-app/CoCreate-elements/commit/5c710c594d584598ced06a9bcf7954ec30d048d2))
+* streamline relative path handling by removing trailing slashes in replacement and ensuring current path ends with a slash ([03ba778](https://github.com/CoCreate-app/CoCreate-elements/commit/03ba77826700c56a7f07b86f8f6588aaece9a3a4))
+
 ## [1.42.3](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.2...v1.42.3) (2025-09-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.42.3",
+  "version": "1.42.4",
   "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

@@ -41,19 +41,18 @@ async function initElements(elements) {
 
 				let text = await response.text();
 				if (text) {
+					let path = "";
 					let pathElement = element.closest("[path]");
 					if (pathElement) {
-						let path =
-							pathElement.getAttribute("path") || getPath();
-						if (path) {
-							// Remove trailing slash if present
-							if (path.endsWith("/")) {
-								path = path.slice(0, -1);
-							}
-							text = text.replaceAll("$relativePath", path);
-						}
+						path = pathElement.getAttribute("path") || getPath();
+					} else {
+						path = getPath();
 					}
-
+					// Replace $relativePath in the fetched text
+					if (path) {
+						text = text.replaceAll(/\$relativePath\/?/g, path);
+					}
+					// Replace ObjectId() with a new ObjectId
 					text = text.replaceAll("ObjectId()", () => {
 						// Generate a NEW ObjectId inside the function
 						return ObjectId().toString(); // Return its string representation
@@ -69,6 +68,9 @@ 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

package/src/index.js

@@ -400,6 +400,10 @@ async function setData(element, data) {
 		if (action && ["database", "array", "object", "key"].includes(action))
 			continue;
 
+		if (data.array.includes("aiConversations")) {
+			console.log("testing ai conversations");
+		}
+
 		const { key, isRead, isUpdate, isListen, isCrdt } = getAttributes(el);
 		let elementType = el.getAttribute("type");
 		if (elementType !== "file" && (el.getFilter || el.renderValue))
@@ -424,6 +428,14 @@ async function setData(element, data) {
 					if ($update) {
 						delete data[type][0].$update;
 						data[type][0] = { ...data[type][0], ...$update };
+					} else if (key === "$data") {
+						value = data;
+					} else if (key.startsWith("$data")) {
+						value = CRUD.getValueFromObject(data, key.slice(1));
+					} else if (key === `$${type}`) {
+						value = data[type];
+					} else if (key.startsWith(`$${type}`)) {
+						value = CRUD.getValueFromObject(data, key.slice(1));
 					} else if (key === "{}") {
 						value = data[type][0];
 						if (reference === "false") {
@@ -548,8 +560,21 @@ async function filterData(element, data, type, key) {
 			key.replace(/\.\$length$/, "")
 		);
 		element.setValue(value.length);
+	} else if (key === "$data") {
+		value = data;
+	} else if (key.startsWith("$data")) {
+		value = CRUD.getValueFromObject(data, key.slice(1));
+	} else if (key === `$${type}`) {
+		value = data[type];
+	} else if (key.startsWith(`$${type}`)) {
+		value = CRUD.getValueFromObject(data, key.slice(1));
 	} else if (key === "{}") {
-		element.setValue(data[type]);
+		value = data[type][0];
+		// if (reference === "false") {
+		// 	delete data[type][0].$storage;
+		// 	delete data[type][0].$database;
+		// 	delete data[type][0].$array;
+		// }
 	} else if (data) element.setValue(data);
 
 	if (data.$filter) {