@cocreate/element-prototype 1.26.0 → 1.28.0

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+# [1.28.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.27.0...v1.28.0) (2024-12-14)
+
+
+### Bug Fixes
+
+* comment test regex ([bde8534](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/bde8534e9306b43cc48fc93b0fee88dd06370d8c))
+* dat yype inputs set to empty string if value does not exist ([14069f9](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/14069f973b9b112674ad6d4d6ed2f0da8110e3ca))
+* dynamically generate regex ([afb8c89](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/afb8c89df4882f1b5a1c4994c208693c69c3e1f8))
+* handling type="checkbox" ([e567ff5](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/e567ff5fcffed1b77a58630248d0c886f3371edf))
+* if dispatchEvent dispatch if value empty or oldValue = newValue ([66cc576](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/66cc576ca6aa0754b16d3e7024f42af2f0076da7))
+* removed redundant prtotype, HTMLElement can handle all elements ([876d2c0](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/876d2c08850b0b4ef8f33fa6ab8da893f5786e82))
+
+
+### Features
+
+* attribute value-bubbles to define whether input event bubbles on element value is set on ([93a9d0e](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/93a9d0eff64f213d2f59a31d8db227cc13ed9548))
+* utility to handle operators accross all prototypes ([7eb7a5e](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/7eb7a5e69fcacfc1f385fb4262252d97a89194f8))
+
+# [1.27.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.26.0...v1.27.0) (2024-11-04)
+
+
+### Bug Fixes
+
+* pretier.config.js and file formating ([1428fd9](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/1428fd96719f9411d97af5f067a4f95e99a94eed))
+* removed exec returning null ([240543b](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/240543b19eafe8cd2714ee7f81f9edf0c20774bf))
+
+
+### Features
+
+* add prettier.config.js and format files ([0acda3c](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/0acda3c61bd6f832a3544d202a7e59a87ee464d3))
+* loop through regex improved value handling ([3ac5f8d](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/3ac5f8dfc978cfc25322b5ef927b8df995c0ab50))
+* value-dispatch attribute to dispatch event even if value is null or undefined ([7f2ca4b](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/7f2ca4b18ec668f77895b3d369b379d4420aa046))
+
 # [1.26.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.25.0...v1.26.0) (2024-09-21)
 
 

package/package.json

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

package/prettier.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+        tabWidth: 4,
+        semi: true,
+        trailingComma: "none",
+        bracketSameLine: true,
+        useTabs: true,
+        overrides: [
+            {
+                files: ["*.json", "*.yml", "*.yaml"],
+                options: {
+                    tabWidth: 2,
+                    useTabs: false
+                },
+            }
+        ],  
+    };

package/src/getAttribute.js

@@ -1,79 +1,55 @@
+import utility from "./utility";
+
 // Store a reference to the original getAttribute function
 const originalGetAttribute = Element.prototype.getAttribute;
-const attributes = new Map()
+const attributes = new Map();
 
-window.addEventListener('storage', updateAttributes);
-window.addEventListener('updateAttributes', function (e) {
-    updateAttributes(e.detail);
+window.addEventListener("storage", updateAttributes);
+window.addEventListener("updateAttributes", function (e) {
+	updateAttributes(e.detail);
 });
 
 function updateAttributes(e) {
-    const keys = ['organization_id', 'user_id', 'clientId', 'session_id'];
-    if (keys.includes(e.key)) {
-        let attr = attributes.get(e.key) || []
-        for (let attribute of attr) {
-            attribute.element.setAttribute(attribute.name, e.newValue)
-        }
-    }
+	const keys = ["organization_id", "user_id", "clientId", "session_id"];
+	if (keys.includes(e.key)) {
+		let attr = attributes.get(e.key) || [];
+		for (let attribute of attr) {
+			attribute.element.setAttribute(attribute.name, e.newValue);
+		}
+	}
 }
 
 // Override the getAttribute function
 Element.prototype.getAttribute = function (name) {
-    let value = originalGetAttribute.call(this, name);
-
-    const localKeys = {
-        '$organization_id': 'organization_id',
-        '$user_id': 'user_id',
-        '$clientId': 'clientId',
-        '$session_id': 'session_id'
-    };
-
-    if (localKeys.hasOwnProperty(value)) {
-        let newValue = localStorage.getItem(localKeys[value]);
-
-        if (!attributes.has(localKeys[value])) {
-            attributes.set(localKeys[value], []);
-        }
-
-        attributes.get(localKeys[value]).push({
-            element: this,
-            name,
-            value: newValue
-        });
-        value = newValue
-    } 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;
+	let value = originalGetAttribute.call(this, name);
+
+	const localKeys = {
+		$organization_id: "organization_id",
+		$user_id: "user_id",
+		$clientId: "clientId",
+		$session_id: "session_id"
+	};
+
+	if (localKeys.hasOwnProperty(value)) {
+		let newValue = localStorage.getItem(localKeys[value]);
+
+		if (!attributes.has(localKeys[value])) {
+			attributes.set(localKeys[value], []);
+		}
+
+		attributes.get(localKeys[value]).push({
+			element: this,
+			name,
+			value: newValue
+		});
+		value = newValue;
+	} else if (value === "$innerWidth") {
+		value = window.innerWidth;
+	} else if (value === "$innerHeight") {
+		value = window.innerHeight;
+	} else if (typeof value === "string" && value.includes("$")) {
+		value = utility.urlOperators(value);
+	}
+
+	return value;
 };
-