ziko 0.0.30 → 0.0.31

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Tue Jul 29 2025 15:18:10 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
@@ -4663,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",
@@ -4676,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;
   }
@@ -6939,7 +6949,7 @@ const tags = new Proxy({}, {
     if (typeof prop !== 'string') return undefined;
     let tag = prop.replaceAll("_","-").toLowerCase();
     switch(tag){
-      case "html"  :
+      case "html"  : globalThis?.document?.createElement("html");
       case "head"  :
       case "style" :
       case "link"  :
@@ -9150,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:{
@@ -9162,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,
 };
@@ -9180,6 +9199,7 @@ var Global = /*#__PURE__*/Object.freeze({
     __CACHE__: __CACHE__,
     __Config__: __Config__,
     __HYDRATION_MAP__: __HYDRATION_MAP__,
+    __HYDRATION__: __HYDRATION__,
     __UI__: __UI__
 });
 
@@ -9279,6 +9299,7 @@ if ( globalThis.__Ziko__ ) {
 		globalThis.__Ziko__={
             ...Ziko,
             __UI__,
+            __HYDRATION__,
             __HYDRATION_MAP__,
             __Config__,
             __CACHE__,
@@ -9422,6 +9443,7 @@ exports.ZikoUseStyle = ZikoUseStyle;
 exports.__CACHE__ = __CACHE__;
 exports.__Config__ = __Config__;
 exports.__HYDRATION_MAP__ = __HYDRATION_MAP__;
+exports.__HYDRATION__ = __HYDRATION__;
 exports.__UI__ = __UI__;
 exports.abbrText = abbrText;
 exports.abs = abs;

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Tue Jul 29 2025 15:18:10 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
@@ -4665,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",
@@ -4678,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;
       }
@@ -6941,7 +6951,7 @@
         if (typeof prop !== 'string') return undefined;
         let tag = prop.replaceAll("_","-").toLowerCase();
         switch(tag){
-          case "html"  :
+          case "html"  : globalThis?.document?.createElement("html");
           case "head"  :
           case "style" :
           case "link"  :
@@ -9152,6 +9162,13 @@
             
         }
     };
+    const __HYDRATION__ = {
+        map : new Map(),
+        index : 0,
+        increment : function(){
+            return this.index ++
+        }
+    };
     const __HYDRATION_MAP__ = new Map();
     const __Config__={
         default:{
@@ -9164,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,
     };
@@ -9182,6 +9201,7 @@
         __CACHE__: __CACHE__,
         __Config__: __Config__,
         __HYDRATION_MAP__: __HYDRATION_MAP__,
+        __HYDRATION__: __HYDRATION__,
         __UI__: __UI__
     });
 
@@ -9281,6 +9301,7 @@
     		globalThis.__Ziko__={
                 ...Ziko,
                 __UI__,
+                __HYDRATION__,
                 __HYDRATION_MAP__,
                 __Config__,
                 __CACHE__,
@@ -9424,6 +9445,7 @@
     exports.__CACHE__ = __CACHE__;
     exports.__Config__ = __Config__;
     exports.__HYDRATION_MAP__ = __HYDRATION_MAP__;
+    exports.__HYDRATION__ = __HYDRATION__;
     exports.__UI__ = __UI__;
     exports.abbrText = abbrText;
     exports.abs = abs;