@cocreate/render 1.28.7 → 1.29.1

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [1.29.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.29.0...v1.29.1) (2023-10-25)
+
+
+### Bug Fixes
+
+* bump dependencies ([d0576ab](https://github.com/CoCreate-app/CoCreate-render/commit/d0576ab94cb7be5c5788fc92e8c98454e64397e6))
+
+# [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.28.7",
+  "version": "1.29.1",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
@@ -58,10 +58,10 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.11.6",
-    "@cocreate/api": "^1.15.4",
-    "@cocreate/element-prototype": "^1.11.5",
-    "@cocreate/observer": "^1.11.5",
-    "@cocreate/utils": "^1.25.3"
+    "@cocreate/actions": "^1.12.0",
+    "@cocreate/api": "^1.15.8",
+    "@cocreate/element-prototype": "^1.11.7",
+    "@cocreate/observer": "^1.11.6",
+    "@cocreate/utils": "^1.26.1"
   }
 }

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,7 +195,15 @@ 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
+
 
     let isInsert = data.$filter && (data.$filter.create || data.$filter.update)
     if (!isInsert && index === 0) {
@@ -526,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) {
@@ -579,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)
@@ -753,4 +764,4 @@ Observer.init({
 
 init()
 
-export { render, sources, renderedNodes }
+export default { render, sources, renderedNodes }