qcobjects 2.5.108-beta → 2.5.110-beta

package/public/types/index.d.ts

@@ -12,6 +12,10 @@ declare module "ClassFactory" {
     import { TClassFactory } from "types";
     export const ClassFactory: TClassFactory;
 }
+declare module "_import_" {
+    function _import_(name: string): Promise<any>;
+    export { _import_ };
+}
 declare module "platform" {
     export const isDeno: boolean;
     export const isBrowser: boolean;
@@ -38,7 +42,8 @@ declare module "Cast" {
 }
 declare module "DOMCreateElement" {
     import { IQCObjectsElement } from "types";
-    export const _DOMCreateElement: (elementName: string) => IQCObjectsElement;
+    export const _DOMCreateElement: (elementName: string, props?: any[], children?: any) => IQCObjectsElement;
+    export const _DOMCreateComplexElement: (_type: string | Function, props?: any[], children?: any) => HTMLElement;
 }
 declare module "ObjectName" {
     /**
@@ -1050,3 +1055,5 @@ declare module "localStorage" {
 declare module "uniqueID" {
     export const uniqueId: () => string;
 }
+
+export {};

package/src/DOMCreateElement.ts

@@ -1,12 +1,46 @@
 import { IQCObjectsElement } from "types";
 import { isBrowser } from "./platform";
 
-export const _DOMCreateElement = function (elementName:string):IQCObjectsElement {
+export const _DOMCreateElement = function (elementName:string, props?:any[], children?:any):IQCObjectsElement {
     let _ret_;
     if (isBrowser) {
-      _ret_ = document.createElement(elementName) as unknown as IQCObjectsElement;
+      _ret_ = _DOMCreateComplexElement(elementName, props, children) as unknown as IQCObjectsElement;
     } else {
       _ret_ = {} as IQCObjectsElement;
     }
     return _ret_;
   };
+
+
+const ComplexTypeCall = (_type:Function, {props, children}:{props?:any[], children?:any}):IQCObjectsElement => {
+    return _type({props, children}) as IQCObjectsElement;
+};
+export const _DOMCreateComplexElement = (_type:string|Function, props?:any[], children?:any) => {
+
+    if (typeof _type !== "string") {
+        return ComplexTypeCall(_type, {props,children});
+    }
+    const element = document.createElement(_type);
+
+    if (props) {
+        Object.entries(props).forEach(([key, value]) => {
+            if (typeof value === "string" || typeof value === "number") {
+                element.setAttribute(key, value.toString());
+            } else if (typeof value === "function" && key.toLowerCase().startsWith("on")) {
+                element.addEventListener(key.slice(2).toLowerCase(), value.bind(element));
+            }
+        });
+    }
+
+    if (Array.isArray(children)) {
+        children.filter((child => child instanceof Node)).forEach(child => {
+            element.appendChild(child);
+        });
+    } else if (children instanceof Node) {
+        element.appendChild(children);
+    } else if (typeof children === "string") {
+        element.innerHTML = children;
+    }
+
+    return element;
+};

package/src/_import_.ts

@@ -0,0 +1,27 @@
+import { logger } from "./Logger";
+
+async function _import_(name:string):Promise<any> {
+    logger.debug(`Importing ${name}...`);
+    function isPackage(name:string) {
+      logger.debug(`Validating if ${name} is a package name...`);
+      // Simple check to determine if the name is a package
+      // This can be enhanced based on your specific needs
+      return !name.startsWith(".") && !name.startsWith("/") && !name.includes("/");
+    }
+  
+    try {
+      // Ensure the name has a .js extension if it's not a package
+      const hasExtension = /\.[^/\\]+$/.test(name);
+      if (!hasExtension && !isPackage(name)) {
+        logger.debug(`${name} does not have an extension and is not a package. Adding js extension.`);
+        name += ".js";
+      }
+  
+      const m:any = await import(name);
+      return m;
+    } catch (error:any) {
+      logger.warn(`Failed to load module: ${error}`);
+    }
+  }
+  
+export {_import_};

package/src/findPackageNodePath.ts

@@ -1,12 +1,12 @@
 import { CONFIG } from "./CONFIG";
 import { Export } from "./Export";
 import { logger } from "./Logger";
-import { _require_, isBrowser } from "./platform";
+import { isBrowser } from "./platform";
+import fs from "node:fs";
 
 export const findPackageNodePath = function (packagename:string):string|null {
     let sdkPath = null;
     if (!isBrowser) {
-        const fs = _require_("fs");
         try {
             let sdkPaths = [
                 `${CONFIG.get("projectPath")}${CONFIG.get("relativeImportPath")}`,

package/src/platform.ts

@@ -1,3 +1,4 @@
+import { _import_ } from "./_import_";
 import { logger } from "./Logger";
 
 export const isDeno:boolean = (typeof window !== "undefined" && "Deno" in window);
@@ -11,8 +12,14 @@ export const _require_ = (name:string):any => {
     ( (name):any => {
       let r;
       try {
-        // eslint-disable-next-line @typescript-eslint/no-require-imports
-        r = require(name);
+        _import_ (name)
+        .then ((m) => {
+          r = (m && m.default) || m;
+        })
+        .catch ((e:any) => {
+          logger.warn(`An error ocurred: ${e}`);
+        });
+
       } catch (e:any) {
         logger.debug(`An error ocurred importing module. ${e}`);
         r = {export:{}};

package/src/index.cts

@@ -1,2 +0,0 @@
-const QCObjects = require("./QCObjects.js");
-module.exports = QCObjects;

package/src/index.mts

@@ -1,2 +0,0 @@
-import * as QCObjects from "./QCObjects.js";
-export default QCObjects;