ziko 0.0.1

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "ziko",
+  "version": "0.0.1",
+  "description": "a versatile JavaScript library offering a rich set of UI components, advanced mathematical utilities,Reactivity,animations,client side routing and graphics capabilities",
+  "main": "src/index.js",
+  "keywords": [
+    "Zikojs",
+    "Math",
+    "User Interface",
+    "Time",
+    "Data",
+    "Svg",
+    "Canvas",
+    "Reactivity",
+    "Dom",
+    "Single Page Application"
+  ],
+  "type": "module",
+  "source": "src/index.js",
+  "files": [
+    "src",
+    "dist",
+    "LICENCE"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/ziko.mjs",
+      "require": "./dist/ziko.cjs"
+    }
+  },
+  "scripts": {
+    "test": "node --watch test/index.js",
+    "lint": "eslint src/*/*/*",
+    "build": "rollup -c rollup.config.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zakarialaoui10/ziko.js.git"
+  },
+  "author": "zakaria elalaoui",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/zakarialaoui10/ziko.js/issues"
+  },
+  "homepage": "https://github.com/zakarialaoui10/ziko.js#readme",
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "dir2tree": "^0.3.2",
+    "eslint": "^8.52.0",
+    "rollup": "^4.1.5"
+  }
+}

package/src/App/Globals/__Target__.js

@@ -0,0 +1,3 @@
+var __Target__=null;
+if(document.body)__Target__=document.body;
+export { __Target__}

package/src/App/Globals/__UI__.js

@@ -0,0 +1,38 @@
+const __UI__={
+    text:[],
+    p:[],
+    pre:[],
+    h1:[],
+    h2:[],
+    h3:[],
+    h4:[],
+    h5:[],
+    h6:[],
+    br:[],
+    hr:[],
+    btn:[],
+    ol:[],
+    ul:[],
+    image:[],
+    video:[],
+    audio:[],
+    Article:[],
+    Main:[],
+    Section:[],
+    Aside:[],
+    Nav:[],
+    Header:[],
+    Footer:[],
+    Flex:[],
+    FlexMain:[],
+    FlexNav:[],
+    FlexHeader:[],
+    FlexFooter:[],
+    FlexSection:[],
+    FLexArticle:[],
+    FlexAside:[],
+    Table:[],
+    Svg:[],
+    Canvas:[]
+  }
+export { __UI__ };

package/src/App/Globals/__init__.js

@@ -0,0 +1,8 @@
+const __init__=()=>document.documentElement.setAttribute("data-engine","zikojs");
+// if(globalThis?.document){
+//     document.addEventListener("DOMContentLoaded", __init__);
+//     document.removeEventListener("DOMContentLoaded", __init__);
+// }
+export {
+    __init__
+}

package/src/App/Globals/index.js

@@ -0,0 +1,3 @@
+export * from "./__init__";
+export * from "./__Target__";
+export * from "./__UI__"

package/src/App/Router/index.js

@@ -0,0 +1,40 @@
+import { text } from "../../UI/Text";
+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;
+    }
+    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}

package/src/App/Seo/index.js

@@ -0,0 +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);
+export{Seo}