@cocreate/element-prototype 1.20.0 → 1.21.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [1.21.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.20.1...v1.21.0) (2024-02-13)
+
+
+### Bug Fixes
+
+* getAttribute crdt ([bea2bfb](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/bea2bfb611e23fbb90249f982502e5208fab57d3))
+
+
+### Features
+
+* getAttribute prototype to handle operator values ([fa3c83f](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/fa3c83f67ad96961e3e77dabd8d717b1dd57854a))
+
+## [1.20.1](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.20.0...v1.20.1) (2024-02-05)
+
+
+### Bug Fixes
+
+* insert select options from src file ([7b644e1](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/7b644e10368ca21f4e478c2b333759430b466ef2))
+* Removed https://cdn.cocreate.app/latest/CoCreate.min.css ([144d3e0](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/144d3e0c0996f52022f89d404d785d08a1762cfc))
+
 # [1.20.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.19.0...v1.20.0) (2024-02-03)
 
 

package/docs/index.html

@@ -19,10 +19,6 @@
         <meta name="robots" content="index,follow" />
 
         <!-- CoCreate CSS CDN -->
-        <link
-            rel="stylesheet"
-            href="https://cdn.cocreate.app/latest/CoCreate.min.css"
-            type="text/css" />
 
         <link rel="manifest" href="/manifest.webmanifest" />
     </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.20.0",
+  "version": "1.21.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/getAttribute.js

@@ -0,0 +1,47 @@
+// Store a reference to the original getAttribute function
+const originalGetAttribute = Element.prototype.getAttribute;
+
+// Override the getAttribute function
+Element.prototype.getAttribute = function (name) {
+    let value = originalGetAttribute.call(this, name);
+
+    if (value === '$organization_id')
+        value = localStorage.getItem('organization_id')
+    else if (value === '$user_id')
+        value = localStorage.getItem('user_id')
+    else if (value === '$clientId')
+        value = localStorage.getItem('clientId')
+    else if (value === '$session_id')
+        value = localStorage.getItem('session_id')
+    else if (typeof value === 'string') {
+        if (value.startsWith('$search')) {
+            const searchParams = new URLSearchParams(window.location.search);
+            if (value.includes('.')) {
+                value = searchParams.get(value.split('.')[1]);
+            } else {
+                const paramsObject = {};
+
+                // Iterate over all key-value pairs and add them to the object
+                for (const [key, value] of searchParams) {
+                    paramsObject[key] = value;
+                }
+                value = paramsObject
+            }
+
+        } else if ([
+            '$href',
+            '$origin',
+            '$protocol',
+            '$host',
+            '$hostname',
+            '$port',
+            '$pathname',
+            '$hash'
+        ].includes(value)) {
+            value = window.location[value.substring(1)]
+        }
+    }
+
+    return value;
+};
+

package/src/index.js

@@ -22,6 +22,6 @@
 
 import { setValue } from './setValue';
 import { getValue } from './getValue';
+import { getAttribute } from './getAttribute';
 
-
-export default { getValue, setValue }
+export default { getValue, setValue, getAttribute }

package/src/setValue.js

@@ -33,10 +33,12 @@ const setValue = (el, value, dispatch) => {
     if (suffix)
         value = value.toString().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')
+    // TODO: el.options vs rendenring options from src
+    if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT' && el.options.length) {
+        // TODO: attribute config undefined when used with onload-value
+        let isCrdt = el.getAttribute('crdt')  // getAttributes(el)
+        // if (isCrdt == null || isCrdt == undefined)
+        //     isCrdt = el.getAttribute('crdt')
         if (isCrdt == "true" || el.type === 'file') return;
 
         if (el.type == 'checkbox') {