@cocreate/element-prototype 1.16.0 → 1.18.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# [1.18.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.17.0...v1.18.0) (2024-01-17)
+
+
+### Bug Fixes
+
+* handle checkbox value true ([ec73ce0](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/ec73ce0ecfff3a21c2f3b333514ca166ca28a69a))
+* handling checkbox defualt values ([635f262](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/635f2626e7be3117dea6a4603bea45a7d80ba82a))
+
+
+### Features
+
+* if value matches operators $user_id, $organization_id, $clientId will return from localStorage ([e4bb41a](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/e4bb41a47350d97c64677f68f0d28b356e981122))
+
+# [1.17.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.16.0...v1.17.0) (2023-12-18)
+
+
+### Bug Fixes
+
+* password value or empty string ([acd9f55](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/acd9f55438837fccc66bc5156652a5be5ae8d9ec))
+
+
+### Features
+
+* skip param to dispatch event with sip false ([c5816b1](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/c5816b136d7133125c6c94abe05082a59a93c72c))
+
 # [1.16.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.15.0...v1.16.0) (2023-11-25)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",

package/src/getValue.js

@@ -46,10 +46,13 @@ const getValue = (element) => {
                 }
             });
         } else {
-            if (element.checked)
-                value = element.value || 'true'
-            else if (!element.value)
-                value = 'false'
+            if (element.checked) {
+                if (element.hasAttribute('value'))
+                    value = element.value || true
+                else
+                    value = true
+            } else
+                value = false
 
         }
     } else if (element.type === 'radio') {
@@ -60,7 +63,7 @@ const getValue = (element) => {
     } else if (element.type === 'range') {
         value = [Number(element.min), Number(element.value)];
     } else if (element.type === "password") {
-        value = btoa(value);
+        value = btoa(value || '');
     } else if (element.tagName == "SELECT" && element.hasAttribute('multiple')) {
         let options = element.selectedOptions;
         value = [];
@@ -106,6 +109,12 @@ const getValue = (element) => {
         }
     }
 
+    if (value === '$user_id')
+        value = localStorage.getItem('user_id')
+    else if (value === '$organization_id')
+        value = localStorage.getItem('organization_id')
+    else if (value === '$clientId')
+        value = localStorage.getItem('clientId')
     return value;
 };
 

package/src/setValue.js

@@ -1,20 +1,20 @@
 import { getAttributes } from '@cocreate/utils';
 import { storage } from './getValue';
 
-HTMLElement.prototype.setValue = function (value) {
-    setValue(this, value)
+HTMLElement.prototype.setValue = function (value, dispatch) {
+    setValue(this, value, dispatch)
 };
 
-HTMLInputElement.prototype.setValue = function (value) {
-    setValue(this, value)
+HTMLInputElement.prototype.setValue = function (value, dispatch) {
+    setValue(this, value, dispatch)
 };
 
-HTMLHeadingElement.prototype.setValue = function (value) {
-    setValue(this, value)
+HTMLHeadingElement.prototype.setValue = function (value, dispatch) {
+    setValue(this, value, dispatch)
 };
 
 // TODO: check if using a a switch case will provide better performance
-const setValue = (el, value) => {
+const setValue = (el, value, dispatch) => {
     if (value === null || value === undefined) return;
     if (el.hasAttribute('component') || el.hasAttribute('plugin'))
         return storage.set(el, value)
@@ -47,7 +47,7 @@ const setValue = (el, value) => {
 
             for (let i = 0; i < inputs.length; i++) {
                 if (inputs[i].value) {
-                    if (value.includes(inputs[i].value))
+                    if (value === true || value.includes(inputs[i].value))
                         inputs[i].checked = true;
                     else
                         inputs[i].checked = false;
@@ -78,7 +78,7 @@ const setValue = (el, value) => {
 
             el.value = value;
         }
-        dispatchEvents(el)
+        dispatchEvents(el, dispatch)
     } else if (el.tagName === 'IMG' || el.tagName === 'SOURCE') {
         el.src = value;
     } else if (el.tagName === 'IFRAME') {
@@ -119,6 +119,12 @@ const setValue = (el, value) => {
                 }
             } else
                 el.innerHTML = newElement.innerHTML;
+
+            let scripts = el.querySelectorAll('script');
+            for (let script of scripts) {
+                setScript(script)
+            }
+
         }
 
         if (el.hasAttribute("value")) {
@@ -127,7 +133,7 @@ const setValue = (el, value) => {
     }
 
     if (el.getAttribute('contenteditable'))
-        dispatchEvents(el);
+        dispatchEvents(el, dispatch);
 
     if (el.tagName == 'HEAD' || el.tagName == 'BODY') {
         el.removeAttribute('array');
@@ -150,8 +156,26 @@ function setState(el) {
 }
 
 function setScript(script, value) {
+    let srcAttribute = script.src
+    if (srcAttribute) {
+        let pageOrigin = window.location.origin;
+        let srcOrigin;
+
+        try {
+            srcOrigin = new URL(srcAttribute, document.baseURI).origin;
+        } catch (e) {
+            // Handle invalid URLs
+            console.error("Invalid URL in src attribute:", srcAttribute);
+            return;
+        }
+        if (pageOrigin !== srcOrigin)
+            return
+    }
+
     let newScript = document.createElement('script');
-    newScript.attributes = script.attributes;
+    for (let attr of script.attributes) {
+        newScript.setAttribute(attr.name, attr.value);
+    }
     newScript.innerHTML = script.innerHTML;
     if (value) {
         if (script.hasAttribute("src"))
@@ -168,11 +192,11 @@ function __decryptPassword(str) {
     return decode_str;
 }
 
-function dispatchEvents(el) {
+function dispatchEvents(el, skip = true) {
     let inputEvent = new CustomEvent('input', {
         bubbles: true,
         detail: {
-            skip: true
+            skip
         },
     });
 
@@ -185,7 +209,7 @@ function dispatchEvents(el) {
     let changeEvent = new CustomEvent('change', {
         bubbles: true,
         detail: {
-            skip: true
+            skip
         },
     });