ziko 0.49.3 → 0.49.5

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Tue Nov 25 2025 19:11:53 GMT+0100 (UTC+01:00)
+  Date : Wed Nov 26 2025 11:58:54 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
@@ -44,8 +44,6 @@ Fixed = new Proxy(Fixed, {
     }
 });
 
-class ZikoMath {}
-
 // To generalise
 
 const mapfun$1=(fun,...X)=>{
@@ -1181,57 +1179,67 @@ const __CACHE__ = {
     }
 };
 
-class ZikoUseChannel{
-    constructor(name = ""){
+class UseChannel {
+    constructor(name = "") {
         this.channel = new BroadcastChannel(name);
-        this.EVENTS_DATAS_PAIRS = new Map();
-        this.EVENTS_HANDLERS_PAIRS = new Map();
-        this.LAST_RECEIVED_EVENT = "";
-        this.UUID="ziko-channel"+Random.string(10);
-        this.SUBSCRIBERS = new Set([this.UUID]);
-    }
-    get broadcast(){
-        // update receiver
-        return this;
+        this.eventData = new Map();
+        this.handlers = new Map();
+        this.uuid = "ziko-channel:" + Random.string(10);
+        this.subscribers = new Set([this.uuid]);
+
+        this.channel.addEventListener("message", (e) => {
+            const { last_sent_event, userId, eventData } = e.data;
+
+            // ignore own events
+            if (userId === this.uuid) return;
+
+            this.subscribers.add(userId);
+
+            // sync data
+            this.eventData = new Map(eventData);
+
+            const data = this.eventData.get(last_sent_event);
+            const handlers = this.handlers.get(last_sent_event);
+
+            if (handlers) {
+                handlers.forEach(fn => fn(data));
+            }
+        });
     }
-    emit(event, data){
-        this.EVENTS_DATAS_PAIRS.set(event,data);
-        this.#maintainEmit(event);
+
+    emit(event, data) {
+        this.eventData.set(event, data);
+
+        this.channel.postMessage({
+            eventData: this.eventData,
+            last_sent_event: event,
+            userId: this.uuid
+        });
         return this;
     }
-    on(event,handler=console.log){
-        this.EVENTS_HANDLERS_PAIRS.set(event,handler);
-        this.#maintainOn();
+
+    on(event, handler = console.log) {
+        if (!this.handlers.has(event)) {
+            this.handlers.set(event, []);
+        }
+        this.handlers.get(event).push(handler);
         return this;
     }
-    #maintainOn(){
-        this.channel.onmessage = (e) => {
-            this.LAST_RECEIVED_EVENT=e.data.last_sended_event;
-            const USER_ID=e.data.userId;
-            this.SUBSCRIBERS.add(USER_ID);
-            const Data=e.data.EVENTS_DATAS_PAIRS.get(this.LAST_RECEIVED_EVENT);
-            const Handler=this.EVENTS_HANDLERS_PAIRS.get(this.LAST_RECEIVED_EVENT);
-            if(Data && Handler)Handler(Data);
-          };
-          return this;
-    }
-    #maintainEmit(event){
-        this.channel.postMessage({
-            EVENTS_DATAS_PAIRS:this.EVENTS_DATAS_PAIRS,
-            last_sended_event:event,
-            userId:this.UUID
-        });
+
+    close() {
+        this.channel.close();
         return this;
     }
-    close(){
-        this.channel.close();
+
+    get broadcast() {
         return this;
     }
 }
-const useChannel = name => new ZikoUseChannel(name);
+
+const useChannel = (name) => new UseChannel(name);
 
 // To do : remove old items
-class ZikoUseStorage{
+class UseStorage{
     constructor(storage, globalKey, initialValue){
         this.cache={
             storage,
@@ -1296,8 +1304,8 @@ class ZikoUseStorage{
     }
 
 }
-const useLocaleStorage=(key,initialValue)=>new ZikoUseStorage(localStorage,key,initialValue);
-const useSessionStorage=(key,initialValue)=>new ZikoUseStorage(sessionStorage,key,initialValue);
+const useLocaleStorage=(key,initialValue)=>new UseStorage(localStorage,key,initialValue);
+const useSessionStorage=(key,initialValue)=>new UseStorage(sessionStorage,key,initialValue);
 
 const __State__ = {
     store : new Map(),
@@ -3227,9 +3235,8 @@ function trimKeys(obj) {
     }, Array.isArray(obj) ? [] : {});
 }
 
-class Matrix extends ZikoMath{
+class Matrix{
     constructor(rows, cols, element = [] ) {
-        super();
         if(rows instanceof Matrix){
             this.arr=rows.arr;
             this.rows=rows.rows;
@@ -3894,9 +3901,8 @@ const matrix2=(...element)=>new Matrix(2, 2, element);
 const matrix3=(...element)=>new Matrix(3, 3, element);
 const matrix4=(...element)=>new Matrix(4, 4, element);
 
-class Complex extends ZikoMath{
+class Complex{
     constructor(a = 0, b = 0) {
-        super();
         if(a instanceof Complex){
             this.a=a.a;
             this.b=a.b;
@@ -4072,12 +4078,6 @@ const complex=(a,b)=>{
     return new Complex(a,b)
 };
 
-// import { 
-//     gamma,
-//     bessel,
-//     beta 
-// } from "../calculus/index.js";
-
 const abs=(...x)=>mapfun$1(Math.abs,...x);
 const sqrt$2=(...x)=>mapfun$1(Math.sqrt,...x);
 const pow$1=(x,n)=>{
@@ -4756,7 +4756,7 @@ const timeTaken = callback => {
     return r;
 };
 
-class ZikoUseEventEmitter {
+class UseEventEmitter {
     constructor() {
       this.events = {};
       this.maxListeners = 10; 
@@ -4818,7 +4818,7 @@ class ZikoUseEventEmitter {
     }
   }
 
-const useEventEmitter=()=>new ZikoUseEventEmitter();
+const useEventEmitter=()=>new UseEventEmitter();
 
 class ZikoUseFavIcon{
     constructor(FavIcon,useEventEmitter=true){
@@ -5201,7 +5201,6 @@ function useDerived(deriveFn, sources) {
 const useReactive = (nested_value) => mapfun$1(
     n => {
         const state = useState(n);
-        // console.log(state)
         return {
             get : state[0],
             set : state[1],
@@ -5210,7 +5209,7 @@ const useReactive = (nested_value) => mapfun$1(
     nested_value
 );
 
-class ZikoUseThreed {
+class UseThreed {
     #workerContent;
     constructor() {
         this.#workerContent = (
@@ -5246,14 +5245,14 @@ class ZikoUseThreed {
 }
 
 const useThread = (func, callback , close) => {
-    const T = new ZikoUseThreed();
+    const T = new UseThreed();
     if (func) {
         T.call(func, callback , close);
     }
     return T;
 };
 
-class ZikoUseRoot {
+class UseRoot {
     constructor(PropsMap, {namespace = 'Ziko', register, ValidateCssProps = false} = {}){
         this.currentPropsMap = PropsMap;
         this.namespace = namespace;
@@ -5298,7 +5297,7 @@ function ValidateCssProps(PropsMap){
     }
 }
 
-const useRoot = (PropsMap, {namespace, register, ValidateCssProps} = {}) => new ZikoUseRoot(PropsMap, {namespace, register, ValidateCssProps});
+const useRoot = (PropsMap, {namespace, register, ValidateCssProps} = {}) => new UseRoot(PropsMap, {namespace, register, ValidateCssProps});
 
 // Usage 
 
@@ -5419,6 +5418,7 @@ exports.UINode = UINode;
 exports.UISVGWrapper = UISVGWrapper;
 exports.UISwitch = UISwitch;
 exports.UIView = UIView;
+exports.UseRoot = UseRoot;
 exports.Utils = Utils;
 exports.View = View;
 exports.ZikoApp = ZikoApp;
@@ -5437,7 +5437,6 @@ exports.ZikoSPA = ZikoSPA;
 exports.ZikoUIFlex = ZikoUIFlex;
 exports.ZikoUISuspense = ZikoUISuspense;
 exports.ZikoUIText = ZikoUIText;
-exports.ZikoUseRoot = ZikoUseRoot;
 exports.__ZikoEvent__ = __ZikoEvent__;
 exports.abs = abs;
 exports.accum = accum;
@@ -5591,7 +5590,6 @@ exports.tick = tick;
 exports.timeTaken = timeTaken;
 exports.time_memory_Taken = time_memory_Taken;
 exports.timeout = timeout;
-exports.useChannel = useChannel;
 exports.useDerived = useDerived;
 exports.useEventEmitter = useEventEmitter;
 exports.useLocaleStorage = useLocaleStorage;

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Tue Nov 25 2025 19:11:53 GMT+0100 (UTC+01:00)
+  Date : Wed Nov 26 2025 11:58:54 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
@@ -48,8 +48,6 @@
         }
     });
 
-    class ZikoMath {}
-
     // To generalise
 
     const mapfun$1=(fun,...X)=>{
@@ -1185,57 +1183,67 @@
         }
     };
 
-    class ZikoUseChannel{
-        constructor(name = ""){
+    class UseChannel {
+        constructor(name = "") {
             this.channel = new BroadcastChannel(name);
-            this.EVENTS_DATAS_PAIRS = new Map();
-            this.EVENTS_HANDLERS_PAIRS = new Map();
-            this.LAST_RECEIVED_EVENT = "";
-            this.UUID="ziko-channel"+Random.string(10);
-            this.SUBSCRIBERS = new Set([this.UUID]);
-        }
-        get broadcast(){
-            // update receiver
-            return this;
+            this.eventData = new Map();
+            this.handlers = new Map();
+            this.uuid = "ziko-channel:" + Random.string(10);
+            this.subscribers = new Set([this.uuid]);
+
+            this.channel.addEventListener("message", (e) => {
+                const { last_sent_event, userId, eventData } = e.data;
+
+                // ignore own events
+                if (userId === this.uuid) return;
+
+                this.subscribers.add(userId);
+
+                // sync data
+                this.eventData = new Map(eventData);
+
+                const data = this.eventData.get(last_sent_event);
+                const handlers = this.handlers.get(last_sent_event);
+
+                if (handlers) {
+                    handlers.forEach(fn => fn(data));
+                }
+            });
         }
-        emit(event, data){
-            this.EVENTS_DATAS_PAIRS.set(event,data);
-            this.#maintainEmit(event);
+
+        emit(event, data) {
+            this.eventData.set(event, data);
+
+            this.channel.postMessage({
+                eventData: this.eventData,
+                last_sent_event: event,
+                userId: this.uuid
+            });
             return this;
         }
-        on(event,handler=console.log){
-            this.EVENTS_HANDLERS_PAIRS.set(event,handler);
-            this.#maintainOn();
+
+        on(event, handler = console.log) {
+            if (!this.handlers.has(event)) {
+                this.handlers.set(event, []);
+            }
+            this.handlers.get(event).push(handler);
             return this;
         }
-        #maintainOn(){
-            this.channel.onmessage = (e) => {
-                this.LAST_RECEIVED_EVENT=e.data.last_sended_event;
-                const USER_ID=e.data.userId;
-                this.SUBSCRIBERS.add(USER_ID);
-                const Data=e.data.EVENTS_DATAS_PAIRS.get(this.LAST_RECEIVED_EVENT);
-                const Handler=this.EVENTS_HANDLERS_PAIRS.get(this.LAST_RECEIVED_EVENT);
-                if(Data && Handler)Handler(Data);
-              };
-              return this;
-        }
-        #maintainEmit(event){
-            this.channel.postMessage({
-                EVENTS_DATAS_PAIRS:this.EVENTS_DATAS_PAIRS,
-                last_sended_event:event,
-                userId:this.UUID
-            });
+
+        close() {
+            this.channel.close();
             return this;
         }
-        close(){
-            this.channel.close();
+
+        get broadcast() {
             return this;
         }
     }
-    const useChannel = name => new ZikoUseChannel(name);
+
+    const useChannel = (name) => new UseChannel(name);
 
     // To do : remove old items
-    class ZikoUseStorage{
+    class UseStorage{
         constructor(storage, globalKey, initialValue){
             this.cache={
                 storage,
@@ -1300,8 +1308,8 @@
         }
 
     }
-    const useLocaleStorage=(key,initialValue)=>new ZikoUseStorage(localStorage,key,initialValue);
-    const useSessionStorage=(key,initialValue)=>new ZikoUseStorage(sessionStorage,key,initialValue);
+    const useLocaleStorage=(key,initialValue)=>new UseStorage(localStorage,key,initialValue);
+    const useSessionStorage=(key,initialValue)=>new UseStorage(sessionStorage,key,initialValue);
 
     const __State__ = {
         store : new Map(),
@@ -3231,9 +3239,8 @@
         }, Array.isArray(obj) ? [] : {});
     }
 
-    class Matrix extends ZikoMath{
+    class Matrix{
         constructor(rows, cols, element = [] ) {
-            super();
             if(rows instanceof Matrix){
                 this.arr=rows.arr;
                 this.rows=rows.rows;
@@ -3898,9 +3905,8 @@
     const matrix3=(...element)=>new Matrix(3, 3, element);
     const matrix4=(...element)=>new Matrix(4, 4, element);
 
-    class Complex extends ZikoMath{
+    class Complex{
         constructor(a = 0, b = 0) {
-            super();
             if(a instanceof Complex){
                 this.a=a.a;
                 this.b=a.b;
@@ -4076,12 +4082,6 @@
         return new Complex(a,b)
     };
 
-    // import { 
-    //     gamma,
-    //     bessel,
-    //     beta 
-    // } from "../calculus/index.js";
-
     const abs=(...x)=>mapfun$1(Math.abs,...x);
     const sqrt$2=(...x)=>mapfun$1(Math.sqrt,...x);
     const pow$1=(x,n)=>{
@@ -4760,7 +4760,7 @@
         return r;
     };
 
-    class ZikoUseEventEmitter {
+    class UseEventEmitter {
         constructor() {
           this.events = {};
           this.maxListeners = 10; 
@@ -4822,7 +4822,7 @@
         }
       }
 
-    const useEventEmitter=()=>new ZikoUseEventEmitter();
+    const useEventEmitter=()=>new UseEventEmitter();
 
     class ZikoUseFavIcon{
         constructor(FavIcon,useEventEmitter=true){
@@ -5205,7 +5205,6 @@
     const useReactive = (nested_value) => mapfun$1(
         n => {
             const state = useState(n);
-            // console.log(state)
             return {
                 get : state[0],
                 set : state[1],
@@ -5214,7 +5213,7 @@
         nested_value
     );
 
-    class ZikoUseThreed {
+    class UseThreed {
         #workerContent;
         constructor() {
             this.#workerContent = (
@@ -5250,14 +5249,14 @@
     }
 
     const useThread = (func, callback , close) => {
-        const T = new ZikoUseThreed();
+        const T = new UseThreed();
         if (func) {
             T.call(func, callback , close);
         }
         return T;
     };
 
-    class ZikoUseRoot {
+    class UseRoot {
         constructor(PropsMap, {namespace = 'Ziko', register, ValidateCssProps = false} = {}){
             this.currentPropsMap = PropsMap;
             this.namespace = namespace;
@@ -5302,7 +5301,7 @@
         }
     }
 
-    const useRoot = (PropsMap, {namespace, register, ValidateCssProps} = {}) => new ZikoUseRoot(PropsMap, {namespace, register, ValidateCssProps});
+    const useRoot = (PropsMap, {namespace, register, ValidateCssProps} = {}) => new UseRoot(PropsMap, {namespace, register, ValidateCssProps});
 
     // Usage 
 
@@ -5423,6 +5422,7 @@
     exports.UISVGWrapper = UISVGWrapper;
     exports.UISwitch = UISwitch;
     exports.UIView = UIView;
+    exports.UseRoot = UseRoot;
     exports.Utils = Utils;
     exports.View = View;
     exports.ZikoApp = ZikoApp;
@@ -5441,7 +5441,6 @@
     exports.ZikoUIFlex = ZikoUIFlex;
     exports.ZikoUISuspense = ZikoUISuspense;
     exports.ZikoUIText = ZikoUIText;
-    exports.ZikoUseRoot = ZikoUseRoot;
     exports.__ZikoEvent__ = __ZikoEvent__;
     exports.abs = abs;
     exports.accum = accum;
@@ -5595,7 +5594,6 @@
     exports.timeTaken = timeTaken;
     exports.time_memory_Taken = time_memory_Taken;
     exports.timeout = timeout;
-    exports.useChannel = useChannel;
     exports.useDerived = useDerived;
     exports.useEventEmitter = useEventEmitter;
     exports.useLocaleStorage = useLocaleStorage;