@cocreate/elements 1.42.5 → 1.42.7

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [1.42.7](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.6...v1.42.7) (2025-11-16)
+
+
+### Bug Fixes
+
+* correct formatting in save function to ensure proper data handling ([19e0bdc](https://github.com/CoCreate-app/CoCreate-elements/commit/19e0bdccd02e95ffc4c0db22b7a96ad18bad663a))
+* enhance setAttribute function to respect form-attributes and streamline attribute setting ([ce6c03b](https://github.com/CoCreate-app/CoCreate-elements/commit/ce6c03bfca08ac4634320725a72820fde49f604e))
+* update filterData function to handle key-based data rendering ([2b4aecb](https://github.com/CoCreate-app/CoCreate-elements/commit/2b4aecb4f56ec0eb2666a56041b41f6191cb4e5e))
+* update initElements function to correctly handle 'rendered' attribute and improve src validation ([a371968](https://github.com/CoCreate-app/CoCreate-elements/commit/a371968596c5c50a7f53c6f822ab7e432e985bad))
+
+## [1.42.6](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.5...v1.42.6) (2025-10-10)
+
+
+### Bug Fixes
+
+* enhance form attribute handling and improve element initialization logic ([6a3eeb3](https://github.com/CoCreate-app/CoCreate-elements/commit/6a3eeb35ccfd1656f71c7e51d0d604d8ccc28071))
+
 ## [1.42.5](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.4...v1.42.5) (2025-10-08)
 
 

package/package.json

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

@@ -3,7 +3,7 @@ import { getRelativePath, ObjectId } from "@cocreate/utils";
 
 const selector =
 	"[src]:not(img, video, audio, script, input, iframe, frame, link, source), [source], [stream]";
-const initializing = new Map();
+const textExtensions = ['html','htm','xhtml','css','js','mjs','cjs','json','jsonc','json5','xml','xsd','xsl','xslt','svg','md','markdown','scss','sass','less','vue','jsx','tsx','graphql','gql','htc','webmanifest','txt','csv','tsv','yaml','yml','toml','ini','log','dat','env','c','cc','cpp','cxx','h','hh','hpp','hxx','m','mm','cs','java','jsp','properties','py','pyc','pyd','pyo','rb','erb','php','phtml','php3','php4','php5','php7','phps','go','rs','swift','kt','kts','ts','pl','pm','pod','sh','bash','zsh','ksh','csh','tcsh','ps1','psm1','psd1','bat','cmd','sql','r','Rprofile','Rmd','lua','hs','lhs','erl','hrl','scala','sbt','d','f','for','f77','f90','f95','f03','f08','adb','ads','cbl','cob','cpy','lisp','lsp','scm','ss','pro','plg','vb','vbs','dart','asm','s','conf','cfg','config','ini','env','npmrc','yarnrc','gitattributes','gitignore','gitmodules','gitkeep','editorconfig','prettierrc','eslintrc','eslintignore','browserslistrc','package.json','package-lock.json','tsconfig.json','babelrc','vite.config.js','rollup.config.js','webpack.config.js','procfile','dockerfile','dockerignore','makefile','gradle','groovy','pom','properties','service','target','rst','adoc','asciidoc','tex','latex','textile','org','wiki','nfo','rtf','gcode','patch','diff','log','reg','map','sub','srt','dic','wml','rss','atom','gpx','kml','kmz','vcf','vcard','ics','ical','ps','eps','mf','lic','license','pem','key','crt','cert','pub','tpl','liquid','mustache','hbs','twig','blade.php','ejs','coffee','litcoffee','jl','nim','zig','wgsl']; const initializing = new Map();
 
 function init(elements) {
 	if (elements && !Array.isArray(elements)) elements = [elements];
@@ -37,8 +37,12 @@ async function initElements(elements) {
 			if (element.tagName === "AUDIO" || element.tagName === "VIDEO") {
 				initMediaSource(element, src);
 			} else {
-				element.removeAttribute("rendered");
+				if (src && !textExtensions.includes(src.split('.').pop())) continue
 
+				if (element.hasAttribute("rendered")) {
+					element.removeAttribute("rendered");
+					// continue;
+				}
 				let text = await response.text();
 				if (text) {
 					let path = "";

package/src/form.js

@@ -54,30 +54,32 @@ function runObjectId(form) {
 	}
 }
 
+const formAttributes = [
+	"organization_id",
+	"host",
+	"storage",
+	"database",
+	"array",
+	"index",
+	"object",
+	"key"
+];
+const formAttributesSelector = formAttributes.map((attr) => `[${attr}]`).join(", ");
+
 /**
  * @param form
  */
 function setAttribute(form, elements) {
-	if (!elements)
-		elements = form.querySelectorAll(
-			"[organization_id], [host], [storage], [database], [array], [index], [object], [key]"
-		);
-
-	for (let attribute of form.attributes) {
-		let variable = window.CoCreateConfig.attributes[attribute.name];
-
-		// Set the attribute of all elements in the variable
-		if (variable) {
-			for (let el of elements) {
-				// Set the value of the attribute.
-				// TODO: skip-attribute naming convention, perhaps skip by defualt if storage, database, array not the same and use attribute to apply for cases where one _id will be used across 2 arrays
-				if (
-					!el.getAttribute(attribute.name) &&
-					!el.hasAttribute("skip-attribute")
-				) {
-					el.setAttribute(attribute.name, attribute.value);
-				}
-			}
+	if (!elements) elements = form.querySelectorAll(formAttributesSelector);
+	for (let el of elements) {
+		if (el.getAttribute("form-attributes") === "false") continue;
+		for (let attribute of form.attributes) {
+			if (!formAttributes.includes(attribute.name)) continue;
+			// let elArray = el.getAttribute("array");
+			// if (elArray && attribute.name === "array" && elArray !== attribute.value) break;
+			// Set the value of the attribute.
+			// TODO: form-attributes="false" naming convention, perhaps skip by defualt if storage, database, array not the same and use attribute to apply for cases where one _id will be used across 2 arrays
+			el.setAttribute(attribute.name, attribute.value);
 		}
 	}
 }
@@ -208,11 +210,10 @@ Observer.init({
 Observer.init({
 	name: "CoCreateFormElements",
 	types: ["addedNodes"],
-	selector:
-		"[organization_id], [host], [storage], [database], [array], [index], [object], [key]",
+	selector: formAttributesSelector,
 	callback: function (mutation) {
-		if (mutation.target.form)
-			setAttribute(mutation.target.form, [mutation.target]);
+		let form = mutation.target.form || mutation.target.closest("form");
+		if (form) setAttribute(form, [mutation.target]);
 	}
 });
 

package/src/index.js

@@ -123,7 +123,7 @@ async function initElement(el) {
 				["INPUT", "TEXTAREA", "SELECT"].includes(el.tagName) ||
 				(el.hasAttribute("contenteditable") &&
 					el.getAttribute("contenteditable") !== "false") ||
-				el.contenteditable
+				el.contenteditable || el.value !== undefined || el.hasAttribute("value")
 			) {
 				if (el.tagName == "IFRAME") {
 					// ToDo: saving on contenteditable elements when an objectId does not exist in order to crud or crdt
@@ -143,7 +143,7 @@ async function initElement(el) {
 					if (e.detail && e.detail.skip == true) return;
 					if (data.type !== "object" && data[data.type] === "pending")
 						return;
-
+					if (!el.value && !el.hasAttribute("value") && el.contenteditable && !el.hasAttribute("contenteditable")) return;
 					save(el);
 				});
 			}
@@ -551,6 +551,8 @@ async function filterData(element, data, type, key) {
 	) {
 		await checkFilters(element, data, type);
 	} else if (element.renderValue) {
+		if (key)
+			data = {[key]: data}
 		await element.renderValue(data);
 	} else if (key === "$length") {
 		element.setValue(data[type].length);
@@ -1114,7 +1116,7 @@ async function save(element, action) {
 					data[i].method = "object.update";
 					if (upsert) data[i].upsert = true;
 				}
-			}
+			} 
 		}
 
 		if (data[i].isUpsert) {