qcobjects-sdk 2.4.64 → 2.5.105-beta

package/src/js/org.qcobjects.tools.canvas.ts

@@ -1,5 +1,5 @@
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -26,34 +26,32 @@
 
 import { Package, InheritClass } from "qcobjects";
 
-(function() {
-  Package("org.qcobjects.tools.canvas",[
+export class CanvasTool extends InheritClass {
 
-    class CanvasTool extends InheritClass {
+  drawImageFilled(img: HTMLImageElement, canvas: HTMLCanvasElement, zoom = 1, px = 0, py = 0) {
+    // get the scale
+    let scale = Math.max(canvas.width / img.width, canvas.height / img.height);
+    scale = scale * zoom;
+    // get the top left position of the image
+    const x = (canvas.width / 2) - (img.width / 2) * scale;
+    const y = (canvas.height / 2) - (img.height / 2) * scale;
+    const ctx = canvas.getContext("2d");
+    ctx?.drawImage(img, (px + x), (py + y), img.width * scale, img.height * scale);
+  }
 
-      drawImageFilled (img:HTMLImageElement, canvas:HTMLCanvasElement, zoom=1, px=0, py=0){
-        // get the scale
-        let scale = Math.max(canvas.width / img.width, canvas.height / img.height);
-        scale = scale*zoom;
-        // get the top left position of the image
-        const x = (canvas.width / 2) - (img.width / 2) * scale;
-        const y = (canvas.height / 2) - (img.height / 2) * scale;
-        const ctx = canvas.getContext("2d");
-        ctx?.drawImage(img, (px+x), (py+y), img.width * scale, img.height * scale);
-      }
+  getImageResized(img: HTMLImageElement, width: number, height: number, resizedImage: HTMLImageElement, zoom = 1, px = 0, py = 0) {
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    canvas.style.width = width.toString();
+    canvas.style.height = height.toString();
+    this.drawImageFilled(img, canvas, zoom, px, py);
+    resizedImage.src = canvas.toDataURL("image/png");
+    return canvas;
+  }
 
-      getImageResized (img:HTMLImageElement, width:number, height:number, resizedImage:HTMLImageElement, zoom=1, px=0, py=0){
-        const canvas = document.createElement("canvas");
-        canvas.width = width;
-        canvas.height = height;
-        canvas.style.width = width.toString();
-        canvas.style.height = height.toString();
-        this.drawImageFilled(img,canvas,zoom,px,py);
-        resizedImage.src = canvas.toDataURL("image/png");
-        return canvas;
-      }
+}
 
-    }
-  ]);
-
-})();
+Package("org.qcobjects.tools.canvas", [
+  CanvasTool
+]);

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

@@ -1,6 +1,6 @@
 /* eslint-disable array-callback-return */
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -27,59 +27,56 @@
 
 import { CONFIG, InheritClass, New, Package, SourceCSS, Tag } from "qcobjects";
 import { Fade, MoveXInFromLeft, MoveXInFromRight, MoveYInFromBottom } from "./org.qcobjects.effects";
+export class BasicLayout extends InheritClass {
+  dependencies: any[] = [];
 
-(function() {
-  Package("org.qcobjects.tools.layouts",[
+  constructor({ component = null, dependencies = [] }) {
+    super({ component, dependencies });
+  }
 
-    class BasicLayout extends InheritClass {
-      dependencies:any[] = [];
+  load() {
+    this.dependencies.push(New(SourceCSS, {
+      external: !(CONFIG.get("useLocalSDK", false)),
+      url: (CONFIG.get("useLocalSDK", false)) ? ("css/basic-layout.css") : (CONFIG.get("remoteSDKPath", false) + "css/basic-layout.css")
+    }));
+  }
 
-      constructor ({component = null, dependencies = []}) {
-        super({component, dependencies});  
-      }
+  coloredBorder() {
+    /*
+    * A helper function to visualize the layout borders
+    * Usage: BasicLayout.coloredBorder()
+    */
+    setTimeout(function () {
+      Tag("nav").map((element: HTMLElement) => { element.style.border = "20px solid #3333"; });
+      Tag("nav").map((element: HTMLElement) => { element.style.backgroundColor = "#129999"; });
+      Tag("component>footer").map((element: HTMLElement) => { element.style.background = "#876"; });
+      Tag("component>div").map((element: HTMLElement) => { element.style.border = "3px dashed #fff"; });
+      Tag("component>section").map((element: HTMLElement) => { element.style.border = "3px solid #000"; });
+      Tag("component>section").map((element: HTMLElement) => { element.style.backgroundColor = "#fffaaa"; });
 
-      load (){
-        this.dependencies.push(New(SourceCSS,{
-          external:!(CONFIG.get("useLocalSDK",false)),
-          url:(CONFIG.get("useLocalSDK",false))?("css/basic-layout.css"):(CONFIG.get("remoteSDKPath",false)+"css/basic-layout.css")
-        }));
-      }
-      
-      coloredBorder (){
-        /*
-        * A helper function to visualize the layout borders
-        * Usage: BasicLayout.coloredBorder()
-        */
-        setTimeout(function (){
-          Tag("nav").map((element:HTMLElement)=>{element.style.border="20px solid #3333";});
-          Tag("nav").map((element:HTMLElement)=>{element.style.backgroundColor="#129999";});
-          Tag("component>footer").map((element:HTMLElement)=>{element.style.background="#876";});
-          Tag("component>div").map((element:HTMLElement)=>{element.style.border="3px dashed #fff";});
-          Tag("component>section").map((element:HTMLElement)=>{element.style.border="3px solid #000";});
-          Tag("component>section").map((element:HTMLElement)=>{element.style.backgroundColor="#fffaaa";});
+      Tag("component>article").map((element: HTMLElement) => { element.style.border = "3px dotted #000"; });
+      Tag("component>header").map((element: HTMLElement) => { element.style.background = "#789"; });
+      Tag("component>footer").map((element: HTMLElement) => { element.style.background = "#876"; });
+      Tag("component>article:nth-child(1)").map((element: HTMLElement) => { element.style.border = "1px solid #444"; });
+      Tag("component>article:nth-child(1)").map((element: HTMLElement) => { element.style.backgroundColor = "#555aaa"; });
+      Tag("component>article:nth-child(2)").map((element: HTMLElement) => { element.style.backgroundColor = "#aaa333"; });
+      Tag("component>article:nth-child(3)").map((element: HTMLElement) => { element.style.backgroundColor = "#54da82"; });
+      Tag("*").map((element: HTMLElement) => { element.style.color = "#fff"; });
 
-          Tag("component>article").map((element:HTMLElement)=>{element.style.border="3px dotted #000";});
-          Tag("component>header").map((element:HTMLElement)=>{element.style.background="#789";});
-          Tag("component>footer").map((element:HTMLElement)=>{element.style.background="#876";});
-          Tag("component>article:nth-child(1)").map((element:HTMLElement)=>{element.style.border="1px solid #444";});
-          Tag("component>article:nth-child(1)").map((element:HTMLElement)=>{element.style.backgroundColor="#555aaa";});
-          Tag("component>article:nth-child(2)").map((element:HTMLElement)=>{element.style.backgroundColor="#aaa333";});
-          Tag("component>article:nth-child(3)").map((element:HTMLElement)=>{element.style.backgroundColor="#54da82";});
-          Tag("*").map((element:HTMLElement)=>{element.style.color="#fff";});
 
+      Tag("component>article").map((element: HTMLElement) => Fade.apply(element, 0, 1));
+      Tag("component>footer").map((element: HTMLElement) => Fade.apply(element, 0, 1));
+      Tag("component>header").map((element: HTMLElement) => Fade.apply(element, 0, 1));
+      Tag("nav").map((element: HTMLElement) => { element.style.display = "block"; element.style.width = element.offsetParent?.scrollWidth.toString() || element.clientWidth.toString(); MoveXInFromLeft.apply(element); });
+      Tag("component>article").map((element: HTMLElement) => { element.style.display = "block"; element.style.height = element.offsetParent?.scrollHeight.toString() || element.clientHeight.toString(); MoveYInFromBottom.apply(element); });
+      Tag("component>article:nth-child(2)").map((element: HTMLElement) => { element.style.display = "block"; element.style.width = element.offsetParent?.scrollWidth.toString() || element.clientWidth.toString(); MoveXInFromRight.apply(element); });
+    }, 300);
+  }
 
-          Tag("component>article").map((element:HTMLElement)=>Fade.apply(element,0,1));
-          Tag("component>footer").map((element:HTMLElement)=>Fade.apply(element,0,1));
-          Tag("component>header").map((element:HTMLElement)=>Fade.apply(element,0,1));
-          Tag("nav").map((element:HTMLElement)=>{element.style.display="block";element.style.width=element.offsetParent?.scrollWidth.toString() || element.clientWidth.toString() ;MoveXInFromLeft.apply(element);});
-          Tag("component>article").map((element:HTMLElement)=>{element.style.display="block";element.style.height=element.offsetParent?.scrollHeight.toString() || element.clientHeight.toString();MoveYInFromBottom.apply(element);});
-          Tag("component>article:nth-child(2)").map((element:HTMLElement)=>{element.style.display="block";element.style.width=element.offsetParent?.scrollWidth.toString() || element.clientWidth.toString();MoveXInFromRight.apply(element);});
-        },300);
-      }
 
+}
 
-    }
+Package("org.qcobjects.tools.layouts", [
+  BasicLayout
 
-  ]);
-
-})();
+]);

package/src/js/org.qcobjects.tools.ts

@@ -1,5 +1,5 @@
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -33,6 +33,7 @@ import { Timer, Package, logger } from "qcobjects";
       alive:boolean;
       steps:any[] = [];
       currentStep = 0;
+      duration: any;
 
       constructor ({steps = [], currentStep = 0, alive = false}) {
         super({steps, currentStep, alive});
@@ -50,6 +51,7 @@ import { Timer, Package, logger } from "qcobjects";
           duration: this.duration,
           timing: (timeFraction:number) => {
             this.currentStep+=1;
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
             this.steps.map((p:()=> void):Promise<void> | undefined => {
               let _ret_;
               if (typeof p === "function"){
@@ -67,6 +69,10 @@ import { Timer, Package, logger } from "qcobjects";
           }
         });
       }
+      // eslint-disable-next-line no-unused-vars
+      thread(arg0: { duration: any; timing: (timeFraction: number) => number; intervalInterceptor(progress: number): void; }) {
+        throw new Error("Method not implemented.");
+      }
     }
 
   ]);

package/src/js/org.qcobjects.views.ts

@@ -1,7 +1,5 @@
-import { Package, View } from "qcobjects";
-
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -24,15 +22,18 @@ import { Package, View } from "qcobjects";
  * 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",[
+import { Package, View } from "qcobjects";
+
+
+export class GridView extends View {
+
 
-  class GridView extends View {
+}
 
 
-  }
+Package("org.qcobjects.views", [
 
+  GridView
 ]);
 
-})();

package/src/types/global/index.d.ts

@@ -0,0 +1,181 @@
+/* eslint-disable @typescript-eslint/no-misused-new */
+ 
+// Type definitions for QCObjects 2.4
+// Project: https://qcobjects.dev
+// Definitions by: Jean Machuca <https://github.com/jeanmachuca>
+// Definitions: https://qcobjects.dev
+
+/**
+ */
+
+import { View } from "qcobjects";
+import { InheritClass } from "qcobjects";
+import { Component, Controller, Effect, VO } from "qcobjects";
+
+declare namespace sdk {
+    type SessionUser = {
+        token: string,
+        id: string,
+        priority: number
+    };
+    type SliderControllerParams = {
+        component: Component,
+        dependencies?: Array<any>,
+        duration?: number,
+        slideIndex?: number,
+        interval?: number | null,
+        sliderHandlerName?: string
+    };
+    type ModalData = {
+        content: string,
+        modalId: number
+    };
+    type ListControllerParams = {
+        component:Component, 
+        dependencies?:Array<any>, 
+        valueField?:string, 
+        labelField?:string
+    };
+
+    class SlideListComponent extends Component { }
+    class SlideItemComponent extends Component { }
+    class SliderComponent extends Component { }
+    class FormField extends Component {
+        createBindingEvents(): void;
+        executeBinding(_obj: HTMLElement | Element | ShadowRoot ): void;
+        executeBindings(): void;
+    }
+    class ShadowedComponent extends Component { }
+    class ButtonField extends FormField { }
+    class InputField extends FormField { }
+    class TextField extends FormField { }
+    class EmailField extends FormField { }
+    class ModalEnclosureComponent extends Component { }
+    class ModalComponent extends Component {
+        modalEnclosureComponentClass: string;
+        closeOnClickOutside: boolean;
+        data: ModalData;
+        submodal: Component;
+        modal(): void;
+        close(): void;
+
+    }
+    class SwaggerUIComponent extends Component { }
+    class Contact extends VO {
+        first_name: string;
+        last_name: string;
+        address: string;
+        postalCode: string;
+        city: string;
+        country: string;
+        email: string;
+        phone: string;
+    }
+    class GridItemComponent extends Component { }
+    class GridComponent extends Component { }
+    class NotificationComponent extends Component {
+        static display(element: Element | ShadowRoot): void;
+        static success(message: string): void;
+        static danger(message: string): void;
+        static info(message: string): void;
+        static warning(message: string): void;
+    }
+    class GenericController extends Controller { }
+    class DataGridController extends Controller {
+        getPageIndex(page:number | string, totalPage:number | string, totalElements: number | string):number;
+        addSubcomponents():void;
+        cssGrid():void;
+    }
+    class GridController extends Controller {
+        cssGrid():void;
+    }
+    class ListController extends Controller { 
+        constructor(controller:ListControllerParams);
+        getPageIndex(page:number | string, totalPage:number | string, totalElements: number | string):number;
+        addSubcomponents():void;
+        cssGrid():void;
+    }
+    class SliderController extends Controller {
+        constructor(controller: SliderControllerParams);
+        stop():void;
+        plusSlidesAndStop(n:number):void;
+        plusSlides(n:number):void;
+        currentSlide(n?:number):void;
+        automate():void;
+        showSlides(n:number):void;
+        fillDots():void;
+    }
+    class SwaggerUIController extends Controller { 
+        startSwaggerUI():void;
+    }
+    class Fade extends Effect { }
+    class Move extends Effect { }
+    class MoveXInFromRight extends Effect { }
+    class MoveXInFromLeft extends Effect { }
+    class MoveYInFromBottom extends Effect { }
+    class MoveYInFromTop extends Effect { }
+    class RotateX extends Effect { }
+    class RotateY extends Effect { }
+    class RotateZ extends Effect { }
+    class Rotate extends Effect { }
+    class Radius extends Effect { }
+    class Resize extends Effect { }
+    class WipeLeft extends Effect { }
+    class WipeRight extends Effect { }
+    class WipeUp extends Effect { }
+    class WipeDown extends Effect { }
+    class ModalFade extends Effect { }
+    class ModalMoveDown extends Effect { }
+    class ModalMoveUp extends Effect { }
+    class i18n_messages extends InheritClass {
+        messages: Array<any>;
+        _load_i18n_packages_(): void;
+    }
+    class SplashScreenComponent extends Component { }
+    class VideoSplashScreenComponent extends SplashScreenComponent { }
+    class CubeSplashScreenComponent extends SplashScreenComponent { }
+    class ModalController extends Component { }
+    class ListItemComponent extends Component { }
+    class ListComponent extends Component { }
+    class GridView extends View { }
+    class BasicLayout extends InheritClass { }
+    class SessionUserToken extends InheritClass {
+        static generateIndex(...args: Array<any>): string;
+        static getGlobalUser(...args: Array<any>): SessionUser;
+        static getGlobalUserToken(...args: Array<any>): string;
+        static getGlobalUserId(...args: Array<any>): string;
+        static getGlobalUserPriority(...args: Array<any>): string;
+        static getLoginCredentialsToken(username: string, password: string): string;
+        static closeGlobalSession(): void;
+
+    }
+    class SessionData extends InheritClass {
+        __session_container__: any;
+        setSessionContainer(...args: Array<any>): any;
+        getSessionContainer(...args: Array<any>): any;
+        getSessionData(...args: Array<any>): any;
+        index(...args: Array<any>): string;
+        get(name: string, defaultValue?: any): any;
+        set(name: string, value: any): void;
+
+    }
+    class FormValidations extends Controller {
+        getDefault(): Function;
+    }
+    class FormController extends Controller {
+        serviceClass: string;
+        formSettings: {
+            backRouting: string,
+            loadingRouting: string,
+            nextRouting: string
+        };
+        hasValidation(element: HTMLElement | Element | ShadowRoot ): boolean;
+        isInvalid(element: HTMLElement | Element | ShadowRoot ): boolean;
+        isValid(element: HTMLElement | Element | ShadowRoot ): boolean;
+        save(): void;
+        formSaveTouchHandler(): void;
+    }
+    class CanvasTool extends InheritClass { }
+}
+
+export = sdk;

package/transpile.js

@@ -0,0 +1,65 @@
+const ts = require('typescript');
+const path = require('path');
+
+// Get the tsconfig file name from command line arguments
+const configFileName = process.argv[2];
+
+if (!configFileName) {
+  console.error('Please provide the tsconfig file name as a parameter.');
+  process.exit(1);
+}
+
+// Resolve the path to the tsconfig file
+const configPath = path.resolve(__dirname, configFileName);
+
+// Parse the tsconfig file
+const parsedCommandLine = ts.getParsedCommandLineOfConfigFile(configPath, {}, {
+  ...ts.sys,
+  onUnRecoverableConfigFileDiagnostic: diagnostic => {
+    console.error(ts.formatDiagnostic(diagnostic, {
+      getCanonicalFileName: (fileName) => fileName,
+      getCurrentDirectory: ts.sys.getCurrentDirectory,
+      getNewLine: () => ts.sys.newLine,
+    }));
+    process.exit(1);
+  }
+});
+
+if (!parsedCommandLine) {
+  console.error('Failed to parse tsconfig file');
+  process.exit(1);
+}
+
+// Create a program with the parsed settings
+const program = ts.createProgram({
+  rootNames: parsedCommandLine.fileNames,
+  options: parsedCommandLine.options,
+});
+
+// Emit the compiled files
+const emitResult = program.emit();
+
+// Report any diagnostics (errors or warnings)
+const allDiagnostics = ts.getPreEmitDiagnostics(program).concat(emitResult.diagnostics);
+
+allDiagnostics.forEach(diagnostic => {
+  if (diagnostic.file) {
+    const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start);
+    const message = ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n');
+    console.error(`${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`);
+  } else {
+    console.error(ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n'));
+  }
+});
+
+// Check if any files were emitted
+const emittedFiles = emitResult.emittedFiles || [];
+if (emittedFiles.length > 0) {
+  console.log('Emitted files:');
+  emittedFiles.forEach(file => console.log(file));
+}
+
+// Exit with an appropriate code
+const exitCode = emitResult.emitSkipped ? 1 : 0;
+console.log(`Process exiting with code '${exitCode}'.`);
+process.exit(exitCode);

package/tsconfig.d.json

@@ -1,5 +1,67 @@
 {
-  "extends": "qcobjects-tsconfig/tsconfig.d.json",
-  "include": ["src/**/*.ts"],
-  "exclude": ["src/**/*.spec.js", "src/*.js"]
+  "extends": [
+    "./tsconfig.json"
+  ],
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "rootDir": "./src",
+    "outFile": "public/types/index.d.ts",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "baseUrl": ".",
+    "typeRoots": ["./node_modules/@types"],
+    "paths": {
+      "types": ["src/types/global"]
+    }
+  },
+  "include": [
+    "src/**/*",
+    "src/types/**/*"
+  ],
+  "exclude": [
+    "**/*.js",
+    "src/index.mts",
+    "src/index.cts",
+    "node_modules",
+    "node_modules/**/*",
+    "**/node_modules/*",
+    "public/types"
+  ],
+"ts-node": {
+    // It is faster to skip typechecking.
+    // Remove if you want ts-node to do typechecking.
+    "transpileOnly": true,
+    "files": true,
+    "compilerOptions": {
+      "rootDir": "./src",
+      "baseUrl": ".",
+      "paths": {
+        "types": ["types/global"]
+  
+      }
+        
+    },
+    "include": [
+      "src/**/*",
+      "src/types/**/*"
+    ],
+    "exclude": [
+      "**/*.js",
+      "src/index.mts",
+      "src/index.cts",
+      "node_modules",
+      "node_modules/**/*",
+      "**/node_modules/*",
+      "public/types"
+    ]
+  
+  }
 }

package/tsconfig.jasmine.json

@@ -0,0 +1,64 @@
+{
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "moduleDetection": "auto",
+    "moduleResolution": "nodenext",
+    "allowImportingTsExtensions": true,
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "target": "ESNext",
+    "lib": [
+      "ESNext",
+      "DOM"
+    ],
+    "module": "NodeNext",
+    "rootDir": "./",
+    "allowJs": true,
+    "outDir": "build/spec",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "sourceRoot": "./src",
+    "inlineSourceMap": true,
+    "typeRoots": [
+      "./node_modules/@types"
+    ],
+    "types": [
+      "node",
+      "jasmine"
+    ],
+    "paths": {
+      "*": [
+        "src/*"
+      ],
+      "types": [
+        "src/types/global/index.d.ts"
+      ],
+      "qcobjects": [
+        "src/qcobjects.ts"
+      ],
+      "qcobjects-sdk": [
+        "spec/mocks/qcobjects-sdk.mock.ts"
+      ]
+    }
+  },
+  "include": [
+    "spec/**/*",
+    "src/**/*",
+    "src/*"
+  ],
+  "exclude": [
+    "src/**/*.mts",
+    "src/**/*.cts",
+    "node_modules",
+    "node_modules/**/*",
+    "public/types/**/*"
+  ]
+}