@cocreate/elements 1.6.0 → 1.6.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.6.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.6.0...v1.6.1) (2022-01-02)
+
+
+### Bug Fixes
+
+* add input event listener to valueEl ([ea77493](https://github.com/CoCreate-app/CoCreate-elements/commit/ea77493fed7401b2ccd3d825b73198daf03f836c))
+* check if document_id is a valid id if not return ([220151f](https://github.com/CoCreate-app/CoCreate-elements/commit/220151f9ee0b2c9ff8e4afc06cc24ad5b891b161))
+
 # [1.6.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.5.0...v1.6.0) (2022-01-01)
 
 

package/demo/get-value.html

@@ -24,7 +24,9 @@
   <input get-value="#testing1" />
   <input get-value="#testing1" />
     
+        <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
     <!--<script src="../dist/CoCreate-form.js"></script>-->
-    <script src="../../../CoCreateJS/dist/CoCreate.js" ></script>
+    <!--<script src="../../../CoCreateJS/dist/CoCreate.js" ></script>-->
+    
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",

package/src/getValue.js

@@ -18,14 +18,11 @@ function initElements(elements) {
 function initElement(element) {
     let selector = element.getAttribute('get-value');
     if(!selector) return;
+	if(/{{\s*([\w\W]+)\s*}}/g.test(selector)) return;
 	
 	let valueEl = document.querySelector(selector);
 	if(!valueEl) return;
-	
-	// let value = getValue(valueEl);
-	// if (value)
-	// 	setValue(element, value);
-	
+
 	initEvents(valueEl, element);
 
 	element.dispatchEvent(new Event("input", {
@@ -35,10 +32,8 @@ function initElement(element) {
 }
 
 function initEvents(valueEl, element){
-	if (!valueEls.has(valueEl)) 
+	if (!valueEls.has(valueEl)) {
 		valueEls.set(valueEl, [element]);
-	else {
-		valueEls.get(valueEl).push(element);
 		if (['INPUT', 'TEXTAREA', 'SELECT'].includes(valueEl.tagName)  || valueEl.contentEditable)
 			valueEl.addEventListener('input', (e) => {
 				setValueByFind(e.target);
@@ -46,8 +41,10 @@ function initEvents(valueEl, element){
 		
 		valueEl.addEventListener('updated_by_fetch', (e) => {
 			setValueByFind(e.target);
-		});
+		});	
 	}
+	else 
+		valueEls.get(valueEl).push(element);
 }
 
 function setValueByFind(valueEl) {
@@ -147,5 +144,4 @@ observer.init({
 	}
 });
 
-// initGetValues();
 export { initGetValues, getValue };

package/src/index.js

@@ -40,6 +40,7 @@ function initElement(el) {
 
 	const { collection, document_id, name, isRead } = crud.getAttr(el);
 	if (!collection || !name) return;
+	if (!document_id.match(/^[0-9a-fA-F]{24}$/)) return; 
 	if (!crud.checkAttrValue(collection) || !crud.checkAttrValue(name)) return;
 	 
 	__initEvents(el);