@cocreate/api 1.6.12 → 1.7.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.7.1](https://github.com/CoCreate-app/CoCreate-api/compare/v1.7.0...v1.7.1) (2023-02-12)
+
+
+### Bug Fixes
+
+* setData missng data param ([ff9c158](https://github.com/CoCreate-app/CoCreate-api/commit/ff9c1586ea2cabe0f8bb1428b4046afa20bedfcd))
+
+# [1.7.0](https://github.com/CoCreate-app/CoCreate-api/compare/v1.6.12...v1.7.0) (2023-02-11)
+
+
+### Features
+
+* getData and setData functions, added @cocreate/utils functions getValueFromObject, dotNotationToObject ([88e8170](https://github.com/CoCreate-app/CoCreate-api/commit/88e81703f3138c80b3060e07ccf428a19c09f381))
+* spport realtime  api request. defaults to true ([21f9621](https://github.com/CoCreate-app/CoCreate-api/commit/21f9621b6a4e724f4b21539521df38214183b871))
+
 ## [1.6.12](https://github.com/CoCreate-app/CoCreate-api/compare/v1.6.11...v1.6.12) (2023-02-01)
 
 

package/demo/client.js

@@ -0,0 +1,20 @@
+import api from "@cocreate/api";
+
+const CoCreateExample = {
+    name: "example",
+    actions: {
+        'tokens.create':{},
+        create:{	
+            realtime: true,		
+            request: function (data) {
+            }, 
+            response: function (data) {
+
+            }, 
+        }
+    }
+};
+
+api.init(CoCreateExample);
+
+export default CoCreateExample;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/api",
-  "version": "1.6.12",
+  "version": "1.7.1",
   "description": "A simple api helper component in vanilla javascript used by JavaScript developers to create thirdparty api intergrations. CoCreate-api includes the client component and server side for api processing. Thirdparty apis can be accessible using HTML5 attributes and/or JavaScript API. ",
   "keywords": [
     "thirdparty-api-intergration",
@@ -67,6 +67,7 @@
     "@cocreate/element-prototype": "^1.4.10",
     "@cocreate/hosting": "^1.7.13",
     "@cocreate/render": "^1.21.6",
-    "@cocreate/socket-client": "^1.15.6"
+    "@cocreate/socket-client": "^1.15.6",
+    "@cocreate/utils": "^1.18.3"
   }
 }

package/src/client.js

@@ -1,28 +1,46 @@
 /*globals CustomEvent, config*/
+import { getValueFromObject, dotNotationToObject} from "@cocreate/utils";
 import socket from "@cocreate/socket-client";
 import CoCreateAction from '@cocreate/actions';
 import CoCreateRender from '@cocreate/render';
 import '@cocreate/element-prototype';
 
 const CoCreateApi = { 
-	components: { },
+	components: {},
  
-	init: function({name, component}) {
-		this.register(name || component.name, component);
+	init: function({name, actions, realtime}) {
+		this.register({name, actions});
 		if (!socket.sockets.size)
 			socket.create({prefix: 'api'});
+		document.addEventListener('input', (e)=> {
+			let action = e.target.getAttribute(name)
+			if (action) {
+				action = action.split('.', 1)
+				action = action[0]
+				if (actions[action].realtime !== false) {
+					if (realtime !== false && actions[action].realtime !== undefined) {
+						let functions = actions[action]
+						if (typeof functions.request === 'function') {
+							functions.request(name, action, e.target)
+						}
+					}
+				}
+			}
+
+		})
 	},
 	
-	register: function(name, component) {
+	register: function({name, actions}) {
 		const self = this;
 		if (typeof this.components[name] === 'undefined') {
-			this.components[name] = component;
+			this.components[name] = {name, actions};
 
 			socket.listen(name, (data) => {
 				self.__response(name, data);
 			});
 			
-			for (const [action, functions] of Object.entries(component['actions'])){
+			for (const action of Object.keys(actions)) {
+				let functions = actions[action]
 				if (typeof functions.request !== 'function') {
 					functions.request = self.__request;
 				} 
@@ -30,22 +48,22 @@ const CoCreateApi = {
 					name: action,
 					endEvent: action,
 					callback: (element) => {
-						functions.request(component.name, action, element);
+						functions.request(name, action, element);
 					},
 				});
 			}
 		}
 	},
 
-	__request: function(id, action, element) {
-		const form = element.closest("form") || document;
-		let data = CoCreateApi.getFormData(id, action,  form);
-		CoCreateApi.send(id, action, data);
+	__request: function(name, action, element) {
+		let form = element.closest('form');
+		let data = this.getData(name, action, form);
+		this.send(name, action, data[action]);
 	},
 
-	__response: function(id, data) {
+	__response: function(name, data) {
 		const {action, response} = data;
-		const component = this.components[id];
+		const component = this.components[name];
 		const functions = component.actions[action]
 		if (typeof functions.response === 'function') {
 			functions.response(response);
@@ -58,84 +76,10 @@ const CoCreateApi = {
 				data: response
 			}
 		}));
-	},	
-	
-	getFormData: function(id, action, form){
-		const mainAttr = id;
-		const self = this;
-		const elements = form.querySelectorAll(`[${mainAttr}^="${action}."]`);
-
-		let data = {};
-		elements.forEach(element => {
-			let name = element.getAttribute(mainAttr);
-			if (!name) return;
-			
-			let array_name = element.getAttribute(mainAttr + "_array");
-
-			let value;
-			if (element.getValue)
-				value = element.getValue();
-
-			if (action) {
-				let re = new RegExp(`^${action}.`, 'i');
-				if (re.test(name)) {
-					name = name.replace(re, "");
-				} else {
-					return;
-				}
-			}
-			
-			if (array_name) {
-				if (!data[name]) {
-					data[name] = [];
-				}
-				data[name].push(self.getFormData(id, array_name, element));
-			} else if (value != null) {
-				data[name] = value;
-			}
-		});
-		
-		let keys = Object.keys(data);
-		let objectData = {};
-		keys.forEach((k) => {
-			if (k.split('.').length > 1) {
-				let newData = self.__createObject(data[k], k);
-				delete data[k];
-				
-				objectData = self.__mergeObject(objectData, newData);
-			} else {
-				objectData[k] = data[k];
-			}
-		});
-		return objectData;
 	},
-	
-	__mergeObject: function(target, source) {
-		target = target || {};
-		for (let key of Object.keys(source)) {
-			if (source[key] instanceof Object) {
-				Object.assign(source[key], this.__mergeObject(target[key], source[key]));
-			}
-		}
-		
-		Object.assign(target || {}, source);
-		return target;
-	},
-	
-	__createObject: function (data, path) {
-		if (!path) return data;
-		
-		let keys = path.split('.');
-		let newObject = data;
 
-		for (var  i = keys.length - 1; i >= 0; i--) {
-			newObject = {[keys[i]]: newObject};				
-		}
-		return newObject;
-	},
-	
-	send: function(component, action, data) { 
-		socket.send(component, {action, data, broadcastBrowser: false});
+	send: function(name, action, data) { 
+		socket.send(name, {action, data, broadcastBrowser: false});
 	},
 	
 	render: function(action, data) {
@@ -145,6 +89,43 @@ const CoCreateApi = {
 		});
 	},
 	
+	getData: function(attribute, action, form) {
+		let data = {}
+		const selector = `[${attribute}^="${action}."]`
+		if (!form)
+			form = document;
+		let elements = form.querySelectorAll(selector);
+		if (!elements || elements.length == 0) return
+	
+		for (let el of elements) {
+			let name = el.getAttribute(attribute)
+			let value = el.getValue();
+			if (name)
+				data[name] = value
+		}
+		return dotNotationToObject(data);
+	},
+
+	setData: function(attribute, action, data, form) {
+		const selector = `[${attribute}^="${action}."]`
+		if (!form)
+			form = document;
+		let elements = form.querySelectorAll(selector);
+		if (!elements || elements.length == 0) return
+	
+		for (let el of elements) {
+			let name = el.getAttribute(attribute)
+			const { isRead, isUpdate, isCrdt } = crud.getAttributes(el);
+			if (!name || isRead == "false" || isUpdate == "false" || isCrdt == "true") continue;
+			
+			if (el.hasAttribute('actions')) continue;
+
+			let value = getValueFromObject({[action]: data}, name);
+			el.setValue(value);
+		}
+
+	}	
+	
 };
                 
 export default CoCreateApi;