@cocreate/elements 1.17.21 → 1.17.23

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.17.23](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.17.22...v1.17.23) (2023-06-11)
+
+
+### Bug Fixes
+
+* Update dependencies versions for [@cocreate](https://github.com/cocreate) libraries ([03a2372](https://github.com/CoCreate-app/CoCreate-elements/commit/03a237290025935d3ca69f4ac87fd5daa7618e05))
+
+## [1.17.22](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.17.21...v1.17.22) (2023-06-11)
+
+
+### Bug Fixes
+
+* renamed db to storage ([f79fd3d](https://github.com/CoCreate-app/CoCreate-elements/commit/f79fd3d19551342fa81dd53c5f37c2a60d85c270))
+* renamed hosts to host. the value can be a string or an array of strings ([a6b114b](https://github.com/CoCreate-app/CoCreate-elements/commit/a6b114b273dbb69410f7b0cadf0f7a743b74891c))
+
 ## [1.17.21](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.17.20...v1.17.21) (2023-06-10)
 
 

package/CoCreate.config.js

@@ -10,7 +10,7 @@ module.exports = {
                 "name": "index.html",
                 "path": "/docs/elements/index.html",
                 "src": "{{./docs/index.html}}",
-                "hosts": [
+                "host": [
                     "*",
                     "general.cocreate.app"
                 ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.17.21",
+  "version": "1.17.23",
   "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",
@@ -47,7 +47,7 @@
   "devDependencies": {
     "@babel/core": "^7.9.6",
     "@babel/preset-env": "^7.9.6",
-    "@cocreate/cli": "^1.29.3",
+    "@cocreate/cli": "^1.33.0",
     "babel-loader": "^8.1.0",
     "clean-webpack-plugin": "^3.0.0",
     "file-loader": "^6.2.0",
@@ -59,11 +59,11 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.8.19",
-    "@cocreate/crud-client": "^1.21.11",
-    "@cocreate/element-prototype": "^1.8.17",
-    "@cocreate/filter": "^1.19.17",
-    "@cocreate/observer": "^1.8.6",
-    "@cocreate/utils": "^1.21.4"
+    "@cocreate/actions": "^1.8.21",
+    "@cocreate/crud-client": "^1.21.13",
+    "@cocreate/element-prototype": "^1.8.19",
+    "@cocreate/filter": "^1.19.19",
+    "@cocreate/observer": "^1.8.8",
+    "@cocreate/utils": "^1.21.5"
   }
 }

package/src/index.js

@@ -11,196 +11,196 @@ const initializing = new Map();
 const els = new Map();
 
 function init() {
-	let elements = document.querySelectorAll(selector);
-	__initSocket();
-	initElements(elements);
+    let elements = document.querySelectorAll(selector);
+    __initSocket();
+    initElements(elements);
 }
 
 function initElements(elements) {
-	let documents = new Map();
-	// let els = []
-	for (let element of elements){
-		let doc = initElement(element);
-		if (doc) {
-			let key = JSON.stringify(doc)
-			let item = documents.get(key);
-			if (item)
-				doc.elements = [...item.elements, element]
-			else
-				doc.elements = [element]
-
-			// let collection = doc.collection;
-			// let document_id = doc.document_id;
-			// let filter = doc.filter;
-			let initialize = initializing.get(element)
-			if (!initialize){
-				initializing.set(element, key);
-				documents.set(key, doc);
-				// els.set(key, doc);
-				// els.push(element)
-			} else {
-				// if (document_id && initialize.document_id != document_id || filter && JSON.stringify(initialize.filter) != JSON.stringify(filter)){
-				if (initialize != key){
-					initializing.set(element, key);
-					documents.set(key, doc);
-					// els.set(key, doc);
-					// els.push(element)
-				}
-			}
-		}
-	}
-	
-	read(documents);
+    let documents = new Map();
+    // let els = []
+    for (let element of elements) {
+        let doc = initElement(element);
+        if (doc) {
+            let key = JSON.stringify(doc)
+            let item = documents.get(key);
+            if (item)
+                doc.elements = [...item.elements, element]
+            else
+                doc.elements = [element]
+
+            // let collection = doc.collection;
+            // let document_id = doc.document_id;
+            // let filter = doc.filter;
+            let initialize = initializing.get(element)
+            if (!initialize) {
+                initializing.set(element, key);
+                documents.set(key, doc);
+                // els.set(key, doc);
+                // els.push(element)
+            } else {
+                // if (document_id && initialize.document_id != document_id || filter && JSON.stringify(initialize.filter) != JSON.stringify(filter)){
+                if (initialize != key) {
+                    initializing.set(element, key);
+                    documents.set(key, doc);
+                    // els.set(key, doc);
+                    // els.push(element)
+                }
+            }
+        }
+    }
+
+    read(documents);
 }
-	
+
 function initElement(el) {
-	__initEvents(el);
-
-	if (el.closest('.template')) return;
-
-	// if rendered in server side skip 
-	if (el.hasAttribute('rendered')) {
-		el.removeAttribute('rendered');
-		return;
-	}
-	
-	const { collection, document_id, name, isRead } = crud.getAttributes(el);
-	if (!collection || !name) return;
-
-	if (document_id)
-		if (!document_id.match(/^[0-9a-fA-F]{24}$/)) return; 
-	
-	let filter
-	if (el.hasAttribute('filter_id') || el.hasAttribute('filter-name' ) || el.hasAttribute('filter-sort-name')) {	
-		filter = ccfilter.init(el, "filter_id");
-	}
-
-	if (!crud.checkValue(collection) || !crud.checkValue(name)) return;
-	 
-	if (isRead == 'false') return;
-	if (!document_id && !filter) return;
-
-	return {collection, document_id, filter};
+    __initEvents(el);
+
+    if (el.closest('.template')) return;
+
+    // if rendered in server side skip 
+    if (el.hasAttribute('rendered')) {
+        el.removeAttribute('rendered');
+        return;
+    }
+
+    const { collection, document_id, name, isRead } = crud.getAttributes(el);
+    if (!collection || !name) return;
+
+    if (document_id)
+        if (!document_id.match(/^[0-9a-fA-F]{24}$/)) return;
+
+    let filter
+    if (el.hasAttribute('filter_id') || el.hasAttribute('filter-name') || el.hasAttribute('filter-sort-name')) {
+        filter = ccfilter.init(el, "filter_id");
+    }
+
+    if (!crud.checkValue(collection) || !crud.checkValue(name)) return;
+
+    if (isRead == 'false') return;
+    if (!document_id && !filter) return;
+
+    return { collection, document_id, filter };
 }
-	
+
 async function read(documents) {
-	if (documents && documents.size > 0) {
-		for (let [key, {collection, document_id, filter, elements}] of documents) {
-			documents.delete(key);
-
-			let data = {collection}
-			if (document_id)
-				data.document = {_id: document_id}
-			if (filter)
-				data.filter = filter
-			
-			let response = await crud.readDocument(data);
-			setData(elements, response);
-		}
-	}
+    if (documents && documents.size > 0) {
+        for (let [key, { collection, document_id, filter, elements }] of documents) {
+            documents.delete(key);
+
+            let data = { collection }
+            if (document_id)
+                data.document = { _id: document_id }
+            if (filter)
+                data.filter = filter
+
+            let response = await crud.readDocument(data);
+            setData(elements, response);
+        }
+    }
 }
-	
+
 function setData(elements, data) {
-	if (!data.document || !data.document[0]) return;
-	let key = getKey(data)
-	if (!elements) {
-		elements = els.get(key)
-	} else {
-		let eles = els.get(key)
-		if (eles && eles.length)
-			els.set(key, [...eles, ...elements])
-		else
-			els.set(key, elements)
-	}
-	if (!elements || elements.length == 0)
-		return
-	
-	for (let el of elements) {
-		const { collection, document_id, name, isRead, isUpdate, isCrdt } = crud.getAttributes(el);
-		
-		if (el.hasAttribute('actions') || el.tagName === 'DIV' && !el.classList.contains('domEditor')) continue;
-		if (!name || isRead == "false" || isUpdate == "false" || isCrdt == "true") continue;
-		
-		if (data.document[0]['collection'] == collection && data.document[0]['_id'] == document_id) {
-			let value = crud.getValueFromObject(data.document[0], name);
-			el.setValue(value);
-			initializing.delete(el)
-		}
-	}
+    if (!data.document || !data.document[0]) return;
+    let key = getKey(data)
+    if (!elements) {
+        elements = els.get(key)
+    } else {
+        let eles = els.get(key)
+        if (eles && eles.length)
+            els.set(key, [...eles, ...elements])
+        else
+            els.set(key, elements)
+    }
+    if (!elements || elements.length == 0)
+        return
+
+    for (let el of elements) {
+        const { collection, document_id, name, isRead, isUpdate, isCrdt } = crud.getAttributes(el);
+
+        if (el.hasAttribute('actions') || el.tagName === 'DIV' && !el.classList.contains('domEditor')) continue;
+        if (!name || isRead == "false" || isUpdate == "false" || isCrdt == "true") continue;
+
+        if (data.document[0]['collection'] == collection && data.document[0]['_id'] == document_id) {
+            let value = crud.getValueFromObject(data.document[0], name);
+            el.setValue(value);
+            initializing.delete(el)
+        }
+    }
 }
 
 function getKey(data) {
-	let key = {};
-	let attributes = ["db", "database", "collection", "index", "document"]
-
-	for (let attribute of attributes) {
-		let value = data[attribute]
-		if (value) {
-			if (attribute == 'document')
-			key[attribute] = value
-		} 
-	}
-	key.document = data.document[0]._id
-	return JSON.stringify(key)
+    let key = {};
+    let attributes = ["storage", "database", "collection", "index", "document"]
+
+    for (let attribute of attributes) {
+        let value = data[attribute]
+        if (value) {
+            if (attribute == 'document')
+                key[attribute] = value
+        }
+    }
+    key.document = data.document[0]._id
+    return JSON.stringify(key)
 }
 
 async function save(element) {
-	let value = element.getValue();
-	crud.save(element, value);
+    let value = element.getValue();
+    crud.save(element, value);
 }
 
 function __initSocket() {
-	crud.listen('updateDocument', function(data) {
-		setData(null, data);
-	});
+    crud.listen('updateDocument', function (data) {
+        setData(null, data);
+    });
 }
 
 const elementEvents = new Map();
 function __initEvents(el) {
-	if (!elementEvents.has(el)) {
-		if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT' || el.hasAttribute('contenteditable')) {
-			el.addEventListener('input', function(e) {
-				const {document_id, name, isRealtime, isCrdt} = crud.getAttributes(el);
-				if (isCrdt == "true" && document_id && document_id != 'pending' || isRealtime == "false" || name == "_id") return;
-				if (document_id && e.detail && e.detail.skip == true) return;
-				save(el);
-			});
-
-			elementEvents.set(el, true)
-		}
-	}
+    if (!elementEvents.has(el)) {
+        if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT' || el.hasAttribute('contenteditable')) {
+            el.addEventListener('input', function (e) {
+                const { document_id, name, isRealtime, isCrdt } = crud.getAttributes(el);
+                if (isCrdt == "true" && document_id && document_id != 'pending' || isRealtime == "false" || name == "_id") return;
+                if (document_id && e.detail && e.detail.skip == true) return;
+                save(el);
+            });
+
+            elementEvents.set(el, true)
+        }
+    }
 }
 
 observer.init({
-	name: 'CoCreateElementsChildList',
-	observe: ['childList'],
-	target: selector,
-	callback: function(mutation) {
-		initElements(mutation.addedNodes);
-	}
+    name: 'CoCreateElementsChildList',
+    observe: ['childList'],
+    target: selector,
+    callback: function (mutation) {
+        initElements(mutation.addedNodes);
+    }
 });
 
 observer.init({
-	name: 'CoCreateElementsAttributes',
-	observe: ['attributes'],
-	attributeName: crud.getAttributeNames(['collection', 'document_id', 'name']),
-	target: selector,
-	callback: function(mutation) {
-		let {collection, document_id, name} = crud.getAttributes(mutation.target);
-		if (collection && document_id && name)
-			initElements([mutation.target]);
-	}
+    name: 'CoCreateElementsAttributes',
+    observe: ['attributes'],
+    attributeName: crud.getAttributeNames(['collection', 'document_id', 'name']),
+    target: selector,
+    callback: function (mutation) {
+        let { collection, document_id, name } = crud.getAttributes(mutation.target);
+        if (collection && document_id && name)
+            initElements([mutation.target]);
+    }
 });
 
 action.init({
-	name: "saveHtml",
-	endEvent: "changed-element",
-	callback: (btn, data) => {
-		let form = btn.closet('form');
-		save(form);
-	},
+    name: "saveHtml",
+    endEvent: "changed-element",
+    callback: (btn, data) => {
+        let form = btn.closet('form');
+        save(form);
+    },
 });
 
 init();
 
-export default {initElements, initElement, save};
+export default { initElements, initElement, save };