@cocreate/element-prototype 1.15.0 → 1.17.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [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)
+
+
+### Bug Fixes
+
+* update licensing details ([4aeb6f8](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/4aeb6f88f74467e09e68f10187eef534d2b95395))
+
+
+### Features
+
+* upgrade dependencies for latest features and fixes ([0a04fc1](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/0a04fc1a9d64bd47aa92848f93f851d10ab213a1))
+
 # [1.15.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.14.1...v1.15.0) (2023-11-25)
 
 

package/README.md

@@ -9,7 +9,6 @@ A simple element-prototype component in vanilla javascript. Easily configured us
 ![GitHub](https://img.shields.io/github/license/CoCreate-app/CoCreate-element-prototype?style=flat-square)
 ![GitHub](https://img.shields.io/static/v1?style=flat-square&label=&message=Hiring&color=blueviolet)
 
-
 ![CoCreate-element-prototype](https://cdn.cocreate.app/docs/CoCreate-element-prototype.gif)
 
 ## [Docs & Demo](https://cocreate.app/docs/element-prototype)
@@ -40,12 +39,12 @@ $ yarn install @cocreate/element-prototype
 
 # Table of Contents
 
-- [Table of Contents](#table-of-contents)
-- [Announcements](#announcements)
-- [Roadmap](#roadmap)
-- [How to Contribute](#how-to-contribute)
-- [About](#about)
-- [License](#license)
+-   [Table of Contents](#table-of-contents)
+-   [Announcements](#announcements)
+-   [Roadmap](#roadmap)
+-   [How to Contribute](#how-to-contribute)
+-   [About](#about)
+-   [License](#license)
 
 <a name="announcements"></a>
 
@@ -79,6 +78,14 @@ We want this library to be community-driven, and CoCreate led. We need your help
 
 We appreciate your continued support, thank you!
 
+<a name="license"></a>
+
 # License
 
-[The MIT License (MIT)](https://github.com/CoCreate-app/CoCreate-element-prototype/blob/master/LICENSE)
+This software is dual-licensed under the GNU Affero General Public License version 3 (AGPLv3) and a commercial license.
+
+-   **Open Source Use**: For open-source projects and non-commercial use, this software is available under the AGPLv3. The AGPLv3 allows you to freely use, modify, and distribute this software, provided that all modifications and derivative works are also licensed under the AGPLv3. For the full license text, see the [LICENSE file](https://github.com/CoCreate-app/CoCreate-element-prototype/blob/master/LICENSE).
+
+-   **Commercial Use**: For-profit companies and individuals intending to use this software for commercial purposes must obtain a commercial license. The commercial license is available when you sign up for an API key on our [website](https://cocreate.app). This license permits proprietary use and modification of the software without the copyleft requirements of the AGPLv3. It is ideal for integrating this software into proprietary commercial products and applications.
+
+If you have not purchased a commercial license and intend to use this software for commercial purposes, you are required to sign up for an API key on our website.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.15.0",
+  "version": "1.17.0",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",
@@ -58,6 +58,6 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/utils": "^1.28.0"
+    "@cocreate/utils": "^1.29.0"
   }
 }

package/src/getValue.js

@@ -60,7 +60,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 = [];

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)
@@ -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
         },
     });