@cocreate/api 1.10.13 → 1.10.14

package/src/client.js

@@ -1,190 +1,190 @@
-/*globals CustomEvent, config*/
-import {getAttributes, getValueFromObject, dotNotationToObject} from "@cocreate/utils";
-import observer from "@cocreate/observer";
-import socket from "@cocreate/socket-client";
-import action from '@cocreate/actions';
-import render from '@cocreate/render';
-import '@cocreate/element-prototype';
-
-const CoCreateApi = { 
-	components: {},
-	
-	init: function({name, endPoints, options}) {
-		this.register({name, endPoints, options});
-		if (options.socket !== false && !socket.sockets.size)
-			socket.create({prefix: 'api'});
-	},
-	
-	register: function({name, endPoints, options}) {
-		const self = this;
-		if (typeof this.components[name] === 'undefined') {
-			this.components[name] = {name, endPoints, options};
-
-			socket.listen(name, (data) => {
-				self.__response(name, data);
-			});
-			
-			for (const endPoint of Object.keys(endPoints)) {
-				let functions = endPoints[endPoint]
-				if (typeof functions.request !== 'function') {
-					functions.request = self.__request;
-				} 
-				action.init({
-					name: endPoint,
-					endEvent: endPoint,
-					callback: (element) => {
-						let params
-						let form = element.closest('form') || document
-						const selector = `[${name}^="${endPoint}."]`
-						let el = form.querySelector(selector)
-						if (!el) return
-							params = self.parseParams({name, element: el})
-						if (params) {
-							functions.request({name, ...params, element, form, type: 'action'})
-						}
-					},
-				});
-			}
-
-			const inputEvent = (element) => {
-				const self = this
-				element.addEventListener('input', (e) => {
-					if (element.hasAttribute(name)) {
-						let params = self.parseParams({name, element})
-						if (params) {
-							if (!e.detail || e.detail && e.detail.skip != true) {
-								endPoints[params.endPoint].request({name, ...params, element, type: 'input'})
-							}
-						}
-					}
-				});	
-			}		
-
-			let elements = document.querySelectorAll(`[${name}]`)
-			for (let element of elements) {
-				let params = this.parseParams({name, element})
-				if (params) {
-					endPoints[params.endPoint].request({name, ...params, element, type:'onload'})
-					inputEvent(element)
-				}
-			}
-
-			observer.init({ 
-				name:  `${name}NodeObserver`,
-				observe: ['addedNodes'],
-				target: `[${name}]`,
-				callback: function(mutation) {
-					let params = self.parseParams({name, element: mutation.target})
-					if (params) {
-						endPoints[params.endPoint].request({name, ...params, element: mutation.target, type: 'nodeObserver'});
-						inputEvent(mutation.target)
-					}
-				}
-			});
-	
-			observer.init({
-				name:  `${name}AttributeObserver`,
-				observe: ['attributes'],
-				attributeName: [name],
-				callback: function(mutation) {
-					let params = self.parseParams({name, element: mutation.target})
-					if (params) {
-						endPoints[params.endPoint].request({name, ...params, element: mutation.target, type: 'attributeObserver'});
-					}
-				}
-			});									
-		}
-	},
-
-	__request: function({name, endPoint, element}) {
-		let form = element.closest('form');
-		let data = this.getData({name, endPoint, form});
-		this.send(name, endPoint, data[endPoint]);
-	},
-
-	__response: function(name, data) {
-		const {endPoint, response} = data;
-		const component = this.components[name];
-		const functions = component.endPoints[endPoint]
-		if (functions.listen !== false) {
-			if (typeof functions.response === 'function') {
-				functions.response(response);
-			} else
-				this.setData({name, endPoint, data})
-			
-			document.dispatchEvent(new CustomEvent(endPoint, {
-				detail: {
-					data: response
-				}
-			}));
-		}
-	},
-
-	send: function(name, endPoint, data) { 
-		socket.send(name, {endPoint, data, broadcastBrowser: false});
-	},
-	
-	parseParams: function({name, endPoint, element}) {
-		let attribute = element.getAttribute(name)
-		if (!attribute)
-			return false
-
-		let dotNotation = attribute
-		let params = attribute.split('.')
-		endPoint = params[0]
-		let key = params[1]
-		return {endPoint, key, dotNotation, params}
-	
-	},
-
-	
-	getData: function({name, endPoint, element, form}) {
-		const data = {}
-		const selector = `[${name}^="${endPoint}."]`
-		let elements
-		if (form)
-			elements = form.querySelectorAll(selector);
-		if (!elements || elements.length == 0)
-			elements = [element]
-		for (let el of elements) {
-			if (!el || el.closest('[template]')) continue
-			let attribute = el.getAttribute(name)
-			if (attribute)
-				data[attribute] = el.getValue()
-		}	
-
-		return dotNotationToObject(data);
-	},
-
-	setData: function({name, endPoint, data, form}) {
-		const selector = `[${name}^="${endPoint}."]`
-		if (!form)
-			form = document;
-		let elements = form.querySelectorAll(selector);
-		if (!elements || elements.length == 0) return
-	
-		for (let el of elements) {
-			let attribute = el.getAttribute(name)
-			if (attribute) {
-				if (el.hasAttribute('actions')) continue;
-				let templateid = el.getAttribute('template_id')
-				if (templateid) {
-					let items = document.querySelectorAll(`[templateid="${templateid}"]`)
-					for (let item of items)
-						item.remove()
-					render.data({
-						selector: `[template="${templateid}"]`, 
-						data
-					});
-				} else {
-					let value = getValueFromObject(data, attribute);
-					el.setValue(value);
-				}
-			}
-		}
-
-	}	
-	
-};
-                
+/*globals CustomEvent, config*/
+import {getAttributes, getValueFromObject, dotNotationToObject} from "@cocreate/utils";
+import observer from "@cocreate/observer";
+import socket from "@cocreate/socket-client";
+import action from '@cocreate/actions';
+import render from '@cocreate/render';
+import '@cocreate/element-prototype';
+
+const CoCreateApi = { 
+	components: {},
+	
+	init: function({name, endPoints, options}) {
+		this.register({name, endPoints, options});
+		if (options.socket !== false && !socket.sockets.size)
+			socket.create({prefix: 'api'});
+	},
+	
+	register: function({name, endPoints, options}) {
+		const self = this;
+		if (typeof this.components[name] === 'undefined') {
+			this.components[name] = {name, endPoints, options};
+
+			socket.listen(name, (data) => {
+				self.__response(name, data);
+			});
+			
+			for (const endPoint of Object.keys(endPoints)) {
+				let functions = endPoints[endPoint]
+				if (typeof functions.request !== 'function') {
+					functions.request = self.__request;
+				} 
+				action.init({
+					name: endPoint,
+					endEvent: endPoint,
+					callback: (element) => {
+						let params
+						let form = element.closest('form') || document
+						const selector = `[${name}^="${endPoint}."]`
+						let el = form.querySelector(selector)
+						if (!el) return
+							params = self.parseParams({name, element: el})
+						if (params) {
+							functions.request({name, ...params, element, form, type: 'action'})
+						}
+					},
+				});
+			}
+
+			const inputEvent = (element) => {
+				const self = this
+				element.addEventListener('input', (e) => {
+					if (element.hasAttribute(name)) {
+						let params = self.parseParams({name, element})
+						if (params) {
+							if (!e.detail || e.detail && e.detail.skip != true) {
+								endPoints[params.endPoint].request({name, ...params, element, type: 'input'})
+							}
+						}
+					}
+				});	
+			}		
+
+			let elements = document.querySelectorAll(`[${name}]`)
+			for (let element of elements) {
+				let params = this.parseParams({name, element})
+				if (params) {
+					endPoints[params.endPoint].request({name, ...params, element, type:'onload'})
+					inputEvent(element)
+				}
+			}
+
+			observer.init({ 
+				name:  `${name}NodeObserver`,
+				observe: ['addedNodes'],
+				target: `[${name}]`,
+				callback: function(mutation) {
+					let params = self.parseParams({name, element: mutation.target})
+					if (params) {
+						endPoints[params.endPoint].request({name, ...params, element: mutation.target, type: 'nodeObserver'});
+						inputEvent(mutation.target)
+					}
+				}
+			});
+	
+			observer.init({
+				name:  `${name}AttributeObserver`,
+				observe: ['attributes'],
+				attributeName: [name],
+				callback: function(mutation) {
+					let params = self.parseParams({name, element: mutation.target})
+					if (params) {
+						endPoints[params.endPoint].request({name, ...params, element: mutation.target, type: 'attributeObserver'});
+					}
+				}
+			});									
+		}
+	},
+
+	__request: function({name, endPoint, element}) {
+		let form = element.closest('form');
+		let data = this.getData({name, endPoint, form});
+		this.send(name, endPoint, data[endPoint]);
+	},
+
+	__response: function(name, data) {
+		const {endPoint, response} = data;
+		const component = this.components[name];
+		const functions = component.endPoints[endPoint]
+		if (functions.listen !== false) {
+			if (typeof functions.response === 'function') {
+				functions.response(response);
+			} else
+				this.setData({name, endPoint, data})
+			
+			document.dispatchEvent(new CustomEvent(endPoint, {
+				detail: {
+					data: response
+				}
+			}));
+		}
+	},
+
+	send: function(name, endPoint, data) { 
+		socket.send(name, {endPoint, data, broadcastBrowser: false});
+	},
+	
+	parseParams: function({name, endPoint, element}) {
+		let attribute = element.getAttribute(name)
+		if (!attribute)
+			return false
+
+		let dotNotation = attribute
+		let params = attribute.split('.')
+		endPoint = params[0]
+		let key = params[1]
+		return {endPoint, key, dotNotation, params}
+	
+	},
+
+	
+	getData: function({name, endPoint, element, form}) {
+		const data = {}
+		const selector = `[${name}^="${endPoint}."]`
+		let elements
+		if (form)
+			elements = form.querySelectorAll(selector);
+		if (!elements || elements.length == 0)
+			elements = [element]
+		for (let el of elements) {
+			if (!el || el.closest('[template]')) continue
+			let attribute = el.getAttribute(name)
+			if (attribute)
+				data[attribute] = el.getValue()
+		}	
+
+		return dotNotationToObject(data);
+	},
+
+	setData: function({name, endPoint, data, form}) {
+		const selector = `[${name}^="${endPoint}."]`
+		if (!form)
+			form = document;
+		let elements = form.querySelectorAll(selector);
+		if (!elements || elements.length == 0) return
+	
+		for (let el of elements) {
+			let attribute = el.getAttribute(name)
+			if (attribute) {
+				if (el.hasAttribute('actions')) continue;
+				let templateid = el.getAttribute('template_id')
+				if (templateid) {
+					let items = document.querySelectorAll(`[templateid="${templateid}"]`)
+					for (let item of items)
+						item.remove()
+					render.data({
+						selector: `[template="${templateid}"]`, 
+						data
+					});
+				} else {
+					let value = getValueFromObject(data, attribute);
+					el.setValue(value);
+				}
+			}
+		}
+
+	}	
+	
+};
+                
 export default CoCreateApi;

package/src/index.js

@@ -1,14 +1,14 @@
-(function (root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        define(["./client"], function(CoCreateApi) {
-        	return factory(CoCreateApi)
-        });
-    } else if (typeof module === 'object' && module.exports) {
-      const CoCreateApi = require("./server.js")
-      module.exports = factory(CoCreateApi);
-    } else {
-        root.returnExports = factory(root["./client.js"]);
-  }
-}(typeof self !== 'undefined' ? self : this, function (CoCreateApi) {
-  return CoCreateApi;
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        define(["./client"], function(CoCreateApi) {
+        	return factory(CoCreateApi)
+        });
+    } else if (typeof module === 'object' && module.exports) {
+      const CoCreateApi = require("./server.js")
+      module.exports = factory(CoCreateApi);
+    } else {
+        root.returnExports = factory(root["./client.js"]);
+  }
+}(typeof self !== 'undefined' ? self : this, function (CoCreateApi) {
+  return CoCreateApi;
 }));

package/src/server.js

@@ -1,109 +1,109 @@
-const CRUD = require('@cocreate/crud-client')
-const socketClient = require('@cocreate/socket-client')
-let socket = new socketClient("ws");
-
-crud.setSocket(socket);
-
-var api = ( ()=> {
-  return {
-  	send_response: (wsManager, socket, obj, send_response) => {
-	    wsManager.send(socket, send_response, obj)
-	},
-	  
-	handleError: (wsManager, socket, action, error, component) => {
-		const response = {
-			'object': 'error',
-			'data':error || error.response || error.response.data || error.response.body || error.message || error,
-		};
-		wsManager.send(socket, component, { action, response })
-	},
-
-	getOrg: async (config, component) => {
-
-		socket.create({
-			namespace: config["organization_id"],
-			room: null,
-			host: config["host"]
-		})
-
-		let org = await crud.readDocument({
-	        collection: "organizations",
-	        key: config["key"],
-		    organization_id: config["organization_id"],
-			document: {
-				_id: config["organization_id"]
-			}
-
-	    });
-
-		if (!org || !org.document && !org.document[0]) {
-			console.log(component," Error GET ORG  in : ",e);
-			return false;
-		}
-
-		return org.document[0];
-	},
-
-	getOrgInRoutesbyHostname : async (config, hostname) => {
- 		var socket_config = {
-  		    "config": {
-  		        "key": config["config"]["key"],
-  		        "organization_id": config["config"]["organization_id"],
-  		    },
-  		    "prefix": "ws",
-  		    "host": "server.cocreate.app:8088"
-  		};
-  		
-		socket.create({
-			namespace: socket_config.config.organization_id,
-			room: null,
-			host: socket_config.host
-		})
-	
-		let data2 = await crud.readDocument({
-			collection: "organizations",
-			filter: {
-				query: [{
-					name: 'domains',
-					operator: "$in",
-					value: [hostname]
-				}],
-			},
-			key: config["config"]["key"],
-			organization_id: config["config"]["organization_id"]
-		});
-	
-		var org = data2.document[0]
-
-		var socket_config = {
-			"config": {
-				"key": org["key"],
-				"organization_id": org["_id"].toString(),
-			},
-			"prefix": "ws",
-			"host": "server.cocreate.app:8088"
-		}
-
-		//other connection
-		socket.create({
-		  	namespace: socket_config.config.organization_id,
-			room: null,
-			host: socket_config.host
-		})
-
-		let myOrg = await crud.readDocument({
-			collection: "organizations",
-			key: org["key"],
-			organization_id: org["_id"],
-			document: {
-				_id: org["_id"]
-			}
-		});
-	    let result = {'row':myOrg,'socket_config':socket_config};
-	    return result;
-	 }  
-	
-  }
-})();
-
+const CRUD = require('@cocreate/crud-client')
+const socketClient = require('@cocreate/socket-client')
+let socket = new socketClient("ws");
+
+crud.setSocket(socket);
+
+var api = ( ()=> {
+  return {
+  	send_response: (wsManager, socket, obj, send_response) => {
+	    wsManager.send(socket, send_response, obj)
+	},
+	  
+	handleError: (wsManager, socket, action, error, component) => {
+		const response = {
+			'object': 'error',
+			'data':error || error.response || error.response.data || error.response.body || error.message || error,
+		};
+		wsManager.send(socket, component, { action, response })
+	},
+
+	getOrg: async (config, component) => {
+
+		socket.create({
+			namespace: config["organization_id"],
+			room: null,
+			host: config["host"]
+		})
+
+		let org = await crud.readDocument({
+	        collection: "organizations",
+	        key: config["key"],
+		    organization_id: config["organization_id"],
+			document: {
+				_id: config["organization_id"]
+			}
+
+	    });
+
+		if (!org || !org.document && !org.document[0]) {
+			console.log(component," Error GET ORG  in : ",e);
+			return false;
+		}
+
+		return org.document[0];
+	},
+
+	getOrgInRoutesbyHostname : async (config, hostname) => {
+ 		var socket_config = {
+  		    "config": {
+  		        "key": config["config"]["key"],
+  		        "organization_id": config["config"]["organization_id"],
+  		    },
+  		    "prefix": "ws",
+  		    "host": "server.cocreate.app:8088"
+  		};
+  		
+		socket.create({
+			namespace: socket_config.config.organization_id,
+			room: null,
+			host: socket_config.host
+		})
+	
+		let data2 = await crud.readDocument({
+			collection: "organizations",
+			filter: {
+				query: [{
+					name: 'domains',
+					operator: "$in",
+					value: [hostname]
+				}],
+			},
+			key: config["config"]["key"],
+			organization_id: config["config"]["organization_id"]
+		});
+	
+		var org = data2.document[0]
+
+		var socket_config = {
+			"config": {
+				"key": org["key"],
+				"organization_id": org["_id"].toString(),
+			},
+			"prefix": "ws",
+			"host": "server.cocreate.app:8088"
+		}
+
+		//other connection
+		socket.create({
+		  	namespace: socket_config.config.organization_id,
+			room: null,
+			host: socket_config.host
+		})
+
+		let myOrg = await crud.readDocument({
+			collection: "organizations",
+			key: org["key"],
+			organization_id: org["_id"],
+			document: {
+				_id: org["_id"]
+			}
+		});
+	    let result = {'row':myOrg,'socket_config':socket_config};
+	    return result;
+	 }  
+	
+  }
+})();
+
 module.exports = api;