@cocreate/render 1.43.1 → 1.44.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [1.44.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.43.1...v1.44.0) (2024-12-14)
+
+
+### Bug Fixes
+
+* temporarily handle form.getData when multiple arrays ([6f1f11f](https://github.com/CoCreate-app/CoCreate-render/commit/6f1f11f994d2f6c5b7d915ca4ed9fa3497c84a54))
+
+
+### Features
+
+* improved handeling of refrence data and exclusion ([707180f](https://github.com/CoCreate-app/CoCreate-render/commit/707180f85965c4f773b8834cb72048068c7620c5))
+
 ## [1.43.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.43.0...v1.43.1) (2024-12-09)
 
 

package/package.json

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

package/src/index.js

@@ -306,19 +306,24 @@ async function renderTemplate(template, data, key, index, keyPath) {
 			renderReverse = template.element.getAttribute("render-reverse");
 	}
 
+	let exclude = template.element.getAttribute("render-exclude") || "";
+	if (exclude) {
+		exclude = exclude.replace(/ /g, "").split(",");
+	}
+	let reference = template.element.getAttribute("render-reference");
+
 	if ((key && !Array.isArray(renderData)) || renderType === "object") {
 		if (renderType && Array.isArray(renderData) && renderData.length === 1)
 			renderData = renderData[0];
 
-		let exclude = template.element.getAttribute("render-exclude") || "";
-		if (exclude) {
-			exclude = exclude.replace(/ /g, "").split(",");
-			if (!Array.isArray(exclude)) exclude = [exclude];
-		}
-
 		const keys = Object.keys(renderData);
 		for (let i = 0; i < keys.length; i++) {
 			if (exclude.includes(keys[i])) continue;
+			if (
+				reference === "false" &&
+				["$storage", "$database", "$array"].includes(key)
+			)
+				continue;
 
 			let value = renderData[keys[i]];
 			let type = "string";
@@ -364,12 +369,21 @@ async function renderTemplate(template, data, key, index, keyPath) {
 
 				clone.keyPath = template.keyPath || "" + `[${i}]`;
 
-				let object;
+				let object = { ...renderData[i] };
+				for (let j = 0; j < exclude.length; j++)
+					delete object[exclude[j]];
+
+				if (reference === "false") {
+					delete object.$storage;
+					delete object.$database;
+					delete object.$array;
+				}
+
 				if (renderAs) {
-					object = { [renderAs]: renderData[i] };
+					object = { [renderAs]: object };
 					if (renderAs.includes("."))
 						object = dotNotationToObject(object);
-				} else object = renderData[i];
+				} else object = object;
 
 				let index;
 				if (key !== "data") index = i;
@@ -1013,9 +1027,12 @@ Actions.init({
 				prefix: "render"
 			});
 
+		// TODO: data returned from form.getData() returns an array of objects each representing an storage, database and array in form. need a solution for handling what is the item to be rendered
 		let data = await action.form.getData();
+		let array = action.form.getAttribute("array");
+		if (array) data = data.find((obj) => obj.array === array);
 		for (let i = 0; i < elements.length; i++)
-			render({ source: elements[i], data: data[0] });
+			await render({ source: elements[i], data });
 
 		document.dispatchEvent(
 			new CustomEvent("render", {