@cocreate/elements 1.42.2 → 1.42.4

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [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)
+
+
+### Bug Fixes
+
+* handle trailing slashes in relative path replacement and improve mutation parent check ([b2f559a](https://github.com/CoCreate-app/CoCreate-elements/commit/b2f559a583e41a88b196f62395ba3f1759fe10f2))
+* improve value checks and handling in getData and save functions ([d8fd81d](https://github.com/CoCreate-app/CoCreate-elements/commit/d8fd81d89ecdf1feb3d7e1074fe8afe21adcfba4))
+
 ## [1.42.2](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.1...v1.42.2) (2025-05-01)
 
 

package/package.json

@@ -1,18 +1,10 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.42.2",
+  "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",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
     "low-code",
-    "collaborative-framework",
     "realtime",
     "realtime-framework",
     "collaboration",

package/src/fetchSrc.js

@@ -41,13 +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) 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
@@ -63,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) {
@@ -856,7 +881,7 @@ async function getData(form) {
 			}
 
 			let value = await element.getValue();
-			if (!value && value !== "") continue;
+			if (value === undefined) continue;
 
 			let Data = { ...data };
 			let dataKey = elements.get(element);
@@ -1014,7 +1039,7 @@ async function getData(form) {
 
 async function save(element, action) {
 	if (!element) return;
-	let data, value;
+	let data, value, form;
 	let upsert = element.getAttribute("upsert");
 	if (upsert && upsert !== "false") upsert = true;
 	if (element.tagName === "FORM") {
@@ -1022,9 +1047,12 @@ async function save(element, action) {
 	} else {
 		let isSave = element.getAttribute("save");
 		if (isSave === "false") return;
-
-		let form = element.closest("form");
-		if (form) return save(form);
+		if (action) {
+			form = element.closest("form");
+			if (form) {
+				return save(form);
+			}
+		}
 
 		let dataKey = elements.get(element);
 		data = { ...keys.get(dataKey).dataKey.object };
@@ -1064,21 +1092,25 @@ async function save(element, action) {
 	let Data = [];
 	for (let i = 0; i < data.length; i++) {
 		if (data[i].type === "object") {
-			if (typeof data[i].object === "string") {
+			if (!data[i].object) {
+				data[i].method = "object.create";
+			} else if (typeof data[i].object === "string") {
 				if (!data[i]._id) data[i].method = "object.create";
 				else {
 					data[i].method = "object.update";
 					if (upsert) data[i].upsert = true;
 				}
 			} else if (Array.isArray(data[i].object)) {
-				if (!data[i].object[0]._id) data[i].method = "object.create";
-				else {
+				if (!data[i].object[0]._id) {
+					data[i].method = "object.create";
+				} else {
 					data[i].method = "object.update";
 					if (upsert) data[i].upsert = true;
 				}
 			} else if (typeof data[i].object === "object") {
-				if (!data[i].object._id) data[i].method = "object.create";
-				else {
+				if (!data[i].object._id) {
+					data[i].method = "object.create";
+				} else {
 					data[i].method = "object.update";
 					if (upsert) data[i].upsert = true;
 				}
@@ -1151,7 +1183,9 @@ function setTypeValue(element, data, action) {
 
 	if (!form) {
 		if (data.type === "object") {
-			element.setAttribute("object", data.object[0]._id);
+			if (data.object && data.object[0] && data.object[0]._id) {
+				element.setAttribute("object", data.object[0]._id);
+			}
 		} else {
 			element.setAttribute(data.type, data[data.type].name);
 		}
@@ -1310,9 +1344,6 @@ function initSocket() {
 				if (data.rendered) return;
 
 				data.rendered = true;
-				if (data && data.key === "answers") {
-					console.log("test");
-				}
 
 				setData(null, data);
 			});
@@ -1325,7 +1356,11 @@ Observer.init({
 	types: ["addedNodes"],
 	selector: "[render-clone]",
 	callback: function (mutation) {
-		if (!mutation.parentElement.hasAttribute("dnd")) return;
+		if (
+			mutation.parentElement &&
+			!mutation.parentElement.hasAttribute("dnd")
+		)
+			return;
 		let delayTimer = debounce.get(mutation);
 		clearTimeout(delayTimer);
 		debounce.delete(mutation.target);