neo.mjs 4.0.7 → 4.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.7",
+    "version": "4.0.10",
     "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",
@@ -49,7 +49,7 @@
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
         "postcss": "^8.4.12",
-        "sass": "^1.50.0",
+        "sass": "^1.50.1",
         "webpack": "^5.72.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "4.8.1",

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.create.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
@@ -57,7 +66,7 @@ class Socket extends Base {
      */
     construct(config) {
         super.construct(config);
-        this.socket = new WebSocket(this.serverAddress);
+        this.createSocket();
     }
 
     /**
@@ -70,7 +79,7 @@ class Socket extends Base {
         me.reconnectAttempts++;
 
         if (me.reconnectAttempts < me.maxReconnectAttempts) {
-            me.socket = new WebSocket(me.serverAddress);
+            me.createSocket();
 
             callback && me.on('open', {
                 callback,
@@ -89,7 +98,7 @@ class Socket extends Base {
         let me      = this,
             channel = me.channel;
 
-        console.debug('WS: Sending message', (channel ? '\nChannel: ' + channel : ''), '\nData:', data);
+        console.log('WS: Sending message', (channel ? '\nChannel: ' + channel : ''), '\nData:', data);
 
         return JSON.stringify(channel ? {channel, data} : data);
     }
@@ -118,6 +127,29 @@ class Socket extends Base {
         return value;
     }
 
+    /**
+     * @param {Number} [code] defaults to 1000
+     * @param {String} [reason]
+     */
+    close(code, reason) {
+        this.socket.close(code, reason);
+    }
+
+    /**
+     *
+     */
+    createSocket() {
+        this.socket = new WebSocket(this.serverAddress);
+    }
+
+    /**
+     *
+     */
+    destroy(...args) {
+        this.close();
+        super.destroy(...args);
+    }
+
     /**
      * @param {CloseEvent} event The Websocket generated CloseEvent
      * @param {Number}     event.code The WebSocket connection close code provided by the server
@@ -151,10 +183,18 @@ class Socket extends Base {
     }
 
     /**
-     * @param {Object} event
+     * @param {MessageEvent} event
      */
     onMessage(event) {
-        console.log('onMessage', event);
+        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];
+        }
     }
 
     /**
@@ -164,10 +204,25 @@ 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
      */
-    send(data) {
+    sendMessage(data) {
         let me     = this,
             socket = me.socket,
             d      = data;
@@ -182,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);
         }