@cocreate/render 1.15.11 → 1.16.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [1.16.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.16.0...v1.16.1) (2022-11-21)
+
+
+### Bug Fixes
+
+* data.document._id ([b416a9c](https://github.com/CoCreate-app/CoCreate-render/commit/b416a9cfe975d8454a34d176a60c326a4dbf82c4))
+* improved handling of data structure, added @cocreate/element-prototype ([e458cfc](https://github.com/CoCreate-app/CoCreate-render/commit/e458cfc7fbf034701cc7e90bacc625d6705c4259))
+* renamed {{data.key}} to {{document.key}} ([f108b83](https://github.com/CoCreate-app/CoCreate-render/commit/f108b8324f80f22b3b784f02738949e7b357912f))
+
+# [1.16.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.15.11...v1.16.0) (2022-10-03)
+
+
+### Features
+
+* render Array will convert an object to array ([85bc9bd](https://github.com/CoCreate-app/CoCreate-render/commit/85bc9bd21040f5e75f63cc16f7002796a53f114a))
+
 ## [1.15.11](https://github.com/CoCreate-app/CoCreate-render/compare/v1.15.10...v1.15.11) (2022-10-02)
 
 

package/demo/fetch.string.html

@@ -12,8 +12,8 @@
         
         <cocreate-select name="current_org" template_id="abc1">
             <selected class="template" template_id="abc1" render-array="data">
-                <cc-option class="template" value="{{data.current_org}}">
-                    <h3>{{data.current_org}}</h3>
+                <cc-option class="template" value="{{document.current_org}}">
+                    <h3>{{document.current_org}}</h3>
                 </cc-option>
             </selected>
         </cocreate-select>

package/demo/render.html

@@ -13,8 +13,8 @@
         <body>
 
             <div class="template" template_id="abc1">
-                <h3>{{collection}}</h3>
-                <h3>{{data._id}}</h3>
+                <h3>{{document.collection}}</h3>
+                <h3>{{document._id}}</h3>
             </div>
      
              <pre>

package/demo/render.object.html

@@ -12,7 +12,7 @@
         
         <div class="template" template_id="abc1">
             <!-- <div>{{data}}</div>
-            <h1> {{data.collection}} {{data._id}}</h1> -->
+            <h1> {{document.collection}} {{document._id}}</h1> -->
             <div class="template" render-object="" render-key="one">
                 <h5>{{one.key}}: {{one.value}}</h5>
             </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.15.11",
+  "version": "1.16.1",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
@@ -64,6 +64,7 @@
     "@cocreate/actions": "^1.5.12",
     "@cocreate/api": "^1.4.12",
     "@cocreate/docs": "^1.3.18",
+    "@cocreate/element-prototype": "^1.0.0",
     "@cocreate/utils": "^1.10.12"
   }
 }

package/src/index.js

@@ -3,8 +3,8 @@ import action from '@cocreate/actions';
 import observer from '@cocreate/observer';
 import uuid from '@cocreate/uuid';
 import { queryDocumentSelector } from '@cocreate/utils';
+import '@cocreate/element-prototype';
 import './index.css';
-// import { getValue } from '../../CoCreate-elements/src/getValue';
 // import api from '@cocreate/api';
 
 const CoCreateRender = {
@@ -70,11 +70,11 @@ const CoCreateRender = {
 			variables.forEach((attr) => {
 				let value;
 
-				if (attr == "{{data._id}}" || attr == `{{${renderKey}._id}}` ||  attr == "{{document_id}}")
-					value = this.document_id;
-				else if (attr == "{{collection}" || attr == `{{${renderKey}.collection}}`)
-					value = this.collection;
-				else 
+				// if (attr == "{{data._id}}" || attr == `{{${renderKey}._id}}` ||  attr == "{{document_id}}" ||  attr == "{{document._id}}")
+				// 	value = this.document_id;
+				// else if (attr == "{{collection}" || attr == `{{${renderKey}.collection}}`)
+				// 	value = this.collection;
+				// else 
 					value = self.__getValue(data, attr);
 				
 				if (value) {
@@ -163,6 +163,9 @@ const CoCreateRender = {
 				template.insertAdjacentElement('beforebegin', cloneEl);
 			}
 
+			if (!Array.isArray(arrayData))
+				arrayData = [arrayData]
+
 			if(type && Array.isArray(arrayData)) {
 				arrayData.forEach((item) => {
 					if (!template.renderedKeys.has(item)){
@@ -231,11 +234,11 @@ const CoCreateRender = {
 		if (data.renderKey)
 			isRenderKey = true
 
-		if (data.document_id || data.data && data.data._id)
-			this.document_id =  data.document_id || data.data._id;
+		// if (data.document._id)
+		// 	this.document_id =  data.document._id;
 			
-		if (data.collection)
-			this.collection = data.collection;
+		// if (data.collection)
+		// 	this.collection = data.collection;
 			
 		const that = this;
 		Array.from(els).forEach(el => {