qcobjects-sdk 0.0.1 → 0.0.3

package/js/org.qcobjects.tools.js

@@ -0,0 +1,68 @@
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+"use strict";
+(function() {
+  Package("org.qcobjects.tools",[
+
+    class Process extends Timer {
+
+      constructor () {
+        super(...arguments);
+        this.steps=[];
+        this.currentStep=0;
+  
+      }
+
+      stop (){
+        this.alive=false;
+      }
+
+      start (){
+        var process = this;
+        process.alive=true;
+        this.thread({
+          duration: this.duration,
+          timing(timeFraction) {
+            process.currentStep+=1;
+            process.map(function (p){
+              if (typeof p == "function"){
+                Promise.resolve().then(
+                  function (){
+                    p.call(process);
+                  });
+              }
+            });
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("process execution progress: "+progress.toString());
+          }
+        });
+      }
+    }
+
+  ]);
+
+}).call(null);

package/js/org.qcobjects.tools.layouts.js

@@ -0,0 +1,82 @@
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+"use strict";
+(function() {
+  Package("org.qcobjects.tools.layouts",[
+
+    class BasicLayout extends InheritClass {
+
+      constructor () {
+        super(...arguments);
+        this.dependencies=[];
+        this.component=null;
+  
+      }
+
+      load (){
+        this.dependencies.push(New(SourceCSS,{
+          external:(CONFIG.get("useLocalSDK"))?(false):(true),
+          url:(CONFIG.get("useLocalSDK"))?("css/basic-layout.css"):(CONFIG.get("remoteSDKPath")+"css/basic-layout.css")
+        }));
+      }
+      
+      coloredBorder (){
+        /*
+        * A helper function to visualize the layout borders
+        * Usage: BasicLayout.coloredBorder()
+        */
+        setTimeout(function (){
+          Tag("nav").map(element=>element.style.border="20px solid #3333");
+          Tag("nav").map(element=>element.style.backgroundColor="#129999");
+          Tag("component>footer").map(element=>element.style.background="#876");
+          Tag("component>div").map(element=>element.style.border="3px dashed #fff");
+          Tag("component>section").map(element=>element.style.border="3px solid #000");
+          Tag("component>section").map(element=>element.style.backgroundColor="#fffaaa");
+
+          Tag("component>article").map(element=>element.style.border="3px dotted #000");
+          Tag("component>header").map(element=>element.style.background="#789");
+          Tag("component>footer").map(element=>element.style.background="#876");
+          Tag("component>article:nth-child(1)").map(element=>element.style.border="1px solid #444");
+          Tag("component>article:nth-child(1)").map(element=>element.style.backgroundColor="#555aaa");
+          Tag("component>article:nth-child(2)").map(element=>element.style.backgroundColor="#aaa333");
+          Tag("component>article:nth-child(3)").map(element=>element.style.backgroundColor="#54da82");
+          Tag("*").map(element=>element.style.color="#fff");
+
+
+          Tag("component>article").map(element=>Fade.apply(element,0,1));
+          Tag("component>footer").map(element=>Fade.apply(element,0,1));
+          Tag("component>header").map(element=>Fade.apply(element,0,1));
+          Tag("nav").map(element=>{element.style.display="block";element.width=element.offsetParent.scrollWidth;MoveXInFromLeft.apply(element);});
+          Tag("component>article").map(element=>{element.style.display="block";element.height=element.offsetParent.scrollHeight;MoveYInFromBottom.apply(element);});
+          Tag("component>article:nth-child(2)").map(element=>{element.style.display="block";element.width=element.offsetParent.scrollWidth;MoveXInFromRight.apply(element);});
+        },300);
+      }
+
+
+    }
+
+  ]);
+
+}).call(null);

package/js/org.qcobjects.views.js

@@ -0,0 +1,42 @@
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+(function() {
+"use strict";
+Package("org.qcobjects.views",[
+
+  class GridView extends View {
+
+    constructor (){
+      super(...arguments);
+      this.dependencies=[];
+      this.component=null;
+        
+    }
+
+  }
+
+]);
+
+}).call(null);

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "qcobjects-sdk",
-  "version": "0.0.1",
-  "description": "QCObjects SDK A software library with a set of Controllers, Views and Components that are elementary and useful to assist developers to build applications under MVC patterns using QCObjects, Cross Browser Javascript Framework for MVC Patterns",
+  "version": "0.0.3",
+  "description": "QCObjects SDK is a set of Controllers, Views and Components that are elementary and useful to assist developers to build applications under MVC patterns using QCObjects, Cross Browser Javascript Framework for MVC Patterns",
   "main": "QCObjects-SDK.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "npm cache verify && (npx eslint *.js js/*.js --fix) && jasmine",
+    "sync": "git add . && git commit -am ",
+    "preversion": "npm cache verify && npm test",
+    "postversion": "git push && git push --tags"
   },
   "repository": {
     "type": "git",
@@ -25,10 +28,20 @@
     "web",
     "webcomponents"
   ],
+  "devDependencies": {
+    "eslint": "^8.4.0",
+    "qcobjects": "^2.4.23-beta"
+  },
   "author": "Jean Machuca <correojean@gmail.com>",
   "license": "LGPL-3.0",
   "bugs": {
     "url": "https://github.com/QuickCorp/QCObjects-SDK/issues"
   },
-  "homepage": "https://github.com/QuickCorp/QCObjects-SDK#readme"
+  "homepage": "https://sdk.qcobjects.dev",
+  "dependencies": {
+    "jasmine": "^3.6.3"
+  },
+  "peerDependencies": {
+    "qcobjects": "^2.4.32-beta"
+  }
 }

package/spec/support/jasmine.json

@@ -0,0 +1,16 @@
+{
+  "spec_dir": "spec",
+
+  "spec_files": [
+    "**/*[sS]pec.js",
+    "!**/*nospec.js"
+  ],
+
+  "helpers": [
+    "helpers/**/*.js"
+  ],
+
+  "stopSpecOnExpectationFailure": false,
+
+  "random": false
+}

package/spec/testsSpec.js

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+
+describe('QCObjects SDK Main Test', function () {
+
+  it('Dummy test', function () {
+    expect(true).toEqual(true);
+  });
+
+});

package/templates/components/modalyoulose.tpl.html

@@ -0,0 +1,3 @@
+<div class="center">
+<p>YOU LOSE!</p>
+</div>

package/templates/components/modalyouwin.tpl.html

@@ -0,0 +1,4 @@
+<div class="center">
+<h1>Title</h1>
+<p>YOU WIN!</p>
+</div>

package/templates/components/splashscreen.tpl.html

@@ -0,0 +1,128 @@
+<style>
+:host * {
+  box-sizing: border-box;
+}
+
+:host {
+  zoom: 1.0;
+  width: device-width;
+  margin: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  padding: 0;
+  min-width: 100vw;
+  min-height: 100vh;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  background-color: black;
+}
+#slot-logo::slotted(img) {
+  vertical-align: middle;
+  display: block;
+  width: 100vw;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  top: 20vh;
+  bottom: 20vh;
+  position: absolute;
+  z-index: 9999999999;
+  transform-origin: center;
+  transform-style: preserve-3d;
+  filter: blur(0em);
+  transition: filter 0.5s;
+}
+
+:host * {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
+  /* prevent callout to copy image, etc when tap to hold */
+  -webkit-text-size-adjust: none;
+  /* prevent webkit from resizing text to fit */
+  -webkit-user-select: none;
+  /* prevent copy paste, to allow, change 'none' to 'text' */
+}
+
+/* FOCUS */
+:host summary:focus,
+:host a:focus,
+:host button:focus {
+  outline: none;
+}
+
+.splashscreen,
+.fullscreen-bg {
+  padding: 0;
+  margin: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 0;
+  background-attachment: fixed;
+  background-position: center;
+  background-clip: content-box;
+  background-size: cover;
+  position: absolute;
+  min-width: 100vw;
+  min-height: 100vh;
+  width: 100vw;
+  height: 100vh;
+  z-index: 0;
+  overflow: hidden;
+}
+
+.splashscreen .splashcontent {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0 auto;
+  width: 100vw;
+  height: 100vh;
+  padding: 0;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.splashscreen .splashcontent p {
+  color: white;
+}
+
+video.fullscreen-bg__video {
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  min-width: 100vw;
+  min-height: 100vh;
+  overflow: hidden;
+  z-index: 0;
+  object-fit: cover;
+}
+  .splashscreen,
+  .fullscreen-bg {
+    background-image: url('{{background}}');
+  }
+
+</style>
+<div class="splashscreen">
+  <div class="fullscreen-bg splashcontent">
+    <video loop muted autoplay playsinline name="media" poster="{{background}}" class="fullscreen-bg__video" data-setup="{}" height="100%">
+      <source src="{{video_mp4}}" type="video/mp4">
+      <source src="{{video_ogg}}" type="video/ogg">
+      <source src="{{video_webm}}" type="video/webm">
+    </video>
+    <slot id="slot-logo" name="logo"></slot>
+  </div>
+</div>

package/templates/components/swagger-ui.tpl.html

@@ -0,0 +1,22 @@
+<style>
+  html
+  {
+    box-sizing: border-box;
+    overflow: -moz-scrollbars-vertical;
+    overflow-y: scroll;
+  }
+
+  *,
+  *:before,
+  *:after
+  {
+    box-sizing: inherit;
+  }
+
+  body
+  {
+    margin:0;
+    background: #fafafa;
+  }
+</style>
+<div id="swagger-ui"></div>

package/v2.4 version

@@ -0,0 +1 @@
+0.0.3