@cocreate/render 1.28.6 → 1.29.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [1.29.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.28.7...v1.29.0) (2023-10-22)
+
+
+### Bug Fixes
+
+*  selector handling ([7eb4a25](https://github.com/CoCreate-app/CoCreate-render/commit/7eb4a253068be29c9094afa9f9bf548b3b7f666d))
+
+
+### Features
+
+* ObjectId() returns an object containg the parts iof the _id along with a toString() function ([7f35dd1](https://github.com/CoCreate-app/CoCreate-render/commit/7f35dd14649ff02ec89f61ca8c3e36d5ba37c226))
+
+## [1.28.7](https://github.com/CoCreate-app/CoCreate-render/compare/v1.28.6...v1.28.7) (2023-10-19)
+
+
+### Bug Fixes
+
+* clears render element if index = 0 and crate and update not true ([90e4946](https://github.com/CoCreate-app/CoCreate-render/commit/90e4946cf579e5030d51c2e180f61b5a03ebbc33))
+* declartion of render functions using object spread ([b3e3977](https://github.com/CoCreate-app/CoCreate-render/commit/b3e397747e18cc6fe52c0838b465adcaafaea416))
+
 ## [1.28.6](https://github.com/CoCreate-app/CoCreate-render/compare/v1.28.5...v1.28.6) (2023-10-17)
 
 

package/package.json

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

package/src/index.js

@@ -48,7 +48,7 @@ function init(element) {
     }
 }
 
-async function render({ source, element, data, key, index, currentIndex, update, remove }) {
+async function render({ source, element, selector, data, key, index, currentIndex, update, remove }) {
     if (!element) {
         if (source) {
             element = queryElements({ element: source, prefix: 'render' })
@@ -64,7 +64,8 @@ async function render({ source, element, data, key, index, currentIndex, update,
             if (!element) {
                 element = source.querySelector('template, [template], .template, [render]');
             }
-        }
+        } else if (selector)
+            element = queryElements({ selector })
 
         if (!element) return;
     }
@@ -194,9 +195,18 @@ async function renderTemplate(template, data, key, index, keyPath) {
     else if (Array.isArray(data))
         renderData = data
 
-    if (!renderData) return
+    if (!renderData && data)
+        if (Array.isArray(data))
+            renderData = data
+        else
+            renderData = [data]
+
+    else if (!renderData)
+        return
+
 
-    if (index === 0) {
+    let isInsert = data.$filter && (data.$filter.create || data.$filter.update)
+    if (!isInsert && index === 0) {
         for (const [key, element] of template.clones) {
             renderedNodes.delete(element)
             element.remove()
@@ -525,6 +535,8 @@ async function renderValue(node, data, placeholder, renderAs, renderedNode) {
             match = output.match(/{{(.*?)}}/);
             if (match) {
                 let value
+                if (match[1].includes('status'))
+                    console.log('test')
                 try {
                     let Data = JSON.parse('{' + match[1].replace(/'/g, '"') + '}');
                     if (Data.storage || Data.database || Data.array || Data.object || Data.index) {
@@ -578,7 +590,7 @@ function getRenderValue(node, data, key, renderAs) {
                         } else if (key.includes('renderAs')) {
                             value = renderAs
                         } else if (key === 'object' || key === '_id')
-                            value = ObjectId()
+                            value = ObjectId().toString()
                         else if (key === 'uuid')
                             value = uuid.generate(6)
                         else if (parent.source)