ziko 0.0.13 → 0.0.15

package/src/global/params/index.js

@@ -0,0 +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
+}

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

@@ -1,67 +1,67 @@
-import { text } from "../../user-interface/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/{app → 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?.createElementt("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}

package/src/global/style/index.js

@@ -0,0 +1 @@
+export * from "./jsonStyleSheet"