ziko 0.0.17 → 0.0.19

package/src/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?.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
-// }
+// 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

@@ -1,20 +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__
-}
+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

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

package/src/global/params/index.js

@@ -1,40 +1,40 @@
-function parseParams(queryString) {
-    const params = {};
-    queryString.replace(/[A-Z0-9]+?=([\w|:|\/\.]*)/gi, (match) => {
-        const [key, value] = match.split('=');
-        params[key] = value;
-    });
-    return params;
-}
-
-function defineParamsGetter(target = globalThis){
-    Object.defineProperties(target, {
-        'QueryParams': {
-            get: function() {
-                return parseParams(location.search.substring(1));
-            },
-            configurable: false,
-            enumerable: true 
-        },
-        'HashParams': {
-            get: function() {
-                const hash = window.location.hash.substring(1);
-                return parseParams(hash);
-            },
-            configurable: false,
-            enumerable: true 
-        }
-    });
-}
-
-
-/*
-
-  /users?name=ziko&age=26
-  /users#name=ziko
-
-*/
-
-export{
-    defineParamsGetter
+function parseParams(queryString) {
+    const params = {};
+    queryString.replace(/[A-Z0-9]+?=([\w|:|\/\.]*)/gi, (match) => {
+        const [key, value] = match.split('=');
+        params[key] = value;
+    });
+    return params;
+}
+
+function defineParamsGetter(target = globalThis){
+    Object.defineProperties(target, {
+        'QueryParams': {
+            get: function() {
+                return parseParams(location.search.substring(1));
+            },
+            configurable: false,
+            enumerable: true 
+        },
+        'HashParams': {
+            get: function() {
+                const hash = window.location.hash.substring(1);
+                return parseParams(hash);
+            },
+            configurable: false,
+            enumerable: true 
+        }
+    });
+}
+
+
+/*
+
+  /users?name=ziko&age=26
+  /users#name=ziko
+
+*/
+
+export{
+    defineParamsGetter
 }

package/src/global/router/index.js

@@ -1,67 +1,67 @@
-import { text } from "../../ui/elements/primitives/text/index.js";
-class ZikoSPA{
-    constructor(root_UI,routes){
-        this.root_UI=root_UI;
-        this.routes=new Map([
-            [404,text("Error 404")],
-            ...Object.entries(routes)
-        ]);
-        this.patterns=new Map();
-        this.maintain();
-        window.onpopstate = this.render(location.pathname);
-
-    }
-    // get(path,wrapper){
-    //     (path instanceof RegExp)
-    //     ? this.patterns.set(path,wrapper)
-    //     : this.routes.set(path,wrapper);
-    //     this.maintain();
-    //     return this;
-    // }
-    get(path, wrapper) {
-        if (typeof path === 'string' && path.includes(':')) {
-            const params = [];
-            const regex = new RegExp(`^${path.replace(/:([^/]+)/g, (match, paramName) => {
-                params.push(paramName);
-                return '(.+)';
-            })}$`);
-            this.patterns.set(regex, (path) => {
-                const values = regex.exec(path).slice(1);
-                wrapper(...values);
-            });
-        } else {
-            (path instanceof RegExp)
-            ? this.patterns.set(path, wrapper)
-                : this.routes.set(path, wrapper);
-        }
-        this.maintain();
-        return this;
-    }
-    maintain(){
-        this.root_UI.append(...this.routes.values());
-        [...this.routes.values()].map(n=>n.render(false));
-        this.render(location.pathname)
-        return this;
-    }
-    render(path){
-        if(this.routes.get(path))this.routes.get(path).render(true);
-        else{   
-            const key=[...this.patterns.keys()].find(pattern=>pattern.test(path))
-            if(key)this.patterns.get(key)(path);
-            else this.routes.get(404).render(true)
-        }
-        window.history.pushState({}, "", path);
-        return this;
-    }
-}
-const SPA=(root_UI,routes,patterns)=>new ZikoSPA(root_UI,routes,patterns);
-
-export {SPA}
-
-/*
- // Static 
-  S.get("/url",wrapper)
-// Dynamique 
- s.get("/url/name/:name/id/:id",(path,name,id)=>handler())
-// regEx
+import { text } from "../../ui/elements/primitives/text/index.js";
+class ZikoSPA{
+    constructor(root_UI,routes){
+        this.root_UI=root_UI;
+        this.routes=new Map([
+            [404,text("Error 404")],
+            ...Object.entries(routes)
+        ]);
+        this.patterns=new Map();
+        this.maintain();
+        window.onpopstate = this.render(location.pathname);
+
+    }
+    // get(path,wrapper){
+    //     (path instanceof RegExp)
+    //     ? this.patterns.set(path,wrapper)
+    //     : this.routes.set(path,wrapper);
+    //     this.maintain();
+    //     return this;
+    // }
+    get(path, wrapper) {
+        if (typeof path === 'string' && path.includes(':')) {
+            const params = [];
+            const regex = new RegExp(`^${path.replace(/:([^/]+)/g, (match, paramName) => {
+                params.push(paramName);
+                return '(.+)';
+            })}$`);
+            this.patterns.set(regex, (path) => {
+                const values = regex.exec(path).slice(1);
+                wrapper(...values);
+            });
+        } else {
+            (path instanceof RegExp)
+            ? this.patterns.set(path, wrapper)
+                : this.routes.set(path, wrapper);
+        }
+        this.maintain();
+        return this;
+    }
+    maintain(){
+        this.root_UI.append(...this.routes.values());
+        [...this.routes.values()].map(n=>n.render(false));
+        this.render(location.pathname)
+        return this;
+    }
+    render(path){
+        if(this.routes.get(path))this.routes.get(path).render(true);
+        else{   
+            const key=[...this.patterns.keys()].find(pattern=>pattern.test(path))
+            if(key)this.patterns.get(key)(path);
+            else this.routes.get(404).render(true)
+        }
+        window.history.pushState({}, "", path);
+        return this;
+    }
+}
+const SPA=(root_UI,routes,patterns)=>new ZikoSPA(root_UI,routes,patterns);
+
+export {SPA}
+
+/*
+ // Static 
+  S.get("/url",wrapper)
+// Dynamique 
+ s.get("/url/name/:name/id/:id",(path,name,id)=>handler())
+// regEx
 */

package/src/global/seo/index.js

@@ -1,43 +1,43 @@
-class ZikoSeo{
-    constructor(app){
-        this.app=app;
-        this.meta={};
-        this.#setMeta("generator","zikojs")
-    }
-    #setMeta(key,value){
-        const meta=document.querySelector(`meta[name=${key}]`);
-        this.meta=meta?meta:document?.createElement("meta");
-        this.meta.setAttribute("name",key);
-        this.meta.setAttribute("content",value);
-        if(!meta)this.app.head.append(this.meta);
-        return this;     
-    }
-    charset(charset="utf-8"){
-        const meta=document.querySelector("meta[charset]");
-        this.meta=meta?meta:document?.createElement("meta");
-        this.meta.setAttribute("charset",charset);
-        if(!meta)this.app.head.append(this.meta);
-        return this;
-    }
-    description(description){
-        this.#setMeta("description",description);
-        return this;    
-    }
-    viewport(viewport="width=device-width, initial-scale=1.0"){
-        this.#setMeta("viewport",viewport);
-        return this;    
-    }
-    keywords(...keywords){
-        keywords.push("zikojs");
-        keywords=[...new Set(keywords)].join(", ");
-        this.#setMeta("keywords",keywords);
-        return this;
-    }
-    author(name="",email=""){
-        const author=[name,email].join(", ");
-        this.#setMeta("author",author);
-        return this;
-    }
-}
-const Seo=(app)=>new ZikoSeo(app);
+class ZikoSeo{
+    constructor(app){
+        this.app=app;
+        this.meta={};
+        this.#setMeta("generator","zikojs")
+    }
+    #setMeta(key,value){
+        const meta=document.querySelector(`meta[name=${key}]`);
+        this.meta=meta?meta:document?.createElement("meta");
+        this.meta.setAttribute("name",key);
+        this.meta.setAttribute("content",value);
+        if(!meta)this.app.head.append(this.meta);
+        return this;     
+    }
+    charset(charset="utf-8"){
+        const meta=document.querySelector("meta[charset]");
+        this.meta=meta?meta:document?.createElement("meta");
+        this.meta.setAttribute("charset",charset);
+        if(!meta)this.app.head.append(this.meta);
+        return this;
+    }
+    description(description){
+        this.#setMeta("description",description);
+        return this;    
+    }
+    viewport(viewport="width=device-width, initial-scale=1.0"){
+        this.#setMeta("viewport",viewport);
+        return this;    
+    }
+    keywords(...keywords){
+        keywords.push("zikojs");
+        keywords=[...new Set(keywords)].join(", ");
+        this.#setMeta("keywords",keywords);
+        return this;
+    }
+    author(name="",email=""){
+        const author=[name,email].join(", ");
+        this.#setMeta("author",author);
+        return this;
+    }
+}
+const Seo=(app)=>new ZikoSeo(app);
 export{Seo}