@cocreate/elements 1.24.1 → 1.24.3

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.24.3](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.24.2...v1.24.3) (2023-10-20)
+
+
+### Bug Fixes
+
+* condition on read ([fe53a8e](https://github.com/CoCreate-app/CoCreate-elements/commit/fe53a8ea9808502af64a8298a14dd38bbfd07940))
+
+## [1.24.2](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.24.1...v1.24.2) (2023-10-19)
+
+
+### Bug Fixes
+
+* create.object condition undefined ([50e8a14](https://github.com/CoCreate-app/CoCreate-elements/commit/50e8a140da1b7de9a7ae93a12c7b35a884931283))
+* declartion of render functions using object spread ([d4ecf62](https://github.com/CoCreate-app/CoCreate-elements/commit/d4ecf623f83869b54dc2938ccbebd26358597bdb))
+
 ## [1.24.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.24.0...v1.24.1) (2023-10-17)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.24.1",
+  "version": "1.24.3",
   "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",

package/src/form.js

@@ -17,8 +17,6 @@ function init(elements) {
         runObjectId(element);
         setAttribute(element);
         disableAutoFill(element);
-        // element.setData = () => { }
-        // element.getData = () => getFormData(element)
     }
 }
 

package/src/index.js

@@ -28,7 +28,7 @@ import Actions from '@cocreate/actions';
 import CRUD from '@cocreate/crud-client';
 import { dotNotationToObject, queryElements, queryData, sortData, getAttributes, getAttributeNames, checkValue } from '@cocreate/utils';
 import filter from '@cocreate/filter';
-import render from '@cocreate/render';
+import { render, renderedNodes } from '@cocreate/render';
 import '@cocreate/element-prototype';
 import './fetchSrc';
 import { reset } from './form'
@@ -233,11 +233,10 @@ async function read(element, data, dataKey) {
         if (!data.$filter && data.type === 'object') {
             if (typeof data.object === 'string')
                 data.object = { _id: data.object }
-
-            if (Array.isArray(data.object))
-                data.object = { _id: data.object[0]._id }
-
-            if (!data.object._id.match(/^[0-9a-fA-F]{24}$/))
+            else if (Array.isArray(data.object)) {
+                if (data.object.length)
+                    data.object = { _id: data.object[0]._id }
+            } else if (!data.object._id.match(/^[0-9a-fA-F]{24}$/))
                 return
         }
 
@@ -284,7 +283,7 @@ async function setData(element, data) {
             if (key) {
                 if (!data[type].length) continue;
                 if (isRead == "false" || isCrdt == "true") continue;
-                if (isListen == "false" && !data.method.startsWith('read')) continue;
+                if (isListen == "false" && !data.method.startsWith('read.')) continue;
             }
             // TODO: update.object data returned from server will not include $operator
             el.setValue(value);
@@ -311,7 +310,7 @@ async function filterData(element, data, type, key) {
         }
     }
 
-    if (element.getFilter && data.method && !data.method.startsWith('read'))
+    if (element.getFilter && data.method && !data.method.startsWith('read.'))
         await checkFilters(element, data, type)
     else if (element.renderValue)
         element.renderValue(data);
@@ -554,8 +553,11 @@ async function getData(form) {
                     else if (typeof Data[Data.type] === 'object')
                         if (Data.key == '{}')
                             Data[Data.type] = { ...Data[Data.type], ...value }
-                        else
+                        else {
                             Data[Data.type][Data.key] = value
+                            if (!Data[Data.type]._id)
+                                Data.method = 'create.' + Data.type
+                        }
                 } else {
                     Data[Data.type] = { [Data[Data.type]]: value }
                 }
@@ -664,7 +666,7 @@ async function save(element) {
     }
 
 
-
+    let Data = []
     for (let i = 0; i < data.length; i++) {
         if (data[i].type === 'object' && !data[i].method) {
             if (typeof data[i].object === 'string') {
@@ -694,9 +696,9 @@ async function save(element) {
             }
         }
 
-        if (data[i].method && data[i].method.startsWith('create')) {
+        if (data[i].method && data[i].method.startsWith('create.')) {
             element.setAttribute(data[i].type, 'pending');
-        } else if (data[i].method && data[i].method.startsWith('update') && data[i].type == 'object' && typeof value == 'string' && window.CoCreate.crdt && !'crdt') {
+        } else if (data[i].method && data[i].method.startsWith('update.') && data[i].type == 'object' && typeof value == 'string' && window.CoCreate.crdt && !'crdt') {
             return window.CoCreate.crdt.replaceText({
                 array: data[i].array,
                 key: data[i].key,
@@ -705,9 +707,12 @@ async function save(element) {
             });
         }
 
+
         data[i] = await CRUD.send(data[i]);
 
-        if (data[i] && (data[i].method.startsWith('create') || data[i].type !== 'object' && data[i].method.startsWith('update'))) {
+        Data.push(data[i])
+
+        if (data[i] && (data[i].method.startsWith('create.') || data[i].type !== 'object' && data[i].method.startsWith('update.'))) {
             setTypeValue(element, data[i])
         } else if (data[i])
             document.dispatchEvent(new CustomEvent('saved', {
@@ -716,6 +721,7 @@ async function save(element) {
 
     }
 
+    return Data
 }
 
 function setTypeValue(element, data) {
@@ -815,7 +821,10 @@ async function remove(element) {
         element = [element]
     for (let i = 0; i < element.length; i++) {
         if (element[i].tagName === 'FORM') {
-            let form = forms.get(element[i]).elements
+            let form = forms.get(element[i])
+            if (!form) return
+
+            form = form.elements
             for (let el of form.keys()) {
                 let key = elements.get(el)
                 if (key) {
@@ -871,7 +880,7 @@ Observer.init({
         clearTimeout(delayTimer);
         debounce.delete(mutation.target)
 
-        let renderedNode = render.renderedNodes.get(mutation.target)
+        let renderedNode = renderedNodes.get(mutation.target)
         if (!renderedNode) return
 
         if (!mutation.movedFrom) return
@@ -976,10 +985,9 @@ function dndNewData(element, data) {
         }
     }
 
-
     let keyPath, clonesMap, clones, index
 
-    let renderedNode = CoCreate.render.renderedNodes.get(element)
+    let renderedNode = renderedNodes.get(element)
     if (renderedNode) {
         keyPath = renderedNode.keyPath
         clonesMap = renderedNode.template.clones