qcobjects-sdk 0.0.1 → 0.0.3

package/QCObjects-SDK.js

@@ -1,5 +1,5 @@
 /**
- * QCObjects SDK 1.0
+ * QCObjects SDK 2.4
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -21,242 +21,118 @@
  *
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
-*/
-"use strict";
-(function() {
-  Package('org.quickcorp.components',[
-    Class('FormField',Component,{
-      cached:false,
-      reload:true,
-    	createBindingEvents:function (){
-    		var _executeBinding = this.executeBinding;
-    		var thisobj = this;
-        if (typeof this.fieldType =='undefined' || this.fieldType == null ){
-          var _objList = this.body.subelements('*[data-field]'); // every child with data-field set
-        } else {
-          var _objList = this.body.subelements(this.fieldType+'[data-field]'); // every child with data-field set and tagname is equal to fieldType property
+ */
+(function (_top) {
+  "use strict";
+  var isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
+  var remoteImportsPath = CONFIG.get("remoteImportsPath");
+  var relativeImportPath = CONFIG.get("relativeImportPath");
+  var external = (!CONFIG.get("useLocalSDK")) ? (true) : (false);
+  if (external) {
+    CONFIG.set("remoteImportsPath", "https://sdk.qcobjects.dev/v2.4/js/");
+  } else {
+    CONFIG.set("relativeImportPath", "qcobjects-sdk/js/");
+  }
+  if (typeof _top._DOMCreateElement === "undefined") {
+    _top._DOMCreateElement = function (elementName) {
+      var _ret_;
+      if (isBrowser) {
+        _ret_ = document.createElement(elementName);
+      } else {
+        _ret_ = {};
+      }
+      return _ret_;
+    };
+  }
+  var _imports_;
+  if (isBrowser) {
+    _imports_ = [
+      Import("org.qcobjects.i18n_messages", function () {}, external),
+      Import("org.qcobjects.models", function () {}, external),
+      Import("org.qcobjects.components", function () {}, external),
+      Import("org.qcobjects.components.grid", function () {}, external),
+      Import("org.qcobjects.components.list", function () {}, external),
+      Import("org.qcobjects.components.slider", function () {}, external),
+      Import("org.qcobjects.components.notifications", function () {}, external),
+      Import("org.qcobjects.components.splashscreen", function () {}, external),
+      Import("org.qcobjects.controllers", function () {}, external),
+      Import("org.qcobjects.controllers.grid", function () {}, external),
+      Import("org.qcobjects.controllers.list", function () {}, external),
+      Import("org.qcobjects.controllers.slider", function () {}, external),
+      Import("org.qcobjects.controllers.form", function () {}, external),
+      Import("org.qcobjects.controllers.swagger", function () {}, external),
+      Import("org.qcobjects.effects", function () {}, external),
+      Import("org.qcobjects.modal.controllers", function () {}, external),
+      Import("org.qcobjects.views", function () {}, external),
+      Import("org.qcobjects.tools.canvas", function () {}, external),
+      Import("org.qcobjects.tools.layouts", function () {}, external),
+      Import("org.qcobjects.cloud.auth.session.usertoken", function () {}, external),
+      Import("org.qcobjects.cloud.auth.session.data", function () {}, external)
+    ];
+  } else {
+    // non-browsers environment
+    (function loadBackendSDKRoutes(){
+      if (!loadBackendSDKRoutes.loaded){
+        let backend = CONFIG.get("backend");
+        if (typeof backend === "undefined"){
+          backend = {};
         }
-    		for (var _datak=0;_datak<_objList.length;_datak++){
-    			var _obj = _objList[_datak];
-    			_obj.addEventListener('change',function(e){
-    				logger.debug('Executing change event binding');
-    				thisobj.executeBindings();
-    			});
-    			_obj.addEventListener('keydown',function(e){
-    				logger.debug('Executing keydown event binding');
-    					thisobj.executeBindings();
-    			});
-    		}
-    	},
-    	executeBinding:function (_obj){
-    		var _datamodel = _obj.getAttribute('data-field');
-    		logger.debug('Binding '+_datamodel+' for '+this.name);
-    		this.data[_datamodel]=_obj.value;
-    	},
-    	executeBindings:function (){
-        if (typeof this.fieldType =='undefined' || this.fieldType == null ){
-          var _objList = this.body.subelements('*[data-field]'); // every child with data-field set
-        } else {
-          var _objList = this.body.subelements(this.fieldType+'[data-field]'); // every child with data-field set and tagname is equal to fieldType property
+        if (typeof backend.routes === "undefined"){
+          backend.routes = [];
         }
-    		for (var _datak=0;_datak<_objList.length;_datak++){
-    			var _obj = _objList[_datak];
-    			var _datamodel = _obj.getAttribute('data-field');
-          logger.debug('Binding '+_datamodel+' for '+this.name);
-    			this.data[_datamodel]=_obj.value;
-    		}
-    	},
-      done:function (){
-        var thisobj = this;
-        thisobj.executeBindings();
-    		thisobj.createBindingEvents();
-        logger.debug('Field loaded: '+thisobj.fieldType+'[name='+thisobj.name+']');
+        backend.routes = backend.routes.concat([
+          {
+            "name":"QCObjects-SDK",
+            "description":"Redirection of QCObjects SDK",
+            "path":"^/qcobjects-sdk/(.*)$",
+            "microservice":"com.qcobjects.backend.microservice.static",
+            "redirect_to": "./node_modules/qcobjects-sdk/$1",
+            "responseHeaders":{},
+            "cors":{
+              "allow_origins":"*"
+            }
+          },
+          {
+            "name":"QCObjects-SDK.js",
+            "description":"Redirection of QCObjects SDK",
+            "path":"^/js/packages/QCObjects-SDK.js$",
+            "microservice":"com.qcobjects.backend.microservice.static",
+            "redirect_to": "./node_modules/qcobjects-sdk/QCObjects-SDK.js",
+            "responseHeaders":{},
+            "cors":{
+              "allow_origins":"*"
+            }
+          }
+        ]);
+        CONFIG.set("backend", backend);
+        loadBackendSDKRoutes.loaded = true;
       }
-    }),
-    Class('ButtonField',FormField,{
-    	fieldType:'button'
-    }),
-    Class('InputField',FormField,{
-    	fieldType:'input'
-    }),
-    Class('TextField',FormField,{
-      fieldType:'textarea'
-    }),
-    Class('EmailField',FormField,{
-    	fieldType:'input'
-    })
-  ]);
-  Package('org.quickcorp.tools.effects',[
-    Class('Effect',{
-      animate: function ({timing, draw, duration}) {
-
-        let start = performance.now();
+    })();
 
-        requestAnimationFrame(function animate(time) {
-          // timeFraction goes from 0 to 1
-          let timeFraction = (time - start) / duration;
-          if (timeFraction > 1) timeFraction = 1;
+    var _relative_path_ = "qcobjects-sdk/js/";
+    _imports_ = [
+      Import(_relative_path_ + "org.qcobjects.models", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.components", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.controllers", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.views", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.effects", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.tools.canvas", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.tools.layouts", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.cloud.auth.session.usertoken", function () {}, external),
+      Import(_relative_path_ + "org.qcobjects.cloud.auth.session.data", function () {}, external)
+    ];
 
-          // calculate the current animation state
-          let progress = timing(timeFraction);
+    
+  }
+  _top._sdk_ = Promise.all(_imports_).then(function () {
+    CONFIG.set("useSDK", true);
+    CONFIG.set("remoteImportsPath", remoteImportsPath);
+    CONFIG.set("relativeImportPath", relativeImportPath);
+    _top.__start__();
 
-          draw(Math.round(progress*100)); // draw it
-
-          if (timeFraction < 1) {
-            requestAnimationFrame(animate);
-          }
-
-        });
-      }
-    }),
-    Class('Move',Effect,{
-      apply: function (element, xfrom, yfrom, xto, yto){
-        var dx = xto-xfrom;
-        var dy = yto-yfrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var y = yfrom + (progress*dy/100);
-            var x = xfrom + (progress*dx/100);
-            logger.debug('x: '+x.toString()+' y:'+y.toString());
-            element.style.top=y;
-            element.style.left=x;
-          }
-        });
-      }
-    }),
-    Class('RotateX',Effect,{
-      apply: function (element, angleFrom,angleTo){
-        var da = angleTo-angleFrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var angle = Math.round(angleFrom + (progress*da/100));
-            logger.debug('angle: '+angle.toString());
-            element.style.transform= 'rotate3d(1,0,0,'+angle.toString()+'deg)';
-          }
-        });
-      }
-    }),
-    Class('RotateY',Effect,{
-      apply: function (element, angleFrom,angleTo){
-        var da = angleTo-angleFrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var angle = Math.round(angleFrom + (progress*da/100));
-            logger.debug('angle: '+angle.toString());
-            element.style.transform= 'rotate3d(0,1,0,'+angle.toString()+'deg)';
-          }
-        });
-      }
-    }),
-    Class('RotateZ',Effect,{
-      apply: function (element, angleFrom,angleTo){
-        var da = angleTo-angleFrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var angle = Math.round(angleFrom + (progress*da/100));
-            logger.debug('angle: '+angle.toString());
-            element.style.transform= 'rotate3d(0,0,1,'+angle.toString()+'deg)';
-          }
-        });
-      }
-    }),
-    Class('Rotate',Effect,{
-      apply: function (element, angleFrom,angleTo){
-        var da = angleTo-angleFrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var angle = Math.round(angleFrom + (progress*da/100));
-            logger.debug('angle: '+angle.toString());
-            element.style.transform= 'rotate3d(1,1,1,'+angle.toString()+'deg)';
-          }
-        });
-      }
-    }),
-    Class('Fade',Effect,{
-      apply: function (element, alphaFrom,alphaTo){
-        var da = alphaTo-alphaFrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var alpha = alphaFrom + (progress*da/100);
-            logger.debug('alpha: '+alpha.toString());
-            element.style.opacity= alpha.toString();
-          }
-        });
-      }
-    }),
-    Class('Radius',Effect,{
-      apply: function (element, radiusFrom,radiusTo){
-        var dr = radiusTo-radiusFrom;
-        this.animate({
-          duration: 1000,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug('animation progress: '+progress.toString());
-            var radius = radiusFrom + (progress*dr/100);
-            logger.debug('alpha: '+radius.toString());
-            element.style.borderRadius= radius.toString()+'px';
-          }
-        });
-      }
-    })
-  ]);
-  Package('org.quickcorp.tools.canvas',[
-    Class('CanvasTool',{
-      drawImageFilled: function (img,canvas){
-        // get the scale
-        var scale = Math.max(canvas.width / img.width, canvas.height / img.height);
-        // get the top left position of the image
-        var x = (canvas.width / 2) - (img.width / 2) * scale;
-        var y = (canvas.height / 2) - (img.height / 2) * scale;
-        var ctx = canvas.getContext('2d');
-        ctx.drawImage(img, x, y, img.width * scale, img.height * scale);
-      },
-      getImageResized: function (img,width,height,resizedImage){
-        var canvas = document.createElement('canvas');
-        canvas.width = width;
-        canvas.height = height;
-        canvas.style.width = width;
-        canvas.style.height = height;
-        this.drawImageFilled(img,canvas);
-        resizedImage.src = canvas.toDataURL("image/png");
-        return canvas;
-      }
-    })
-  ]);
-  Ready(function (){
-    CONFIG.set('useSDK',true);
   });
 
-}).call(null);
+
+}).call(null, (typeof module === "object" && typeof module.exports === "object") ? (module.exports = global) : ((typeof global === "object") ? (global) : (
+  (typeof window === "object") ? (window) : ({})
+)));