@cocreate/elements 1.22.0 → 1.23.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [1.23.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.22.0...v1.23.0) (2023-10-09)
+
+
+### Bug Fixes
+
+* removed listener sync ([4b5fa05](https://github.com/CoCreate-app/CoCreate-elements/commit/4b5fa051dfa0f116b2d58f1a990b26e92c7b6d84))
+
+
+### Features
+
+* check element for $<operator> attribute and add to key. ([f7bc8b0](https://github.com/CoCreate-app/CoCreate-elements/commit/f7bc8b0acf140043904a28ba4a6958c4274cdb31))
+
 # [1.22.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.21.1...v1.22.0) (2023-09-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",
@@ -59,11 +59,11 @@
   },
   "dependencies": {
     "@cocreate/actions": "^1.11.2",
-    "@cocreate/crud-client": "^1.26.0",
+    "@cocreate/crud-client": "^1.27.0",
     "@cocreate/element-prototype": "^1.11.2",
-    "@cocreate/filter": "^1.22.2",
+    "@cocreate/filter": "^1.23.0",
     "@cocreate/observer": "^1.11.2",
-    "@cocreate/render": "^1.27.3",
+    "@cocreate/render": "^1.28.0",
     "@cocreate/utils": "^1.24.2"
   }
 }

package/src/index.js

@@ -280,6 +280,7 @@ function setData(element, data) {
                 if (isRead == "false" || isCrdt == "true") continue;
                 if (isListen == "false" && !data.method.startsWith('read')) continue;
             }
+            // TODO: update.object data returned from server will not include $operator
             el.setValue(value);
         }
     }
@@ -505,25 +506,18 @@ function getData(form) {
                     Data[Data.type] = value
 
             } else if (Data[Data.type] && Data.key) {
-                let isUpdate = element.getAttribute('update')
-                let isDelete = element.getAttribute('delete')
-                let splice = element.getAttribute('splice') // could work on string and array
-                let slice = element.getAttribute('slice') // could work on string and array
-
-                if (/\.([0-9]*)/g.test(Data.key)) {
-
-                    if (splice || splice === "") {
-                        Data[Data.type][Data.key] = { $splice: value }
-                    } else if (slice) {
-                        Data[Data.type][Data.key] = '$delete'
-                    } else if (isUpdate) {
-                        value = Data.key.replace(/\[.*?\]/, '[' + value + ']')
-                        Data.updateKey[Data.key] = value
-                        Data[Data.type][Data.key] = { $update: value } // $update is string use the value as the key name
-                        // Data[Data.type][Data.key] = { $update: {[value]: value} } // $update is an object use the key as the value to use for the new key
+                let attributes = element.attributes
+                if (!Data.key.startsWith('$')) {
+                    for (let i = 0; i < attributes.length; i++) {
+                        let operators = ['$rename', '$inc', '$push', '$each', '$splice', '$unset', '$delete', '$slice', '$pop', '$shift', '$addToSet', '$pull']
+                        if (!operators.includes(attributes[i].name)) {
+                            Data.key = attributes[i].name + '.' + Data.key
+                            break;
+                        }
                     }
+                }
 
-                } else if (Data.type = 'object')
+                if (Data.type = 'object')
                     Data.object[Data.key] = value
                 else {
                     Data[Data.type] = { [Data[Data.type]]: value }
@@ -767,11 +761,6 @@ function initSocket() {
             });
         }
     }
-
-    CRUD.listen('sync', function (data) {
-        setData(null, data);
-    });
-
 }
 
 Observer.init({