ziko 0.0.13 → 0.0.15

package/src/data/parser/xml.js

@@ -1,47 +1,47 @@
-function parseXML(xmlString) {
-    const parser = new DOMParser();
-    const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
-    const rootNode = xmlDoc.documentElement;
-    const result = parseNode(rootNode);
-    return result;
-  }
-  
-  function parseNode(node) {
-    const obj = {
-      type: node.nodeName,
-      attributes: {},
-      children: []
-    };
-    for (let i = 0; i < node.attributes.length; i++) {
-      const attr = node.attributes[i];
-      obj.attributes[attr.name] = attr.value;
-    }
-    for (let i = 0; i < node.childNodes.length; i++) {
-      const child = node.childNodes[i];
-      if (child.nodeType === Node.ELEMENT_NODE) {
-        obj.children.push(parseNode(child));
-      } else if (child.nodeType === Node.TEXT_NODE) {
-        obj.text = child.textContent.trim();
-      }
-    }
-    return obj;
-  }
-  export default parseXML;
-
-  // function htmlParser(element) {
-  //   const obj = {
-  //     type: element.tagName,
-  //     attributes: {},
-  //     children: [],
-  //   };
-  //   for (let i = 0; i < element.attributes.length; i++) {
-  //     const attr = element.attributes[i];
-  //     obj.attributes[attr.name] = attr.value;
-  //   }
-  //   for (let i = 0; i < element.children.length; i++) {
-  //     const child = element.children[i];
-  //     obj.children.push(htmlParser(child));
-  //   }
-  //   return obj;
-  // }
+function parseXML(xmlString) {
+    const parser = new DOMParser();
+    const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
+    const rootNode = xmlDoc.documentElement;
+    const result = parseNode(rootNode);
+    return result;
+  }
+  
+  function parseNode(node) {
+    const obj = {
+      type: node.nodeName,
+      attributes: {},
+      children: []
+    };
+    for (let i = 0; i < node.attributes.length; i++) {
+      const attr = node.attributes[i];
+      obj.attributes[attr.name] = attr.value;
+    }
+    for (let i = 0; i < node.childNodes.length; i++) {
+      const child = node.childNodes[i];
+      if (child.nodeType === Node.ELEMENT_NODE) {
+        obj.children.push(parseNode(child));
+      } else if (child.nodeType === Node.TEXT_NODE) {
+        obj.text = child.textContent.trim();
+      }
+    }
+    return obj;
+  }
+  export default parseXML;
+
+  // function htmlParser(element) {
+  //   const obj = {
+  //     type: element.tagName,
+  //     attributes: {},
+  //     children: [],
+  //   };
+  //   for (let i = 0; i < element.attributes.length; i++) {
+  //     const attr = element.attributes[i];
+  //     obj.attributes[attr.name] = attr.value;
+  //   }
+  //   for (let i = 0; i < element.children.length; i++) {
+  //     const child = element.children[i];
+  //     obj.children.push(htmlParser(child));
+  //   }
+  //   return obj;
+  // }
  

package/src/data/string/patterns.js

@@ -1,12 +1,12 @@
-const Patterns={
-    isDigit: /^\d+$/,
-    isEmail: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
-    isURL: /^(https?:\/\/)?([\w\-]+\.)+[\w\-]+(\/[\w\-./?%&=]*)?$/,
-    isHexColor: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/,
-    isIPv4: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
-    isMACAddress: /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/,
-    isDate: /^\d{4}-\d{2}-\d{2}$/,
-}
-export{
-    Patterns
+const Patterns={
+    isDigit: /^\d+$/,
+    isEmail: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
+    isURL: /^(https?:\/\/)?([\w\-]+\.)+[\w\-]+(\/[\w\-./?%&=]*)?$/,
+    isHexColor: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/,
+    isIPv4: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
+    isMACAddress: /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/,
+    isDate: /^\d{4}-\d{2}-\d{2}$/,
+}
+export{
+    Patterns
 }

package/src/data/string/string.js

@@ -1,170 +1,170 @@
-import { Patterns } from "./patterns.js";
-class Str{
-    constructor(string){
-        this.string=string;
-    }
-    isDigit() {
-        return Patterns.isDigit.test(this.string);
-    }
-    static isDigit(string){
-        return new Str(string).isDigit();
-    }
-    isNumber() {
-        return !isNaN(this.string);
-    }
-    static isNumber(string){
-        return new Str(string).isNumber();
-    }
-    isUrl(){
-        return Patterns.isURL.test(this.string);
-    }
-    static isUrl(string){
-        return new Str(string).isUrl();
-    }
-    isHexColor(){
-        return Patterns.isHexColor.test(this.string);
-    }
-    static isHexColor(string){
-        return new Str(string).isHexColor();
-    }
-    isIPv4(){
-        return Patterns.isIPv4.test(this.string);
-    }
-    static isIPv4(string){
-        return new Str(string).isIPv4();
-    }
-    isDate(){
-        return Patterns.isDate.test(this.string);
-    }
-    static isDate(string){
-        return new Str(string).isDate();
-    }
-    isMACAddress(){
-        return Patterns.isMACAddress.test(this.string);
-    }
-    static isMACAddress(string){
-        return new Str(string).isMACAddress();
-    }
-    isPascalCase(){
-        if (this.string.length === 0) return false;
-        const PascalCasePattern = /^[A-Z][a-zA-Z0-9]*$/;
-        return PascalCasePattern.test(this.string);
-    }
-    static isPascalCase(string){
-        return new Str(string).isPascalCase();
-    }
-    isCamelCase() {
-        if (this.string.length === 0) return false;        
-        const camelCasePattern = /^[a-z][a-zA-Z0-9]*$/;
-        return camelCasePattern.test(this.string);
-    }
-    static isCamelCase(string){
-        return new Str(string).isCamelCase();
-    }
-    isHyphenCase(){
-        return this.string.split('-').length > 1;
-    }
-    static isHyphenCase(string){
-        return new Str(string).isHyphenCase();
-    }
-    isSnakeCase(){
-        return this.string.split('_').length > 1;
-    }
-    static isSnakeCase(string){
-        return new Str(string).isSnakeCase();
-    }
-    isPalindrome(){
-        const str=this.string.toLocaleLowerCase();
-        let l=str.length,i;
-        for(i=0;i<l/2;i++)if(str[i]!=str[l-i-1])return false;
-        return true;
-    }
-    static isPalindrome(string){
-        return new Str(string).isPalindrome();
-    }
-    static isAnagrams(word,words){
-        word=word.split("").sort();
-        words=words.split("").sort();
-        return JSON.stringify(word)===JSON.stringify(words);
-    }
-    isIsogram(){
-        return [...new Set(this.string.toLowerCase())].length===this.string.length; 
-    }
-    static isIsogram(string){
-       return  new Str(string).isIsogram();
-    }
-    static camel2hyphencase(text) {
-        return text.replace(/[A-Z]/g, match => '-' + match.toLowerCase());
-    }
-    static camel2snakecase(text) {
-        return text.replace(/[A-Z]/g, match => '_' + match.toLowerCase());
-    }
-    static camel2pascalcase(text) {
-        return text.charAt(0).toUpperCase() + text.slice(1);
-    }
-    static camel2constantcase(text) {
-        return text.replace(/[A-Z]/g, match => '_' + match).toUpperCase();
-    }
-    static pascal2snakecase(text) {
-        return text.replace(/([A-Z])/g, (match, offset) => offset ? '_' + match.toLowerCase() : match.toLowerCase());
-    }
-    static pascal2hyphencase(text) {
-        return text.replace(/([A-Z])/g, (match, offset) => offset ? '-' + match.toLowerCase() : match.toLowerCase());
-    }
-    static pascal2camelcase(text) {
-        return text.charAt(0).toLowerCase() + text.slice(1);
-    }
-    static pascal2constantcase(text) {
-        return text.replace(/([A-Z])/g, (match, offset) => offset ? '_' + match : match).toUpperCase();
-    }
-    static snake2camelcase(text) {
-        return text.replace(/(_\w)/g, match => match[1].toUpperCase());
-    }
-    static snake2hyphencase(text) {
-        return text.replace(/_/g, "-");
-    }
-    static snake2pascalcase(text) {
-        return text.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
-    }
-    static snake2constantcase(text) {
-        return text.toUpperCase();
-    }
-    static hyphen2camelcase(text) {
-        return text.replace(/-([a-z])/g, match => match[1].toUpperCase());
-    }
-    static hyphen2snakecase(text) {
-        return text.replace(/-/g, '_');
-    }
-    static hyphen2pascalcase(text) {
-        return text.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
-    }
-    static hyphen2constantcase(text) {
-        return text.replace(/-/g, '_').toUpperCase();
-    }
-    static constant2camelcase(text) {
-        return text.toLowerCase().replace(/_([a-z])/g, match => match[1].toUpperCase());
-    }
-    static constant2snakecase(text) {
-        return text.toLowerCase();
-    }
-    static constant2pascalcase(text) {
-        return text.toLowerCase().split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
-    }
-    static constant2hyphencase(text) {
-        return text.toLowerCase().replace(/_/g, '-');
-    }
-}
-const removeExtraSpace=str=>str.replace(/\s+/g,' ');
-const count=(str,value)=>str.split("").filter(x => x==value).length;
-const countWords=(str,value)=>str.split(" ").filter(x => x==value).length;
-
-export{
-    removeExtraSpace,
-    count,
-    countWords
-}
-const str=string=>new Str(string);
-export{
-    Str,
-    str
+import { Patterns } from "./patterns.js";
+class Str{
+    constructor(string){
+        this.string=string;
+    }
+    isDigit() {
+        return Patterns.isDigit.test(this.string);
+    }
+    static isDigit(string){
+        return new Str(string).isDigit();
+    }
+    isNumber() {
+        return !isNaN(this.string);
+    }
+    static isNumber(string){
+        return new Str(string).isNumber();
+    }
+    isUrl(){
+        return Patterns.isURL.test(this.string);
+    }
+    static isUrl(string){
+        return new Str(string).isUrl();
+    }
+    isHexColor(){
+        return Patterns.isHexColor.test(this.string);
+    }
+    static isHexColor(string){
+        return new Str(string).isHexColor();
+    }
+    isIPv4(){
+        return Patterns.isIPv4.test(this.string);
+    }
+    static isIPv4(string){
+        return new Str(string).isIPv4();
+    }
+    isDate(){
+        return Patterns.isDate.test(this.string);
+    }
+    static isDate(string){
+        return new Str(string).isDate();
+    }
+    isMACAddress(){
+        return Patterns.isMACAddress.test(this.string);
+    }
+    static isMACAddress(string){
+        return new Str(string).isMACAddress();
+    }
+    isPascalCase(){
+        if (this.string.length === 0) return false;
+        const PascalCasePattern = /^[A-Z][a-zA-Z0-9]*$/;
+        return PascalCasePattern.test(this.string);
+    }
+    static isPascalCase(string){
+        return new Str(string).isPascalCase();
+    }
+    isCamelCase() {
+        if (this.string.length === 0) return false;        
+        const camelCasePattern = /^[a-z][a-zA-Z0-9]*$/;
+        return camelCasePattern.test(this.string);
+    }
+    static isCamelCase(string){
+        return new Str(string).isCamelCase();
+    }
+    isHyphenCase(){
+        return this.string.split('-').length > 1;
+    }
+    static isHyphenCase(string){
+        return new Str(string).isHyphenCase();
+    }
+    isSnakeCase(){
+        return this.string.split('_').length > 1;
+    }
+    static isSnakeCase(string){
+        return new Str(string).isSnakeCase();
+    }
+    isPalindrome(){
+        const str=this.string.toLocaleLowerCase();
+        let l=str.length,i;
+        for(i=0;i<l/2;i++)if(str[i]!=str[l-i-1])return false;
+        return true;
+    }
+    static isPalindrome(string){
+        return new Str(string).isPalindrome();
+    }
+    static isAnagrams(word,words){
+        word=word.split("").sort();
+        words=words.split("").sort();
+        return JSON.stringify(word)===JSON.stringify(words);
+    }
+    isIsogram(){
+        return [...new Set(this.string.toLowerCase())].length===this.string.length; 
+    }
+    static isIsogram(string){
+       return  new Str(string).isIsogram();
+    }
+    static camel2hyphencase(text) {
+        return text.replace(/[A-Z]/g, match => '-' + match.toLowerCase());
+    }
+    static camel2snakecase(text) {
+        return text.replace(/[A-Z]/g, match => '_' + match.toLowerCase());
+    }
+    static camel2pascalcase(text) {
+        return text.charAt(0).toUpperCase() + text.slice(1);
+    }
+    static camel2constantcase(text) {
+        return text.replace(/[A-Z]/g, match => '_' + match).toUpperCase();
+    }
+    static pascal2snakecase(text) {
+        return text.replace(/([A-Z])/g, (match, offset) => offset ? '_' + match.toLowerCase() : match.toLowerCase());
+    }
+    static pascal2hyphencase(text) {
+        return text.replace(/([A-Z])/g, (match, offset) => offset ? '-' + match.toLowerCase() : match.toLowerCase());
+    }
+    static pascal2camelcase(text) {
+        return text.charAt(0).toLowerCase() + text.slice(1);
+    }
+    static pascal2constantcase(text) {
+        return text.replace(/([A-Z])/g, (match, offset) => offset ? '_' + match : match).toUpperCase();
+    }
+    static snake2camelcase(text) {
+        return text.replace(/(_\w)/g, match => match[1].toUpperCase());
+    }
+    static snake2hyphencase(text) {
+        return text.replace(/_/g, "-");
+    }
+    static snake2pascalcase(text) {
+        return text.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+    }
+    static snake2constantcase(text) {
+        return text.toUpperCase();
+    }
+    static hyphen2camelcase(text) {
+        return text.replace(/-([a-z])/g, match => match[1].toUpperCase());
+    }
+    static hyphen2snakecase(text) {
+        return text.replace(/-/g, '_');
+    }
+    static hyphen2pascalcase(text) {
+        return text.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+    }
+    static hyphen2constantcase(text) {
+        return text.replace(/-/g, '_').toUpperCase();
+    }
+    static constant2camelcase(text) {
+        return text.toLowerCase().replace(/_([a-z])/g, match => match[1].toUpperCase());
+    }
+    static constant2snakecase(text) {
+        return text.toLowerCase();
+    }
+    static constant2pascalcase(text) {
+        return text.toLowerCase().split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+    }
+    static constant2hyphencase(text) {
+        return text.toLowerCase().replace(/_/g, '-');
+    }
+}
+const removeExtraSpace=str=>str.replace(/\s+/g,' ');
+const count=(str,value)=>str.split("").filter(x => x==value).length;
+const countWords=(str,value)=>str.split(" ").filter(x => x==value).length;
+
+export{
+    removeExtraSpace,
+    count,
+    countWords
+}
+const str=string=>new Str(string);
+export{
+    Str,
+    str
 }

package/src/{app/app.js → global/app/index.js}

@@ -1,46 +1,46 @@
-import { ZikoUIFlex } from "../user-interface/elements/derived/Flex.js";
-import { Seo } from "./seo/index.js";
-import { useHashEvent } from "../reactivity/index.js";
-class ZikoUIApp extends ZikoUIFlex{
-    constructor(){
-        super("main");
-        this.root=document.documentElement;
-        this.head=null;
-        this.#init();
-        this.seo=Seo(this);
-        Object.assign(this.events,{
-            hash:null
-        })
-        Object.assign(this.cache,{
-            theme:null,
-            isRoot:true
-        });
-        // globalThis.__Ziko__.__Config__.default.render && this.render();
-    }
-    #init(){
-        this.root.setAttribute("data-engine","zikojs");
-        const head=this.root.getElementsByTagName("head")[0];
-        this.head=head?head:this.head=document?.createElementtt("head");
-        if(!head)this.root.insertBefore(this.head,document?.body);
-        const title=this.head.getElementsByTagName("title")[0];
-        this.Title=title?title:document?.createElementt("title");
-        if(!title)this.head.append(this.Title);
-    }
-    title(title=this.title.textContent){
-        this.Title.textContent=title;
-        return this;
-    }
-    prefetch(){
-
-    }
-    description(){
-
-    }
-    onHashChange(...callbacks){
-        if(!this.events.hash)this.events.hash = useHashEvent(this);
-        this.events.hash.onChange(...callbacks);
-        return this;
-      }
-}
-const App=(...UIElement)=>new ZikoUIApp().append(...UIElement)
+import { ZikoUIFlex } from "../../ui/elements/derived/flex/index.js";
+import { Seo } from "../seo/index.js";
+import { useHashEvent } from "../../reactivity/index.js";
+class ZikoUIApp extends ZikoUIFlex{
+    constructor(){
+        super("main");
+        this.root=document.documentElement;
+        this.head=null;
+        this.#init();
+        this.seo=Seo(this);
+        Object.assign(this.events,{
+            hash:null
+        })
+        Object.assign(this.cache,{
+            theme:null,
+            isRoot:true
+        });
+        // globalThis.__Ziko__.__Config__.default.render && this.render();
+    }
+    #init(){
+        this.root.setAttribute("data-engine","zikojs");
+        const head=this.root.getElementsByTagName("head")[0];
+        this.head=head?head:this.head=document?.createElement("head");
+        if(!head)this.root.insertBefore(this.head,document?.body);
+        const title=this.head.getElementsByTagName("title")[0];
+        this.Title=title?title:document?.createElement("title");
+        if(!title)this.head.append(this.Title);
+    }
+    title(title=this.title.textContent){
+        this.Title.textContent=title;
+        return this;
+    }
+    prefetch(){
+
+    }
+    description(){
+
+    }
+    onHashChange(...callbacks){
+        if(!this.events.hash)this.events.hash = useHashEvent(this);
+        this.events.hash.onChange(...callbacks);
+        return this;
+      }
+}
+const App=(...UIElement)=>new ZikoUIApp().append(...UIElement)
 export {App};

package/src/{app → global}/component/index.js

@@ -1,38 +1,38 @@
-// if(globalThis?.document){
-//     class ZikoUIComponent extends HTMLElement{
-//     constructor(){
-//         super();
-//         this.shadowDOM = this.attachShadow({ mode: 'open' });
-//         this.wrapper=document?.createElementt("div");
-//     }
-//     connectedCallback() {
-//         this.setAttribute('role', 'region');
-//         this.setAttribute('data-engine',"zikojs");
-//         this.shadowDOM.append(this.wrapper);
-//         this.observeContentChanges();
-//     }
-//     observeContentChanges() {
-//         const observer = new MutationObserver((mutations) => {
-//             mutations.forEach((mutation) => {
-//                 if (mutation.type === 'childList' || mutation.type === 'characterData') {
-//                     this.wrapper.innerHTML="";
-//                     __Ziko__.__Config__.setDefault({ target: this.wrapper });
-//                     globalThis.eval(this.innerHTML);
-//                 }
-//             });
-//         });
-//         observer.observe(this, { childList: true, subtree: true, characterData: true });
-//     }
-
-//     disconnectedCallback() {
-//         console.log('ZikoUIComponent removed from page.');
-//     }
-// }
-//     globalThis.customElements.define('ziko-ui', ZikoUIComponent);
-// }
-// else {
-//     var ZikoUIComponent = null;
-// }
-// export{
-//     ZikoUIComponent
-// }
+// if(globalThis?.document){
+//     class ZikoUIComponent extends HTMLElement{
+//     constructor(){
+//         super();
+//         this.shadowDOM = this.attachShadow({ mode: 'open' });
+//         this.wrapper=document?.createElement("div");
+//     }
+//     connectedCallback() {
+//         this.setAttribute('role', 'region');
+//         this.setAttribute('data-engine',"zikojs");
+//         this.shadowDOM.append(this.wrapper);
+//         this.observeContentChanges();
+//     }
+//     observeContentChanges() {
+//         const observer = new MutationObserver((mutations) => {
+//             mutations.forEach((mutation) => {
+//                 if (mutation.type === 'childList' || mutation.type === 'characterData') {
+//                     this.wrapper.innerHTML="";
+//                     __Ziko__.__Config__.setDefault({ target: this.wrapper });
+//                     globalThis.eval(this.innerHTML);
+//                 }
+//             });
+//         });
+//         observer.observe(this, { childList: true, subtree: true, characterData: true });
+//     }
+
+//     disconnectedCallback() {
+//         console.log('ZikoUIComponent removed from page.');
+//     }
+// }
+//     globalThis.customElements.define('ziko-ui', ZikoUIComponent);
+// }
+// else {
+//     var ZikoUIComponent = null;
+// }
+// export{
+//     ZikoUIComponent
+// }

package/src/global/globals/index.js

@@ -0,0 +1,20 @@
+const __UI__={}
+const __Config__={
+    default:{
+        target:null,
+        render:true,
+        math:{
+            mode:"deg"
+        }
+    },
+    setDefault:function(pairs){
+        const keys=Object.keys(pairs);
+        const values=Object.values(pairs);
+        for(let i=0;i<keys.length;i++)this.default[keys[i]]=values[i];
+    },
+    init:()=>document.documentElement.setAttribute("data-engine","zikojs")
+}
+export {
+    __UI__,
+    __Config__
+}

package/src/global/index.js

@@ -0,0 +1,12 @@
+// export{
+//     App,
+// } from "./app/index.js"
+// export { 
+//     Themes,
+//     LightThemes,
+//     DarkThemes
+// } from "./themes/index.js";
+export {
+    __Config__
+} from "./globals/index.js"
+export * from "./globals/index.js"