ziko 0.0.29 → 0.0.31

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Fri Jul 25 2025 11:35:58 GMT+0100 (UTC+01:00)
+  Date : Wed Jul 30 2025 15:18:05 GMT+0100 (UTC+01:00)
   Git-Repo : https://github.com/zakarialaoui10/ziko.js
   Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
   Released under MIT License
@@ -4612,181 +4612,10 @@ var Hooks = /*#__PURE__*/Object.freeze({
     useType: useType
 });
 
-const getEvent=(event = "")=>{
-    if(event.startsWith("Ptr"))return `pointer${event.split("Ptr")[1].toLowerCase()}`;
-    return event.toLowerCase()
-};
-
-function event_controller(e, event_name, details_setter, customizer, push_object){
-    this.cache.currentEvent = event_name;
-    this.cache.event = e;
-    details_setter?.call(this);
-    if(customizer?.hasOwnProperty("prototype"))customizer?.call(this);
-    else customizer?.call(null, this);
-    if(this.cache.preventDefault[event_name]) e.preventDefault();
-    if(this.cache.stopPropagation[event_name]) e.stopPropagation();
-    if(this.cache.stopImmediatePropagation[event_name]) e.stopImmediatePropagation();
-    
-    if(this.cache.stream.enabled[event_name]&&push_object)this.cache.stream.history[event_name].push(push_object);
-    this.cache.callbacks[event_name]?.map(n=>n(this));
-}
-class __ZikoEvent__ {
-    constructor(target = null, Events = [], details_setter, customizer){
-        this.target = target;
-        this.cache = {
-            currentEvent : null,
-            event: null,
-            options : {},
-            preventDefault : {},
-            stopPropagation : {},
-            stopImmediatePropagation : {},
-            event_flow : {},
-            paused : {},
-            stream : {
-                enabled : {},
-                clear : {},
-                history : {}
-            },
-            callbacks : {},
-            __controllers__:{}
-        };
-        const events = Events.map(n=>getEvent(n));
-        events.forEach((event,i)=>{
-            Object.assign(this.cache.preventDefault, {[event] : false});
-            Object.assign(this.cache.options, {[event] : {}});
-            Object.assign(this.cache.paused, {[event] : false});
-            Object.assign(this.cache.stream.enabled, {[event] : false});
-            Object.assign(this.cache.stream.clear, {[event] : false});
-            Object.assign(this.cache.stream.history, {[event] : []});
-            Object.assign(this.cache.__controllers__, {[event] : e=>event_controller.call(this, e, event, details_setter, customizer)});
-            Object.assign(this, { [`on${Events[i]}`] : (...callbacks)=> this.__onEvent(event, this.cache.options[event], {}, ...callbacks)});
-        });
-    }
-    get targetElement(){
-        return this.target?.element;
-    }
-    get isParent(){
-        return this.target?.element === this.event.srcElement;
-    }
-    get item(){
-        return this.target.find(n=>n.element == this.event?.srcElement)?.[0];
-    }
-    get currentEvent(){
-        return this.cache.currentEvent;
-    }
-    get event(){
-        return this.cache.event;
-    }
-    setTarget(UI){
-        this.target=UI;
-        return this;
-    }
-    __handle(event, handler, options, dispose){
-        this.targetElement?.addEventListener(event, handler, options);
-        return this;
-    }
-    __onEvent(event, options, dispose, ...callbacks){
-        if(callbacks.length===0){
-            console.log("00");
-            if(this.cache.callbacks[event]){
-                console.log("Call");
-                // this.cache.callbacks.map(n=>e=>n.call(this,e));
-                this.cache.callbacks[event].map(n=>e=>n.call(this,e));
-            }   
-            else {
-                return this;
-            }
-        }
-        else this.cache.callbacks[event] = callbacks.map(n=>e=>n.call(this,e));
-        this.__handle(event, this.cache.__controllers__[event],options, dispose);
-        return this;  
-    }
-    #override(methode, overrides, defaultValue){
-        if(defaultValue === "default") Object.assign(this.cache[methode], {...this.cache[methode], ...overrides});
-        const all = defaultValue === "default" 
-        ? this.cache[methode]
-        : Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]));
-        Object.assign(this.cache[methode], {...all,...overrides});
-        return this       
-    }
-    preventDefault(overrides = {}, defaultValue = "default"){
-        this.#override("preventDefault", overrides, defaultValue);
-        // const all=Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]))
-        // Object.assign(this.cache.preventDefault, {...all,...overrides});
-        return this;
-    }
-    stopPropagation(overrides = {}, defaultValue = "default"){
-        this.#override("stopPropagation", overrides, defaultValue);
-        return this;
-    }
-    stopImmediatePropagation(overrides = {}, defaultValue = "default"){
-        this.#override("stopImmediatePropagation", overrides, defaultValue);
-        return this;
-    }
-    setEventOptions(event, options){
-        this.pause({[event] : true, }, "default");
-        Object.assign(this.cache.options[getEvent(event)], options);
-        this.resume({[event] : true, }, "default");
-        return this;
-    }
-    pause(overrides = {}, defaultValue = "default"){
-        const all = defaultValue === "default" 
-          ? this.cache.stream.enabled
-          : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        for(let key in overrides){
-            if(overrides[key]){
-                this.targetElement?.removeEventListener(key, this.cache.__controllers__[key], this.cache.options[key]);
-                this.cache.paused[key]=true;
-            }
-        }
-        return this;
-    }
-    resume(overrides = {}, defaultValue = "default"){
-        const all = defaultValue === "default" 
-          ? this.cache.stream.enabled
-          : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        for(let key in overrides){
-            if(overrides[key]){
-                this.targetElement?.addEventListener(key,this.cache.__controllers__[key], this.cache.options[key]);
-                this.cache.paused[key]=false;
-            }
-        }
-        return this;
-     }
-    stream(overrides = {}, defaultValue = "default"){
-        this.cache.stream.t0=Date.now();
-        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        Object.assign(this.cache.stream.enabled,overrides);
-        return this;
-     }
-    clear(){
-
-    }
-    dispose(overrides = {}, defaultValue = "default"){
-        this.pause(overrides, defaultValue);
-
-        return this;
-    }
-}
-
-// export * from "./click.js";
-// export * from "./key.js";
-// export * from "./pointer.js"
-
-var EventsExp = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    __ZikoEvent__: __ZikoEvent__,
-    getEvent: getEvent
-});
-
 const Reactivity={
     ...Events,
     ...Observer,
     ...Hooks,
-    ...EventsExp,
 };
 
 class ZikoUIElement {
@@ -4834,7 +4663,7 @@ class ZikoUIElement {
       intersection:null
     };
     this.uuid = `${this.cache.name}-${Random.string(16)}`;
-    this.ui_index = globalThis.__Ziko__.__CACHE__.get_ui_index(); 
+    this.ui_index = globalThis.__Ziko__.__CACHE__.get_ui_index();
     this.cache.style.linkTo(this);
     useDefaultStyle && this.style({ 
       position: "relative",
@@ -4847,14 +4676,24 @@ class ZikoUIElement {
     this.items = [];
     globalThis.__Ziko__.__UI__[this.cache.name]?globalThis.__Ziko__.__UI__[this.cache.name]?.push(this):globalThis.__Ziko__.__UI__[this.cache.name]=[this];
     element && globalThis.__Ziko__.__Config__.default.render && this.render();
-    this.setAttr("data-ui-index", this.ui_index);
-    if(globalThis.__Ziko__.__Config__.renderingMode !== "spa" && !globalThis.__Ziko__.__Config__.isSSC) {
-      globalThis.__Ziko__.__HYDRATION_MAP__.set(this.uuid, ()=>this);
-  }
+    if(
+      // globalThis.__Ziko__.__Config__.renderingMode !== "spa" 
+      // && 
+      // !globalThis.__Ziko__.__Config__.isSSC
+      // && 
+      this.isInteractive()
+    ){
+      this.setAttr("ziko-hydration-index", globalThis.__Ziko__.__HYDRATION__.index);
+      globalThis.__Ziko__.__HYDRATION__.map.set(globalThis.__Ziko__.__HYDRATION__.index, ()=>this);
+      globalThis.__Ziko__.__HYDRATION__.increment();
+    }
   }
   get element(){
     return this.__ele__;
   }
+  isInteractive(){
+    return [true, false][Math.floor(2*Math.random())];
+  }
   get isZikoUIElement(){
     return true;
   }
@@ -7105,6 +6944,22 @@ var Grid$2 = /*#__PURE__*/Object.freeze({
     ZikoUIGrid: ZikoUIGrid
 });
 
+const tags = new Proxy({}, {
+  get(target, prop) {
+    if (typeof prop !== 'string') return undefined;
+    let tag = prop.replaceAll("_","-").toLowerCase();
+    switch(tag){
+      case "html"  : globalThis?.document?.createElement("html");
+      case "head"  :
+      case "style" :
+      case "link"  :
+      case "meta"  :
+      case "srcipt":
+      case "body"  : return null;      default : return new ZikoUIElement(tag);
+    }
+  }
+});
+
 const UI$1 = {
     ...Text$1,
     ...List,
@@ -9305,6 +9160,13 @@ const __UI__={
         
     }
 };
+const __HYDRATION__ = {
+    map : new Map(),
+    index : 0,
+    increment : function(){
+        return this.index ++
+    }
+};
 const __HYDRATION_MAP__ = new Map();
 const __Config__={
     default:{
@@ -9317,9 +9179,11 @@ const __Config__={
     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];
+        for(let i=0; i<keys.length; i++) this.default[keys[i]]=values[i];
+    },
+    init:()=>{
+        // document.documentElement.setAttribute("data-engine","zikojs")
     },
-    init:()=>document.documentElement.setAttribute("data-engine","zikojs"),
     renderingMode :"spa",
     isSSC : false,
 };
@@ -9335,6 +9199,7 @@ var Global = /*#__PURE__*/Object.freeze({
     __CACHE__: __CACHE__,
     __Config__: __Config__,
     __HYDRATION_MAP__: __HYDRATION_MAP__,
+    __HYDRATION__: __HYDRATION__,
     __UI__: __UI__
 });
 
@@ -9434,6 +9299,7 @@ if ( globalThis.__Ziko__ ) {
 		globalThis.__Ziko__={
             ...Ziko,
             __UI__,
+            __HYDRATION__,
             __HYDRATION_MAP__,
             __Config__,
             __CACHE__,
@@ -9577,8 +9443,8 @@ exports.ZikoUseStyle = ZikoUseStyle;
 exports.__CACHE__ = __CACHE__;
 exports.__Config__ = __Config__;
 exports.__HYDRATION_MAP__ = __HYDRATION_MAP__;
+exports.__HYDRATION__ = __HYDRATION__;
 exports.__UI__ = __UI__;
-exports.__ZikoEvent__ = __ZikoEvent__;
 exports.abbrText = abbrText;
 exports.abs = abs;
 exports.accum = accum;
@@ -9632,7 +9498,6 @@ exports.figure = figure;
 exports.floor = floor;
 exports.gamma = gamma;
 exports.geomspace = geomspace;
-exports.getEvent = getEvent;
 exports.h = h;
 exports.h1 = h1;
 exports.h2 = h2;
@@ -9725,6 +9590,7 @@ exports.svg2ascii = svg2ascii;
 exports.svg2img = svg2img;
 exports.svg2imgUrl = svg2imgUrl;
 exports.svg2str = svg2str;
+exports.tags = tags;
 exports.tan = tan;
 exports.tanh = tanh;
 exports.text = text;

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Fri Jul 25 2025 11:35:58 GMT+0100 (UTC+01:00)
+  Date : Wed Jul 30 2025 15:18:05 GMT+0100 (UTC+01:00)
   Git-Repo : https://github.com/zakarialaoui10/ziko.js
   Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
   Released under MIT License
@@ -4614,181 +4614,10 @@
         useType: useType
     });
 
-    const getEvent=(event = "")=>{
-        if(event.startsWith("Ptr"))return `pointer${event.split("Ptr")[1].toLowerCase()}`;
-        return event.toLowerCase()
-    };
-
-    function event_controller(e, event_name, details_setter, customizer, push_object){
-        this.cache.currentEvent = event_name;
-        this.cache.event = e;
-        details_setter?.call(this);
-        if(customizer?.hasOwnProperty("prototype"))customizer?.call(this);
-        else customizer?.call(null, this);
-        if(this.cache.preventDefault[event_name]) e.preventDefault();
-        if(this.cache.stopPropagation[event_name]) e.stopPropagation();
-        if(this.cache.stopImmediatePropagation[event_name]) e.stopImmediatePropagation();
-        
-        if(this.cache.stream.enabled[event_name]&&push_object)this.cache.stream.history[event_name].push(push_object);
-        this.cache.callbacks[event_name]?.map(n=>n(this));
-    }
-    class __ZikoEvent__ {
-        constructor(target = null, Events = [], details_setter, customizer){
-            this.target = target;
-            this.cache = {
-                currentEvent : null,
-                event: null,
-                options : {},
-                preventDefault : {},
-                stopPropagation : {},
-                stopImmediatePropagation : {},
-                event_flow : {},
-                paused : {},
-                stream : {
-                    enabled : {},
-                    clear : {},
-                    history : {}
-                },
-                callbacks : {},
-                __controllers__:{}
-            };
-            const events = Events.map(n=>getEvent(n));
-            events.forEach((event,i)=>{
-                Object.assign(this.cache.preventDefault, {[event] : false});
-                Object.assign(this.cache.options, {[event] : {}});
-                Object.assign(this.cache.paused, {[event] : false});
-                Object.assign(this.cache.stream.enabled, {[event] : false});
-                Object.assign(this.cache.stream.clear, {[event] : false});
-                Object.assign(this.cache.stream.history, {[event] : []});
-                Object.assign(this.cache.__controllers__, {[event] : e=>event_controller.call(this, e, event, details_setter, customizer)});
-                Object.assign(this, { [`on${Events[i]}`] : (...callbacks)=> this.__onEvent(event, this.cache.options[event], {}, ...callbacks)});
-            });
-        }
-        get targetElement(){
-            return this.target?.element;
-        }
-        get isParent(){
-            return this.target?.element === this.event.srcElement;
-        }
-        get item(){
-            return this.target.find(n=>n.element == this.event?.srcElement)?.[0];
-        }
-        get currentEvent(){
-            return this.cache.currentEvent;
-        }
-        get event(){
-            return this.cache.event;
-        }
-        setTarget(UI){
-            this.target=UI;
-            return this;
-        }
-        __handle(event, handler, options, dispose){
-            this.targetElement?.addEventListener(event, handler, options);
-            return this;
-        }
-        __onEvent(event, options, dispose, ...callbacks){
-            if(callbacks.length===0){
-                console.log("00");
-                if(this.cache.callbacks[event]){
-                    console.log("Call");
-                    // this.cache.callbacks.map(n=>e=>n.call(this,e));
-                    this.cache.callbacks[event].map(n=>e=>n.call(this,e));
-                }   
-                else {
-                    return this;
-                }
-            }
-            else this.cache.callbacks[event] = callbacks.map(n=>e=>n.call(this,e));
-            this.__handle(event, this.cache.__controllers__[event],options, dispose);
-            return this;  
-        }
-        #override(methode, overrides, defaultValue){
-            if(defaultValue === "default") Object.assign(this.cache[methode], {...this.cache[methode], ...overrides});
-            const all = defaultValue === "default" 
-            ? this.cache[methode]
-            : Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]));
-            Object.assign(this.cache[methode], {...all,...overrides});
-            return this       
-        }
-        preventDefault(overrides = {}, defaultValue = "default"){
-            this.#override("preventDefault", overrides, defaultValue);
-            // const all=Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]))
-            // Object.assign(this.cache.preventDefault, {...all,...overrides});
-            return this;
-        }
-        stopPropagation(overrides = {}, defaultValue = "default"){
-            this.#override("stopPropagation", overrides, defaultValue);
-            return this;
-        }
-        stopImmediatePropagation(overrides = {}, defaultValue = "default"){
-            this.#override("stopImmediatePropagation", overrides, defaultValue);
-            return this;
-        }
-        setEventOptions(event, options){
-            this.pause({[event] : true, }, "default");
-            Object.assign(this.cache.options[getEvent(event)], options);
-            this.resume({[event] : true, }, "default");
-            return this;
-        }
-        pause(overrides = {}, defaultValue = "default"){
-            const all = defaultValue === "default" 
-              ? this.cache.stream.enabled
-              : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-            overrides={...all,...overrides};
-            for(let key in overrides){
-                if(overrides[key]){
-                    this.targetElement?.removeEventListener(key, this.cache.__controllers__[key], this.cache.options[key]);
-                    this.cache.paused[key]=true;
-                }
-            }
-            return this;
-        }
-        resume(overrides = {}, defaultValue = "default"){
-            const all = defaultValue === "default" 
-              ? this.cache.stream.enabled
-              : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-            overrides={...all,...overrides};
-            for(let key in overrides){
-                if(overrides[key]){
-                    this.targetElement?.addEventListener(key,this.cache.__controllers__[key], this.cache.options[key]);
-                    this.cache.paused[key]=false;
-                }
-            }
-            return this;
-         }
-        stream(overrides = {}, defaultValue = "default"){
-            this.cache.stream.t0=Date.now();
-            const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-            overrides={...all,...overrides};
-            Object.assign(this.cache.stream.enabled,overrides);
-            return this;
-         }
-        clear(){
-
-        }
-        dispose(overrides = {}, defaultValue = "default"){
-            this.pause(overrides, defaultValue);
-
-            return this;
-        }
-    }
-
-    // export * from "./click.js";
-    // export * from "./key.js";
-    // export * from "./pointer.js"
-
-    var EventsExp = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        __ZikoEvent__: __ZikoEvent__,
-        getEvent: getEvent
-    });
-
     const Reactivity={
         ...Events,
         ...Observer,
         ...Hooks,
-        ...EventsExp,
     };
 
     class ZikoUIElement {
@@ -4836,7 +4665,7 @@
           intersection:null
         };
         this.uuid = `${this.cache.name}-${Random.string(16)}`;
-        this.ui_index = globalThis.__Ziko__.__CACHE__.get_ui_index(); 
+        this.ui_index = globalThis.__Ziko__.__CACHE__.get_ui_index();
         this.cache.style.linkTo(this);
         useDefaultStyle && this.style({ 
           position: "relative",
@@ -4849,14 +4678,24 @@
         this.items = [];
         globalThis.__Ziko__.__UI__[this.cache.name]?globalThis.__Ziko__.__UI__[this.cache.name]?.push(this):globalThis.__Ziko__.__UI__[this.cache.name]=[this];
         element && globalThis.__Ziko__.__Config__.default.render && this.render();
-        this.setAttr("data-ui-index", this.ui_index);
-        if(globalThis.__Ziko__.__Config__.renderingMode !== "spa" && !globalThis.__Ziko__.__Config__.isSSC) {
-          globalThis.__Ziko__.__HYDRATION_MAP__.set(this.uuid, ()=>this);
-      }
+        if(
+          // globalThis.__Ziko__.__Config__.renderingMode !== "spa" 
+          // && 
+          // !globalThis.__Ziko__.__Config__.isSSC
+          // && 
+          this.isInteractive()
+        ){
+          this.setAttr("ziko-hydration-index", globalThis.__Ziko__.__HYDRATION__.index);
+          globalThis.__Ziko__.__HYDRATION__.map.set(globalThis.__Ziko__.__HYDRATION__.index, ()=>this);
+          globalThis.__Ziko__.__HYDRATION__.increment();
+        }
       }
       get element(){
         return this.__ele__;
       }
+      isInteractive(){
+        return [true, false][Math.floor(2*Math.random())];
+      }
       get isZikoUIElement(){
         return true;
       }
@@ -7107,6 +6946,22 @@
         ZikoUIGrid: ZikoUIGrid
     });
 
+    const tags = new Proxy({}, {
+      get(target, prop) {
+        if (typeof prop !== 'string') return undefined;
+        let tag = prop.replaceAll("_","-").toLowerCase();
+        switch(tag){
+          case "html"  : globalThis?.document?.createElement("html");
+          case "head"  :
+          case "style" :
+          case "link"  :
+          case "meta"  :
+          case "srcipt":
+          case "body"  : return null;      default : return new ZikoUIElement(tag);
+        }
+      }
+    });
+
     const UI$1 = {
         ...Text$1,
         ...List,
@@ -9307,6 +9162,13 @@
             
         }
     };
+    const __HYDRATION__ = {
+        map : new Map(),
+        index : 0,
+        increment : function(){
+            return this.index ++
+        }
+    };
     const __HYDRATION_MAP__ = new Map();
     const __Config__={
         default:{
@@ -9319,9 +9181,11 @@
         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];
+            for(let i=0; i<keys.length; i++) this.default[keys[i]]=values[i];
+        },
+        init:()=>{
+            // document.documentElement.setAttribute("data-engine","zikojs")
         },
-        init:()=>document.documentElement.setAttribute("data-engine","zikojs"),
         renderingMode :"spa",
         isSSC : false,
     };
@@ -9337,6 +9201,7 @@
         __CACHE__: __CACHE__,
         __Config__: __Config__,
         __HYDRATION_MAP__: __HYDRATION_MAP__,
+        __HYDRATION__: __HYDRATION__,
         __UI__: __UI__
     });
 
@@ -9436,6 +9301,7 @@
     		globalThis.__Ziko__={
                 ...Ziko,
                 __UI__,
+                __HYDRATION__,
                 __HYDRATION_MAP__,
                 __Config__,
                 __CACHE__,
@@ -9579,8 +9445,8 @@
     exports.__CACHE__ = __CACHE__;
     exports.__Config__ = __Config__;
     exports.__HYDRATION_MAP__ = __HYDRATION_MAP__;
+    exports.__HYDRATION__ = __HYDRATION__;
     exports.__UI__ = __UI__;
-    exports.__ZikoEvent__ = __ZikoEvent__;
     exports.abbrText = abbrText;
     exports.abs = abs;
     exports.accum = accum;
@@ -9634,7 +9500,6 @@
     exports.floor = floor;
     exports.gamma = gamma;
     exports.geomspace = geomspace;
-    exports.getEvent = getEvent;
     exports.h = h;
     exports.h1 = h1;
     exports.h2 = h2;
@@ -9727,6 +9592,7 @@
     exports.svg2img = svg2img;
     exports.svg2imgUrl = svg2imgUrl;
     exports.svg2str = svg2str;
+    exports.tags = tags;
     exports.tan = tan;
     exports.tanh = tanh;
     exports.text = text;