@cocreate/elements 1.17.20 → 1.17.22

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [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)
+
+
+### Bug Fixes
+
+* Update dependencies versions for [@cocreate](https://github.com/cocreate) libraries ([af714a9](https://github.com/CoCreate-app/CoCreate-elements/commit/af714a9397fb4e6f306b2548aeb6083b35dab07d))
+
 ## [1.17.20](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.17.19...v1.17.20) (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.20",
+  "version": "1.17.22",
   "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",
@@ -27,7 +27,6 @@
     "start": "npx webpack --config webpack.config.js",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
     "dev": "npx webpack --config webpack.config.js --watch",
-    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
     "postinstall": "node ./node_modules/@cocreate/cli/check-coc.js"
   },
   "repository": {
@@ -60,12 +59,11 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.8.18",
-    "@cocreate/crud-client": "^1.21.10",
-    "@cocreate/docs": "^1.8.13",
-    "@cocreate/element-prototype": "^1.8.16",
-    "@cocreate/filter": "^1.19.16",
-    "@cocreate/observer": "^1.8.5",
-    "@cocreate/utils": "^1.21.3"
+    "@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"
   }
 }

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 };