neo.mjs 4.0.8 → 4.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.8",
+    "version": "4.0.11",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -37,7 +37,7 @@
         "@fortawesome/fontawesome-free": "^6.1.1",
         "@material/mwc-button": "^0.25.3",
         "@material/mwc-textfield": "^0.25.3",
-        "autoprefixer": "^10.4.4",
+        "autoprefixer": "^10.4.5",
         "chalk": "^5.0.1",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^9.2.0",

package/src/data/Store.mjs

@@ -29,6 +29,10 @@ class Store extends Base {
          * @protected
          */
         ntype: 'store',
+        /**
+         * @member {Object|String|null} api_=null
+         */
+        api_: null,
         /**
          * @member {Boolean} autoLoad=false
          */
@@ -187,8 +191,8 @@ class Store extends Base {
     }
 
     /**
-     * @param {Neo.data.Model} value
-     * @param {Neo.data.Model} oldValue
+     * @param {Neo.data.Model|Object} value
+     * @param {Neo.data.Model|Object} oldValue
      * @protected
      * @returns {Neo.data.Model}
      */
@@ -210,14 +214,31 @@ class Store extends Base {
     load() {
         let me = this;
 
-        Neo.Xhr.promiseJson({
-            url: me.url
-        }).catch(err => {
-            console.log('Error for Neo.Xhr.request', err, me.id);
-        }).then(data => {
-            me.data = Array.isArray(data.json) ? data.json : data.json.data;
-            // we do not need to fire a load event => onCollectionMutate()
-        });
+        if (me.api) {
+            let apiArray = me.api.read.split('.'),
+                fn       = apiArray.pop(),
+                service  = Neo.ns(apiArray.join('.'));
+
+            if (!service) {
+                console.log('Api is not defined', this);
+            } else {
+                // todo: add params
+
+                service[fn]().then(response => {
+                    me.data = response.data;
+                });
+            }
+
+        } else {
+            Neo.Xhr.promiseJson({
+                url: me.url
+            }).catch(err => {
+                console.log('Error for Neo.Xhr.request', err, me.id);
+            }).then(data => {
+                me.data = Array.isArray(data.json) ? data.json : data.json.data;
+                // we do not need to fire a load event => onCollectionMutate()
+            });
+        }
     }
 
     /**

package/src/data/connection/WebSocket.mjs

@@ -15,6 +15,15 @@ class Socket extends Base {
      * @member {Number} maxReconnectAttempts=5
      */
     maxReconnectAttempts = 5
+    /**
+     * @member {Object} messageCallbacks={}
+     */
+    messageCallbacks = {}
+    /**
+     * @member {Number} messageId=1
+     * @protected
+     */
+    messageId = 1
     /**
      * @member {Number} reconnectAttempts=0
      * @protected
@@ -177,9 +186,15 @@ class Socket extends Base {
      * @param {MessageEvent} event
      */
     onMessage(event) {
-        let data = JSON.parse(event.data);
+        let me   = this,
+            data = JSON.parse(event.data);
 
         console.log('onMessage', data);
+
+        if (data.mId) {
+            me.messageCallbacks[data.mId].resolve(data.data);
+            delete me.messageCallbacks[data.mId];
+        }
     }
 
     /**
@@ -189,6 +204,21 @@ class Socket extends Base {
         this.fire('open', {scope: this});
     }
 
+    /**
+     * @param {Object} data
+     * @returns {Promise<any>}
+     */
+    promiseMessage(data) {
+        let me = this;
+
+        return new Promise((resolve, reject) => {
+            me.messageCallbacks[me.messageId] = {reject, resolve};
+
+            me.sendMessage({data, mId: me.messageId});
+            me.messageId++;
+        });
+    }
+
     /**
      * @param {Object} data
      */
@@ -207,12 +237,12 @@ class Socket extends Base {
             case WebSocket.CLOSED:
             case WebSocket.CLOSING:
                 me.attemptReconnect(function() {
-                    me.send(d);
+                    me.sendMessage(d);
                 });
                 break;
             case WebSocket.CONNECTING:
                 me.on('open', function() {
-                    me.send(d);
+                    me.sendMessage(d);
                 }, me, {single: true});
                 break;
             case WebSocket.OPEN:

package/src/manager/{RpcApi.mjs → rpc/Api.mjs}

@@ -1,17 +1,17 @@
-import Base from './Base.mjs';
+import Base from '../Base.mjs';
 
 /**
- * @class Neo.manager.RpcApi
+ * @class Neo.manager.rpc.Api
  * @extends Neo.manager.Base
  * @singleton
  */
-class RpcApi extends Base {
+class Api extends Base {
     static getConfig() {return {
         /**
-         * @member {String} className='Neo.manager.RpcApi'
+         * @member {String} className='Neo.manager.rpc.Api'
          * @protected
          */
-        className: 'Neo.manager.RpcApi',
+        className: 'Neo.manager.rpc.Api',
         /**
          * @member {Boolean} singleton=true
          * @protected
@@ -27,19 +27,20 @@ class RpcApi extends Base {
         Object.entries(api.services).forEach(([service, serviceValue]) => {
             Object.entries(serviceValue.methods).forEach(([method, methodValue]) => {
                 this.register({
-                    id : `${service}.${method}`,
+                    id  : `${service}.${method}`,
                     method,
                     service,
-                    url: methodValue.url || serviceValue.url || api.url
+                    type: methodValue.type || serviceValue.type || api.type || 'ajax',
+                    url : methodValue.url  || serviceValue.url  || api.url
                 })
             })
         })
     }
 }
 
-Neo.applyClassConfig(RpcApi);
+Neo.applyClassConfig(Api);
 
-let instance = Neo.create(RpcApi);
+let instance = Neo.create(Api);
 
 Neo.applyToGlobalNs(instance);
 

package/src/manager/{RpcMessage.mjs → rpc/Message.mjs}

@@ -1,12 +1,12 @@
-import Base     from './Base.mjs';
-import NeoArray from '../util/Array.mjs';
+import Base     from '../Base.mjs';
+import NeoArray from '../../util/Array.mjs';
 
 /**
- * @class Neo.manager.RpcMessage
+ * @class Neo.manager.rpc.Message
  * @extends Neo.manager.Base
  * @singleton
  */
-class RpcMessage extends Base {
+class Message extends Base {
     /**
      * Stores the urls of endpoints for which a setTimeout() call is in progress
      * @member {String[]} endPointTimeouts=[]
@@ -23,6 +23,10 @@ class RpcMessage extends Base {
      * @member {Number} requestBuffer=20
      */
     requestBuffer = 20
+    /**
+     * @member {Object} socketConnections={}
+     */
+    socketConnections = {}
     /**
      * internal incrementing flag
      * @member {Number} transactionId=1
@@ -32,10 +36,10 @@ class RpcMessage extends Base {
 
     static getConfig() {return {
         /**
-         * @member {String} className='Neo.manager.RpcMessage'
+         * @member {String} className='Neo.manager.rpc.Message'
          * @protected
          */
-        className: 'Neo.manager.RpcMessage',
+        className: 'Neo.manager.rpc.Message',
         /**
          * @member {Boolean} singleton=true
          * @protected
@@ -56,10 +60,22 @@ class RpcMessage extends Base {
      * @returns {Promise<any>}
      */
     onMessage(msg) {
+        let api = Neo.manager.rpc.Api.get(`${msg.service}.${msg.method}`);
+
+        return this[`onMessage${Neo.capitalize(api.type)}`](msg, api);
+    }
+
+    /**
+     *
+     * @param {Object} msg
+     * @param {Object} api
+     * @protected
+     * @returns {Promise<any>}
+     */
+    onMessageAjax(msg, api) {
         return new Promise((resolve, reject) => {
-            let me     = this,
-                method = Neo.manager.RpcApi.get(`${msg.service}.${msg.method}`),
-                url    = method.url;
+            let me  = this,
+                url = api.url;
 
             me.register({
                 id           : me.messageId,
@@ -84,6 +100,27 @@ class RpcMessage extends Base {
         });
     }
 
+    /**
+     *
+     * @param {Object} msg
+     * @param {Object} api
+     * @protected
+     * @returns {Promise<any>}
+     */
+    async onMessageWebsocket(msg, api) {
+        let me         = this,
+            url        = api.url,
+            connection = me.socketConnections[url];
+
+        if (!connection) {
+            let module = await import('../../data/connection/WebSocket.mjs');
+
+            me.socketConnections[url] = connection = Neo.create(module.default, {serverAddress: url});
+        }
+
+        return await connection.promiseMessage(msg);
+    }
+
     /**
      * @param {String} url
      */
@@ -126,9 +163,9 @@ class RpcMessage extends Base {
     }
 }
 
-Neo.applyClassConfig(RpcMessage);
+Neo.applyClassConfig(Message);
 
-let instance = Neo.create(RpcMessage);
+let instance = Neo.create(Message);
 
 Neo.applyToGlobalNs(instance);
 

package/src/worker/Data.mjs

@@ -70,7 +70,7 @@ class Data extends Base {
      * @param {Object} msg.data the API content
      */
     onRegisterApi(msg) {
-        import('../manager/RpcApi.mjs').then(module => {
+        import('../manager/rpc/Api.mjs').then(module => {
             module.default.registerApi(msg.data);
             this.rpcApiManagerLoaded = true
         })
@@ -82,7 +82,7 @@ class Data extends Base {
     onRegisterNeoConfig(msg) {
         super.onRegisterNeoConfig(msg);
 
-        Neo.config.remotesApiUrl && import('../manager/RpcMessage.mjs').then(module => {
+        Neo.config.remotesApiUrl && import('../manager/rpc/Message.mjs').then(module => {
             this.rpcMessageManagerLoaded = true
         })
     }
@@ -102,7 +102,7 @@ class Data extends Base {
 
             me.reject(msg);
         } else {
-            response = await Neo.manager.RpcMessage.onMessage(msg);
+            response = await Neo.manager.rpc.Message.onMessage(msg);
 
             me.resolve(msg, response);
         }