@cocreate/element-prototype 1.20.1 → 1.22.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [1.22.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.21.0...v1.22.0) (2024-02-20)
+
+
+### Features
+
+* $innerWidth and $innerHeight operators ([c731aab](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/c731aab6aa26f8b3abe1b67624a5b98a6eae5aa9))
+
+# [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.20.1",
+  "version": "1.22.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,51 @@
+// 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 (value === '$innerWidth')
+        value = window.innerWidth
+    else if (value === '$innerHeight')
+        value = window.innerHeight
+    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

@@ -35,9 +35,10 @@ const setValue = (el, value, dispatch) => {
 
     // TODO: el.options vs rendenring options from src
     if (el.tagName == 'INPUT' || el.tagName == 'TEXTAREA' || el.tagName == 'SELECT' && el.options.length) {
-        let { isCrdt } = getAttributes(el)
-        if (isCrdt == null || isCrdt == undefined)
-            isCrdt = el.getAttribute('crdt')
+        // 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') {