@cocreate/unique 1.20.1 → 1.20.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.20.2](https://github.com/CoCreate-app/CoCreate-unique/compare/v1.20.1...v1.20.2) (2025-04-11)
+
+
+### Bug Fixes
+
+* update observer observe param to type and and attributeName to attributeFilter ([81b8d45](https://github.com/CoCreate-app/CoCreate-unique/commit/81b8d45850eb719076fa25334ad3954ec1326fff))
+
 ## [1.20.1](https://github.com/CoCreate-app/CoCreate-unique/compare/v1.20.0...v1.20.1) (2024-12-09)
 
 

package/package.json

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

package/src/client.js

@@ -1,6 +1,5 @@
-import observer from '@cocreate/observer';
-import crud from '@cocreate/crud-client';
-
+import observer from "@cocreate/observer";
+import crud from "@cocreate/crud-client";
 
 /**
  * Initializes elements to ensure their values are unique. This function targets elements with the 'unique' attribute and uses CRUD operations to check if the element's value already exists.
@@ -11,81 +10,75 @@ import crud from '@cocreate/crud-client';
  *     - If null or omitted, all elements in the document with the 'unique' attribute are queried and processed for uniqueness checks.
  */
 function init(elements) {
-    if (!elements)
-        elements = document.querySelectorAll('[unique]')
-    else if (!Array.isArray(elements))
-        elements = [elements]
-    for (let element of elements)
-        setInputEvent(element)
+	if (!elements) elements = document.querySelectorAll("[unique]");
+	else if (!Array.isArray(elements)) elements = [elements];
+	for (let element of elements) setInputEvent(element);
 }
 
 /**
-* Sets the input event to prevent duplicate. This is necessary because IE doesn't support unique = " true " in HTML5.
-* 
-* @param input - The input element to listen for changes on. Note that it's an object
-*/
+ * Sets the input event to prevent duplicate. This is necessary because IE doesn't support unique = " true " in HTML5.
+ *
+ * @param input - The input element to listen for changes on. Note that it's an object
+ */
 function setInputEvent(input) {
-    let delayTimer
-    input.addEventListener('input', function () {
-        input.setAttribute('unique', true);
+	let delayTimer;
+	input.addEventListener("input", function () {
+		input.setAttribute("unique", true);
 
-        clearTimeout(delayTimer);
-        delayTimer = setTimeout(function () {
-            isUnique(input)
-        }, 1000);
-    });
+		clearTimeout(delayTimer);
+		delayTimer = setTimeout(function () {
+			isUnique(input);
+		}, 1000);
+	});
 }
 
 /**
-* Checks if a value is unique. This is a helper function for CRUD operations that need to be performed on objects in order to make sure they are unique.
-* 
-* @param element - The element that is being checked for uniqueness. It should have the attribute ` name `
-*/
+ * Checks if a value is unique. This is a helper function for CRUD operations that need to be performed on objects in order to make sure they are unique.
+ *
+ * @param element - The element that is being checked for uniqueness. It should have the attribute ` name `
+ */
 async function isUnique(element) {
-    let key = element.getAttribute('key');
-    let value = await element.getValue();
-    let data = {
-        method: 'object.read',
-        storage: 'indexeddb',
-        array: element.getAttribute('array'),
-        $filter: {
-            query: {
-                [key]: value
-            },
-            limit: 1
-        }
-    };
-
-    data = await crud.send(data)
+	let key = element.getAttribute("key");
+	let value = await element.getValue();
+	let data = {
+		method: "object.read",
+		storage: "indexeddb",
+		array: element.getAttribute("array"),
+		$filter: {
+			query: {
+				[key]: value
+			},
+			limit: 1
+		}
+	};
 
-    let response = {}
-    // If a object is returned, unique is set to false  
-    if (data.object && data.object.length) {
-        response.unique = false;
-    } else
-        response.unique = true
+	data = await crud.send(data);
 
-    // If indexedb response is unique is true, check server response  
-    if (response.unique) {
-        delete data.storage
-        data.method = 'isUnique'
-        response = await crud.socket.send(data)
-    }
+	let response = {};
+	// If a object is returned, unique is set to false
+	if (data.object && data.object.length) {
+		response.unique = false;
+	} else response.unique = true;
 
-    // Set unique attribute on the element
-    element.setAttribute('unique', response.unique);
-    return response.unique
+	// If indexedb response is unique is true, check server response
+	if (response.unique) {
+		delete data.storage;
+		data.method = "isUnique";
+		response = await crud.socket.send(data);
+	}
 
+	// Set unique attribute on the element
+	element.setAttribute("unique", response.unique);
+	return response.unique;
 }
 
 observer.init({
-    name: 'CoCreateUnique',
-    observe: ['addedNodes'],
-    selector: '[unique]',
-    callback: mutation =>
-        init(mutation.target)
+	name: "CoCreateUnique",
+	types: ["addedNodes"],
+	selector: "[unique]",
+	callback: (mutation) => init(mutation.target)
 });
 
 init();
 
-export default { init, isUnique }
+export default { init, isUnique };