@cocreate/element-prototype 1.8.9 → 1.8.11

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [1.8.11](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.8.10...v1.8.11) (2023-05-19)
+
+
+### Bug Fixes
+
+* update packages to latest version. This commit updates various packages in the dependencies section of the package.json file to their latest published versions, thereby fixing multiple bugs and improving overall performance. ([c32fa5d](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/c32fa5d1f556fdd5ee272b138c651dccc320ff7c))
+
+## [1.8.10](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.8.9...v1.8.10) (2023-05-18)
+
+
+### Bug Fixes
+
+* apikey renamed to key ([5cdfd7a](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/5cdfd7a7f3da80bd63ac08446561f7aa15e1e59e))
+* apikey renamed to key ([4d7173c](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/4d7173ccff79604c74dbee736dee8d0c72696781))
+* refactor: Format `setValue.js` and refactor setValue function ([41814a6](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/41814a6b6ed477596e6eebaa1bf4c4ba968f2897))
+
 ## [1.8.9](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.8.8...v1.8.9) (2023-05-10)
 
 

package/CoCreate.config.js

@@ -1,7 +1,7 @@
 module.exports = {
     "config": {
         "organization_id": "5ff747727005da1c272740ab",
-        "apiKey": "2061acef-0451-4545-f754-60cf8160",
+        "key": "2061acef-0451-4545-f754-60cf8160",
         "host": "general.cocreate.app"
     },
     "sources": [

package/docs/index.html

@@ -93,7 +93,7 @@
         </div>
         <script>
             var CoCreateConfig = {
-                apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
+                key: '2061acef-0451-4545-f754-60cf8160',
                 organization_id: '5ff747727005da1c272740ab'
             }
         </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.8.9",
+  "version": "1.8.11",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",
@@ -59,8 +59,8 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.7.8",
-    "@cocreate/hosting": "^1.10.0",
-    "@cocreate/utils": "^1.20.6"
+    "@cocreate/docs": "^1.7.10",
+    "@cocreate/hosting": "^1.10.2",
+    "@cocreate/utils": "^1.20.8"
   }
 }

package/src/getValue.js

@@ -14,7 +14,7 @@ HTMLHeadingElement.prototype.getValue = function() {
 };
 
 
-// ToDO: replace esle if with switch case
+// TODO: replace esle if with switch case
 const getValue = (element) => {
 	let value = element.value;
 	let prefix = element.getAttribute('value-prefix') || "";

package/src/setValue.js

@@ -1,198 +1,198 @@
-import {getAttributes} from '@cocreate/utils';
+import { getAttributes } from '@cocreate/utils';
 
 
-HTMLElement.prototype.setValue = function(value) {
-	setValue(this, value)
+HTMLElement.prototype.setValue = function (value) {
+    setValue(this, value)
 };
 
-HTMLInputElement.prototype.setValue = function(value) {
-	setValue(this, value)
+HTMLInputElement.prototype.setValue = function (value) {
+    setValue(this, value)
 };
 
 
-HTMLHeadingElement.prototype.setValue = function(value) {
-	setValue(this, value)
+HTMLHeadingElement.prototype.setValue = function (value) {
+    setValue(this, value)
 };
 
 
 const setValue = (el, value) => {
-	if (value === null || value === undefined) return;
-	let valueType = el.getAttribute('value-type');
-	let prefix = el.getAttribute('value-prefix') || "";
-	let suffix = el.getAttribute('value-suffix') || "";
-	if (prefix)
-		value = text.replace(prefix, "");
-	if (suffix)
-		value = text.replace(suffix, "");
-
-	if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT') {
-		let {isCrdt} = getAttributes(el)
-		if (isCrdt == null || isCrdt == undefined)
-			isCrdt = el.getAttribute('crdt')
-		if (isCrdt == "true" || el.type === 'file') return;
-
-		if (el.type == 'checkbox') {
-			let inputs = [el]
-			let name = el.getAttribute('name');
-			if (name)
-				inputs = document.querySelectorAll(`input[type="${el.type}"][name="${name}"]`);
-				
-			for (let i = 0; i < inputs.length; i++) {
-				if (inputs[i].value) {
-					if (value.includes(inputs[i].value))
-						inputs[i].checked = true;
-					else
-						inputs[i].checked = false;
-				} else {
-					if (value === 'true' || value === true || value === 'checked')
-						inputs[i].checked = true;
-					else
-						inputs[i].checked = false;
-
-				}
-			}
-		}
-		else if (el.type === 'radio') {
-			el.value == value ? el.checked = true : el.checked = false;
-		}
-		else if (el.type === 'password') {
-			el.value = __decryptPassword(value);
-		}
-		else if (el.tagName == "SELECT" && el.hasAttribute('multiple') && Array.isArray(value)) {
-			let options = el.options;
-			for (let i = 0; i < options.length; i++) {
-				if (value.includes(options[i].value)) {
-					options[i].selected = "selected";
-				} else {
-					options[i].selected = "";
-				}
-			}
-		}
-		else
-			el.value = value;
-		dispatchEvents(el)
-	}
-	else if (el.tagName === 'IMG' || el.tagName === 'SOURCE')
-		el.src = value;
-	
-	else if (el.tagName === 'IFRAME')
-		el.srcdoc = value;
-	
-	else if (el.tagName === 'SCRIPT')
-		setScript(el, value);
-	
-	else {
-		if (el.hasAttribute('contenteditable') && el == document.activeElement) return;
-		// if (el.tagName === 'DIV') {
-		// 	if (!el.classList.contains('domEditor')
-		// 		return
-		// }
-
-		if (valueType == 'string' || valueType == 'text')
-			el.textContent = value;
-		else {
-			let newElement = document.createElement("div");
-			newElement.innerHTML = value;
-			setPass(newElement)
-
-			let CoCreateJS = newElement.querySelector('script[src*="CoCreate.js"], script[src*="CoCreate.min.js"]')
-			if (CoCreateJS)
-				CoCreateJS.remove()
-
-			let CoCreateCSS = newElement.querySelector('link[href*="CoCreate.css"], link[href*="CoCreate.min.css"]')
-			if (CoCreateCSS)
-				CoCreateCSS.remove()
-
-			let css = newElement.querySelector('link[collection], link[document]')
-			if (css)
-				css.remove()
-
-			if (el.getAttribute('domEditor') == "replace") {
-				let parentNode = el.parentNode;
-				if (parentNode) {
-					if (newElement.children[0]) {
-						parentNode.replaceChild(newElement.children[0], el);
-					}
-					else {
-						parentNode.replaceChild(newElement, el);
-					}
-				}
-			} else {
-				el.innerHTML = newElement.innerHTML;
-			}
-		}
-	
-		if (el.hasAttribute("value")) {
-			el.setAttribute("value", value);
-		}
-	}
-
-	if (el.getAttribute('contenteditable'))
-		dispatchEvents(el);
-		
-	if (el.tagName == 'HEAD' || el.tagName == 'BODY') {
-		el.removeAttribute('collection');
-		el.removeAttribute('document_id');
-		el.removeAttribute('pass_id');
-
-		let scripts = el.querySelectorAll('script');
-		for (let script of scripts) {
-			setScript(script)
-		}
-	}
+    if (value === null || value === undefined) return;
+    let valueType = el.getAttribute('value-type');
+    let prefix = el.getAttribute('value-prefix') || "";
+    let suffix = el.getAttribute('value-suffix') || "";
+    if (prefix)
+        value = value.replace(prefix, "");
+    if (suffix)
+        value = value.replace(suffix, "");
+
+    if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT') {
+        let { isCrdt } = getAttributes(el)
+        if (isCrdt == null || isCrdt == undefined)
+            isCrdt = el.getAttribute('crdt')
+        if (isCrdt == "true" || el.type === 'file') return;
+
+        if (el.type == 'checkbox') {
+            let inputs = [el]
+            let name = el.getAttribute('name');
+            if (name)
+                inputs = document.querySelectorAll(`input[type="${el.type}"][name="${name}"]`);
+
+            for (let i = 0; i < inputs.length; i++) {
+                if (inputs[i].value) {
+                    if (value.includes(inputs[i].value))
+                        inputs[i].checked = true;
+                    else
+                        inputs[i].checked = false;
+                } else {
+                    if (value === 'true' || value === true || value === 'checked')
+                        inputs[i].checked = true;
+                    else
+                        inputs[i].checked = false;
+
+                }
+            }
+        }
+        else if (el.type === 'radio') {
+            el.value == value ? el.checked = true : el.checked = false;
+        }
+        else if (el.type === 'password') {
+            el.value = __decryptPassword(value);
+        }
+        else if (el.tagName == "SELECT" && el.hasAttribute('multiple') && Array.isArray(value)) {
+            let options = el.options;
+            for (let i = 0; i < options.length; i++) {
+                if (value.includes(options[i].value)) {
+                    options[i].selected = "selected";
+                } else {
+                    options[i].selected = "";
+                }
+            }
+        }
+        else
+            el.value = value;
+        dispatchEvents(el)
+    }
+    else if (el.tagName === 'IMG' || el.tagName === 'SOURCE')
+        el.src = value;
+
+    else if (el.tagName === 'IFRAME')
+        el.srcdoc = value;
+
+    else if (el.tagName === 'SCRIPT')
+        setScript(el, value);
+
+    else {
+        if (el.hasAttribute('contenteditable') && el == document.activeElement) return;
+        // if (el.tagName === 'DIV') {
+        // 	if (!el.classList.contains('domEditor')
+        // 		return
+        // }
+
+        if (valueType == 'string' || valueType == 'text')
+            el.textContent = value;
+        else {
+            let newElement = document.createElement("div");
+            newElement.innerHTML = value;
+            setPass(newElement)
+
+            let CoCreateJS = newElement.querySelector('script[src*="CoCreate.js"], script[src*="CoCreate.min.js"]')
+            if (CoCreateJS)
+                CoCreateJS.remove()
+
+            let CoCreateCSS = newElement.querySelector('link[href*="CoCreate.css"], link[href*="CoCreate.min.css"]')
+            if (CoCreateCSS)
+                CoCreateCSS.remove()
+
+            let css = newElement.querySelector('link[collection], link[document]')
+            if (css)
+                css.remove()
+
+            if (el.getAttribute('domEditor') == "replace") {
+                let parentNode = el.parentNode;
+                if (parentNode) {
+                    if (newElement.children[0]) {
+                        parentNode.replaceChild(newElement.children[0], el);
+                    }
+                    else {
+                        parentNode.replaceChild(newElement, el);
+                    }
+                }
+            } else {
+                el.innerHTML = newElement.innerHTML;
+            }
+        }
+
+        if (el.hasAttribute("value")) {
+            el.setAttribute("value", value);
+        }
+    }
+
+    if (el.getAttribute('contenteditable'))
+        dispatchEvents(el);
+
+    if (el.tagName == 'HEAD' || el.tagName == 'BODY') {
+        el.removeAttribute('collection');
+        el.removeAttribute('document_id');
+        el.removeAttribute('pass_id');
+
+        let scripts = el.querySelectorAll('script');
+        for (let script of scripts) {
+            setScript(script)
+        }
+    }
 };
 
 function setPass(el) {
-	if (CoCreate.pass) {
-		let passElements = el.querySelectorAll('[pass_id]');
-		if (passElements)
-			CoCreate.pass.initElements(passElements)
-	}
+    if (CoCreate.pass) {
+        let passElements = el.querySelectorAll('[pass_id]');
+        if (passElements)
+            CoCreate.pass.initElements(passElements)
+    }
 }
 
 function setScript(script, value) {
-	let newScript = document.createElement('script');
-	newScript.attributes = script.attributes;
-	newScript.innerHTML = script.innerHTML;
-	if (value) {
-		if (script.hasAttribute("src"))
-			newScript.src = value;
-		else
-			newScript.innerHTML = value;
-	}
-	script.replaceWith(newScript);
+    let newScript = document.createElement('script');
+    newScript.attributes = script.attributes;
+    newScript.innerHTML = script.innerHTML;
+    if (value) {
+        if (script.hasAttribute("src"))
+            newScript.src = value;
+        else
+            newScript.innerHTML = value;
+    }
+    script.replaceWith(newScript);
 }
 
 function __decryptPassword(str) {
-	if (!str) return "";
-	let decode_str = atob(str);
-	return decode_str;
+    if (!str) return "";
+    let decode_str = atob(str);
+    return decode_str;
 }
 
 function dispatchEvents(el) {
-	let inputEvent = new CustomEvent('input', {
-		bubbles: true,
-		detail: {
-			skip: true
-		},
-	});
-	Object.defineProperty(inputEvent, 'target', {
-		writable: false,
-		value: el
-	});
-	el.dispatchEvent(inputEvent);
-	
-	let changeEvent = new CustomEvent('change', {
-		bubbles: true,
-		detail: {
-			skip: true
-		},
-	});
-	Object.defineProperty(changeEvent, 'target', {
-		writable: false,
-		value: el
-	});
-	el.dispatchEvent(changeEvent);
+    let inputEvent = new CustomEvent('input', {
+        bubbles: true,
+        detail: {
+            skip: true
+        },
+    });
+    Object.defineProperty(inputEvent, 'target', {
+        writable: false,
+        value: el
+    });
+    el.dispatchEvent(inputEvent);
+
+    let changeEvent = new CustomEvent('change', {
+        bubbles: true,
+        detail: {
+            skip: true
+        },
+    });
+    Object.defineProperty(changeEvent, 'target', {
+        writable: false,
+        value: el
+    });
+    el.dispatchEvent(changeEvent);
 }