@cocreate/render 1.36.0 → 1.37.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [1.37.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.36.1...v1.37.0) (2023-12-18)
+
+
+### Bug Fixes
+
+* removed default ([01c1b1f](https://github.com/CoCreate-app/CoCreate-render/commit/01c1b1f8f5fa0159ae3399352e55a93e45b50678))
+
+
+### Features
+
+* attribute name rendering converts string to attributes ([30c6b25](https://github.com/CoCreate-app/CoCreate-render/commit/30c6b25b422cc9bbaa00c2f36ceafaaac302780d))
+
+## [1.36.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.36.0...v1.36.1) (2023-12-15)
+
+
+### Bug Fixes
+
+* addedNode rendering ([6f2946a](https://github.com/CoCreate-app/CoCreate-render/commit/6f2946aab0fefa84d282a71ac81da5026b54f444))
+
 # [1.36.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.35.0...v1.36.0) (2023-11-25)
 
 

package/package.json

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

package/src/index.js

@@ -130,7 +130,7 @@ async function render({ source, element, selector, data, key, index, currentInde
         source = { data }
 
     if (data.$filter) {
-        index = index || data.$filter.startingIndex
+        index = index || data.$filter.startingIndex || data.$filter.index
         update = update || data.$filter.update
         remove = remove || data.$filter.remove
     }
@@ -476,11 +476,17 @@ async function renderValues(node, data, key, renderAs, keyPath, parent) {
 
             name = await renderValue(attr, data, namePlaceholder, renderAs, renderedAttribute);
             value = await renderValue(attr, data, valuePlaceholder, renderAs, renderedAttribute);
-
-            if (name === undefined && name === null) {
+            if (namePlaceholder.includes('{{') && name) {
+                const attributes = name.match(/([^\s]+="[^"]*"|[^\s]+)/g) || [];
+                attributes.forEach(attr => {
+                    let [attributeName, attributeValue] = attr.split("=");
+                    attributeValue = attributeValue ? attributeValue.replace(/"/g, '') : '';
+                    node.setAttribute(attributeName, attributeValue);
+                });
+            } else if (name === undefined || name === null || name === '') {
                 renderedNodes.delete(attr)
                 node.removeAttribute(attr.name);
-            } else if ((value || value === "") && (name !== attr.name || value !== attr.value))
+            } else if (name && (value || value === "") && (name !== attr.name || value !== attr.value))
                 node.setAttribute(name, value);
         }
         // });
@@ -772,11 +778,15 @@ Observer.init({
     callback: function (mutation) {
         if (mutation.target.hasAttribute('render-clone'))
             return
-        let parentElement = mutation.target.parentElement.closest(['render'])
+        let parentElement = mutation.target.parentElement.closest('[render]')
         if (!parentElement) return
-
+        return
         let renderedNode = renderedNodes.get(parentElement)
-        let data = renderedNode.source.data
+        let data
+        if (renderedNode.source)
+            data = renderedNode.source.data
+        if (renderedNode.template)
+            data = renderedNode.template.source.data
 
         render({ element: mutation.target, data });
 
@@ -831,4 +841,4 @@ Observer.init({
 
 init()
 
-export default { render, renderValue, sources, renderedNodes }
+export { render, renderValue, sources, renderedNodes }