ziko 0.0.18 → 0.0.19

package/package.json

@@ -1,18 +1,22 @@
 {
   "name": "ziko",
-  "version": "0.0.18",
-  "description": "a versatile JavaScript library offering a rich set of UI components, advanced mathematical utilities,Reactivity,animations,client side routing and graphics capabilities",
+  "version": "0.0.19",
+  "description": "a versatile javaScript framework offering a rich set of UI components, advanced mathematical utilities, reactivity, animations, client side routing and graphics capabilities",
   "keywords": [
-    "Zikojs",
-    "Math",
-    "User Interface",
-    "Time",
-    "Data",
-    "Svg",
-    "Canvas",
-    "Reactivity",
-    "Dom",
-    "Single Page Application"
+    "front-end",
+    "framework",
+    "zikojs",
+    "ziko",
+    "math",
+    "user-interface",
+    "time",
+    "data",
+    "svg",
+    "canvas",
+    "reactivity",
+    "dom",
+    "single page application",
+    "file based routing"
   ],
   "type": "module",
   "main": "dist/ziko.mjs",
@@ -27,39 +31,6 @@
     ".": {
       "import": "./dist/ziko.mjs",
       "require": "./dist/ziko.cjs"
-    },
-    "./type": {
-      "import": "./src/type.js"
-    },
-    "./math": {
-      "import": "./src/math/index.js"
-    },
-    "./math/functions": {
-      "import": "./src/math/functions/index.js"
-    },
-    "./math/matrix": {
-      "import": "./src/math/matrix/index.js"
-    },
-    "./math/complex": {
-      "import": "./src/math/complex/index.js"
-    },
-    "./math/signal": {
-      "import": "./src/math/signal/index.js"
-    },
-    "./ui": {
-      "import": "./src/ui/index.js"
-    },
-    "./time": {
-      "import": "./src/time/index.js"
-    },
-    "./reactivity": {
-      "import": "./src/reactivity/index.js"
-    },
-    "./data": {
-      "import": "./src/data/index.js"
-    },
-    "./graphics": {
-      "import": "./src/data/graphics.js"
     }
   },
   "bin": {

package/src/__helpers__/index.js

@@ -1,61 +1,61 @@
-const __ExtractAll__ =(obj)=> {
-    const keys = Object.keys(obj);
-    for (let i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        if (!["__ExtractAll__","__RemoveAll__","ExtractAll","RemoveAll"].includes(key)) {
-            globalThis[key] = obj[key];
-        }
-    }
-}
-const __RemoveAll__ =(obj)=> {
-    const keys = Object.keys(obj);
-    for (let i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        if (key !== '__RemoveAll__') {
-            delete globalThis[key];
-        }
-    }
-}
-const mixin = (target, ...sources) => {
-    sources.forEach(source => {
-        Object.getOwnPropertyNames(source.prototype).forEach(name => {
-            if (name !== 'constructor') {
-                target[name] = source.prototype[name];
-            }
-        });
-    });
-}
-
-class A {
-    constructor(){
-        this.msg="from A";
-    }
-    a() {
-        console.log(this.msg);
-        return this;
-    }
-}
-
-class B{
-    constructor(){
-        this.msg="from B";
-    }
-    b() {
-        console.log(this.msg);
-        return this;
-    }
-}
-
-class AB {
-    constructor() {
-        this.msg="from AB"
-        mixin(this.__proto__, A, B);
-    }
-}
-
-// ab=new AB()
-export{
-    mixin,
-    __ExtractAll__,
-    __RemoveAll__
-}
+const __ExtractAll__ =(obj)=> {
+    const keys = Object.keys(obj);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        if (!["__ExtractAll__","__RemoveAll__","ExtractAll","RemoveAll"].includes(key)) {
+            globalThis[key] = obj[key];
+        }
+    }
+}
+const __RemoveAll__ =(obj)=> {
+    const keys = Object.keys(obj);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        if (key !== '__RemoveAll__') {
+            delete globalThis[key];
+        }
+    }
+}
+const mixin = (target, ...sources) => {
+    sources.forEach(source => {
+        Object.getOwnPropertyNames(source.prototype).forEach(name => {
+            if (name !== 'constructor') {
+                target[name] = source.prototype[name];
+            }
+        });
+    });
+}
+
+class A {
+    constructor(){
+        this.msg="from A";
+    }
+    a() {
+        console.log(this.msg);
+        return this;
+    }
+}
+
+class B{
+    constructor(){
+        this.msg="from B";
+    }
+    b() {
+        console.log(this.msg);
+        return this;
+    }
+}
+
+class AB {
+    constructor() {
+        this.msg="from AB"
+        mixin(this.__proto__, A, B);
+    }
+}
+
+// ab=new AB()
+export{
+    mixin,
+    __ExtractAll__,
+    __RemoveAll__
+}

package/src/app/json-style-sheet.js

@@ -1,64 +1,64 @@
-import { json2css } from "../data";
-class ZikoJsonStyleSheet{
-    constructor(JsonStyle={}){
-        this.cache={
-            JsonStyle,
-            isRenderd : false
-        }
-        this.target = globalThis?.document?.head;
-        this.element =  document.createElement("style");
-        this.element.setAttribute("data-generator","zikojs");
-        this.write();
-        this.render()
-    }
-    get CssText(){
-        return json2css(this.cache.JsonStyle);
-    }
-    render(){
-        this.target.append(this.element);
-        this.cache.isRenderd = true;
-        return this;
-    }
-    unrender(){
-        if(this.target?.children?.length && [...this.target?.children].includes(this.element)) this.target.removeChild(this.element);
-        this.cache.isRenderd = false;
-        return this;
-    }
-    write(){
-        this.element.textContent = this.CssText;
-        return this;
-    }
-    style(styles, overwrite = false){
-        if(overwrite) this.clear();
-        Object.assign(this.cache.JsonStyle,styles);
-        this.write();
-        return this;
-    }
-    clear(){
-        this.cache.JsonStyle = {}
-        this.write();
-        return this;
-    }
-    // overrideGlobal(style){
-    //     if(this.cache.JsonStyle["*"]){
-    //         Object.assign(this.cache.JsonStyle["*"],style);
-    //     }
-    //     else Object.assign();
-    //     this.write();
-    //     return this;
-    // }
-}
-
-const jsonStyleSheet = JsonStyle =>new ZikoJsonStyleSheet(JsonStyle);
-export {
-    jsonStyleSheet,
-    ZikoJsonStyleSheet
-}
-
-
-//  p().style({color:"red"})
-//  jsonStyleSheet({
-//    p:{
-//     color : "green !important"
-//    }
-//  })
+import { json2css } from "../data";
+class ZikoJsonStyleSheet{
+    constructor(JsonStyle={}){
+        this.cache={
+            JsonStyle,
+            isRenderd : false
+        }
+        this.target = globalThis?.document?.head;
+        this.element =  document.createElement("style");
+        this.element.setAttribute("data-generator","zikojs");
+        this.write();
+        this.render()
+    }
+    get CssText(){
+        return json2css(this.cache.JsonStyle);
+    }
+    render(){
+        this.target.append(this.element);
+        this.cache.isRenderd = true;
+        return this;
+    }
+    unrender(){
+        if(this.target?.children?.length && [...this.target?.children].includes(this.element)) this.target.removeChild(this.element);
+        this.cache.isRenderd = false;
+        return this;
+    }
+    write(){
+        this.element.textContent = this.CssText;
+        return this;
+    }
+    style(styles, overwrite = false){
+        if(overwrite) this.clear();
+        Object.assign(this.cache.JsonStyle,styles);
+        this.write();
+        return this;
+    }
+    clear(){
+        this.cache.JsonStyle = {}
+        this.write();
+        return this;
+    }
+    // overrideGlobal(style){
+    //     if(this.cache.JsonStyle["*"]){
+    //         Object.assign(this.cache.JsonStyle["*"],style);
+    //     }
+    //     else Object.assign();
+    //     this.write();
+    //     return this;
+    // }
+}
+
+const jsonStyleSheet = JsonStyle =>new ZikoJsonStyleSheet(JsonStyle);
+export {
+    jsonStyleSheet,
+    ZikoJsonStyleSheet
+}
+
+
+//  p().style({color:"red"})
+//  jsonStyleSheet({
+//    p:{
+//     color : "green !important"
+//    }
+//  })

package/src/app/ziko-app.js

@@ -1,39 +1,39 @@
-import { ZikoHead , useHead} from "../reactivity/hooks/Head";
-class ZikoApp {
-    constructor({head = null, wrapper = null, target = null}){
-        this.head = head;
-        this.wrapper = wrapper;
-        this.target = target;
-        this.init()        
-    }
-    get isZikoApp(){
-        return true;
-    }
-    init(){
-        this.head && this.setHead(this.head);
-        this.wrapper && this.setWrapper(this.wrapper);
-        this.target && this.setTarget(this.target);
-        if(this.wrapper && this.target)this.wrapper.render(this.target);
-    }
-    setTarget(target){
-        if(target instanceof HTMLElement) this.target = target;
-        else if (typeof target === "string") this.target = globalThis?.document?.querySelector(target);
-        return this;
-    }
-    setWrapper(wrapper){
-        if(wrapper?.isZikoUIElement) this.wrapper = wrapper;
-        else if(typeof wrapper === "function") this.wrapper = wrapper();
-        return this;
-    }
-    setHead(head){
-        if(head instanceof ZikoHead) this.head = head;
-        else this.head = useHead(head);
-        return this;  
-    }
-    
-}
-const App = ({head, wrapper, target}) => new ZikoApp({head, wrapper, target})
-export{
-    ZikoApp,
-    App
+import { ZikoHead , useHead} from "../reactivity/hooks/Head";
+class ZikoApp {
+    constructor({head = null, wrapper = null, target = null}){
+        this.head = head;
+        this.wrapper = wrapper;
+        this.target = target;
+        this.init()        
+    }
+    get isZikoApp(){
+        return true;
+    }
+    init(){
+        this.head && this.setHead(this.head);
+        this.wrapper && this.setWrapper(this.wrapper);
+        this.target && this.setTarget(this.target);
+        if(this.wrapper && this.target)this.wrapper.render(this.target);
+    }
+    setTarget(target){
+        if(target instanceof HTMLElement) this.target = target;
+        else if (typeof target === "string") this.target = globalThis?.document?.querySelector(target);
+        return this;
+    }
+    setWrapper(wrapper){
+        if(wrapper?.isZikoUIElement) this.wrapper = wrapper;
+        else if(typeof wrapper === "function") this.wrapper = wrapper();
+        return this;
+    }
+    setHead(head){
+        if(head instanceof ZikoHead) this.head = head;
+        else this.head = useHead(head);
+        return this;  
+    }
+    
+}
+const App = ({head, wrapper, target}) => new ZikoApp({head, wrapper, target})
+export{
+    ZikoApp,
+    App
 }

package/src/data/api/fetchdom.js

@@ -1,14 +1,14 @@
-import { preload } from "./preload"
-
-async function fetchdom(url='https://github.com/zakarialaoui10'){
-  const data=await fetch(url)
-  const html=await data.text()
-  const dom= new DOMParser().parseFromString(html,'text/xml')
-  return dom.documentElement
-}
-function fetchdomSync(url='https://github.com/zakarialaoui10'){
-  const data=preload(url);
-  const dom= new DOMParser().parseFromString(data,'text/xml')
-  return dom.documentElement;
-}
+import { preload } from "./preload"
+
+async function fetchdom(url='https://github.com/zakarialaoui10'){
+  const data=await fetch(url)
+  const html=await data.text()
+  const dom= new DOMParser().parseFromString(html,'text/xml')
+  return dom.documentElement
+}
+function fetchdomSync(url='https://github.com/zakarialaoui10'){
+  const data=preload(url);
+  const dom= new DOMParser().parseFromString(data,'text/xml')
+  return dom.documentElement;
+}
 export {fetchdom,fetchdomSync}

package/src/data/api/index.js

@@ -1,4 +1,4 @@
-export { preload } from "./preload";
-import { fetchdom ,fetchdomSync } from "./fetchdom";
-globalThis.fetchdom=fetchdom
+export { preload } from "./preload";
+import { fetchdom ,fetchdomSync } from "./fetchdom";
+globalThis.fetchdom=fetchdom
 globalThis.fetchdomSync=fetchdomSync

package/src/data/api/preload.js

@@ -1,11 +1,11 @@
-const preload=(url)=>{
-    const xhr = new XMLHttpRequest();
-    xhr.open("GET", url, false); 
-    xhr.send();
-    if (xhr.status === 200) {
-      return xhr.responseText;
-    } else {
-      throw new Error(`Failed to fetch data from ${url}. Status: ${xhr.status}`);
-    }
-}
+const preload=(url)=>{
+    const xhr = new XMLHttpRequest();
+    xhr.open("GET", url, false); 
+    xhr.send();
+    if (xhr.status === 200) {
+      return xhr.responseText;
+    } else {
+      throw new Error(`Failed to fetch data from ${url}. Status: ${xhr.status}`);
+    }
+}
 export {preload}