@cocreate/render 1.42.0 → 1.42.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.42.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.42.0...v1.42.1) (2024-11-02)
+
+
+### Bug Fixes
+
+* handeling of render-as $auto ([017dd71](https://github.com/CoCreate-app/CoCreate-render/commit/017dd71b400ed202aacd425eb63d76fdb7f9a968))
+* observer taget has been renamed to selector ([adbd2c9](https://github.com/CoCreate-app/CoCreate-render/commit/adbd2c9768f439189da40ae1fcdaa333fff2f2da))
+
 # [1.42.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.41.5...v1.42.0) (2024-09-21)
 
 

package/package.json

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

package/src/index.js

@@ -349,6 +349,11 @@ async function renderTemplate(template, data, key, index, keyPath) {
 
             for (let i = 0; i < renderData.length; i++) {
                 let clone = cloneTemplate(template);
+
+                let test = clone.element.getAttribute('render-as')
+                if (test)
+                    renderAs = test
+
                 clone.keyPath = template.keyPath || '' + `[${i}]`
 
                 let object
@@ -386,7 +391,8 @@ function cloneTemplate(template) {
     clone.setAttribute('render-clone', '');
 
     let renderAs = clone.getAttribute('render-as')
-    if (renderAs) {
+    if (renderAs === '$auto') {
+        renderAs = uuid.generate(6)
         clone = clone.outerHTML.replace(/\$auto/g, renderAs);
     }
 
@@ -432,7 +438,7 @@ function insertElement(template, element, index, currentIndex, data, renderRever
             item = clones.splice(currentIndex, 1)[0];
         }
 
-        if (data.$filter && data.$filter.startingIndex)
+        if (data && data.$filter && data.$filter.startingIndex)
             index += data.$filter.startingIndex
         clones.splice(index, 0, item);  // Insert item into clones at the specified index
 
@@ -880,7 +886,7 @@ Actions.init({
 Observer.init({
     name: 'render',
     observe: ['addedNodes'],
-    target: elementSelector,
+    selector: elementSelector,
     callback: function (mutation) {
         init(mutation.target)
     }
@@ -901,7 +907,7 @@ Observer.init({
 Observer.init({
     name: 'render',
     observe: ['addedNodes'],
-    target: '[render]',
+    selector: '[render]',
     callback: function (mutation) {
         if (mutation.target.hasAttribute('render-clone'))
             return
@@ -923,7 +929,7 @@ Observer.init({
 // Observer.init({
 //     name: 'render',
 //     observe: ['addedNodes'],
-//     target: '[render-clone]',
+//   selector: '[render-clone]',
 //     callback: function (mutation) {
 //         let renderedNode = renderedNodes.get(mutation.target)
 //         if (!renderedNode) return
@@ -956,7 +962,7 @@ Observer.init({
 Observer.init({
     name: 'renderNodesRemoved',
     observe: ['removedNodes'],
-    target: '[render-clone]',
+    selector: '[render-clone]',
     callback: function (mutation) {
         if (mutation.target.parentElement) return
         let renderedNode = renderedNodes.get(mutation.target)