ziko 0.49.4 → 0.49.6

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 12:01:55 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,108 @@ const __CACHE__ = {
     }
 };
 
-class ZikoUseChannel{
-    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
+class UseChannel {
+    // private fields
+    #channel;
+    #eventData;
+    #handlers;
+    #uuid;
+    #subscribers;
+    #currentRooms; // now a Set for multiple rooms
+
+    constructor(name = "") {
+        this.#channel = new BroadcastChannel(name);
+        this.#eventData = new Map();
+        this.#handlers = new Map(); // Map<event, Array<{fn, rooms}>>
+        this.#uuid = "ziko-channel:" + Random.string(10);
+        this.#subscribers = new Set([this.#uuid]);
+        this.#currentRooms = new Set(); // multiple rooms
+
+        this.#channel.addEventListener("message", (e) => {
+            const { last_sent_event, userId, eventData, rooms } = e.data;
+
+            if (userId === this.#uuid) return; // ignore own messages
+
+            // broadcast if no rooms, else check intersection
+            if (rooms && rooms.length && !rooms.some(r => this.#currentRooms.has(r))) return;
+
+            this.#subscribers.add(userId);
+            this.#eventData = new Map(eventData);
+
+            const handlersList = this.#handlers.get(last_sent_event);
+            if (!handlersList) return;
+
+            handlersList.forEach(({ fn, rooms: handlerRooms }) => {
+                // trigger if listener has no room filter, or intersects subscriber rooms
+                if (!handlerRooms || handlerRooms.length === 0 ||
+                    !rooms || rooms.some(r => handlerRooms.includes(r))) {
+                    fn(this.#eventData.get(last_sent_event));
+                }
+            });
+        });
+    }
+
+    emit(event, data, rooms) {
+        this.#eventData.set(event, data);
+        if(typeof rooms === 'string') rooms = [rooms];
+
+        this.#channel.postMessage({
+            eventData: Array.from(this.#eventData.entries()),
+            last_sent_event: event,
+            userId: this.#uuid,
+            rooms: rooms && rooms.length ? rooms : undefined
+        });
+
         return this;
     }
-    emit(event, data){
-        this.EVENTS_DATAS_PAIRS.set(event,data);
-        this.#maintainEmit(event);
+
+    on(event, handler = console.log, rooms) {
+        if (!this.#handlers.has(event)) this.#handlers.set(event, []);
+        if(typeof rooms === 'string') rooms = [rooms];
+        this.#handlers.get(event).push({ fn: handler, rooms });
         return this;
     }
-    on(event,handler=console.log){
-        this.EVENTS_HANDLERS_PAIRS.set(event,handler);
-        this.#maintainOn();
+
+    off(event, handler) {
+        if (!this.#handlers.has(event)) return this;
+        this.#handlers.set(
+            event,
+            this.#handlers.get(event).filter(h => h.fn !== 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
-        });
+
+    once(event, handler, rooms) {
+        const wrapper = (data) => {
+            handler(data);
+            this.off(event, wrapper);
+        };
+        this.on(event, wrapper, rooms);
+        return this;
+    }
+
+    join(...rooms) {
+        rooms.forEach(r => this.#currentRooms.add(r));
+        return this;
+    }
+
+    leave(...rooms) {
+        if (!rooms.length) this.#currentRooms.clear();
+        else rooms.forEach(r => this.#currentRooms.delete(r));
         return this;
     }
-    close(){
-        this.channel.close();
+
+    close() {
+        this.#channel.close();
         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 +1345,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 +3276,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 +3942,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 +4119,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 +4797,7 @@ const timeTaken = callback => {
     return r;
 };
 
-class ZikoUseEventEmitter {
+class UseEventEmitter {
     constructor() {
       this.events = {};
       this.maxListeners = 10; 
@@ -4818,7 +4859,7 @@ class ZikoUseEventEmitter {
     }
   }
 
-const useEventEmitter=()=>new ZikoUseEventEmitter();
+const useEventEmitter=()=>new UseEventEmitter();
 
 class ZikoUseFavIcon{
     constructor(FavIcon,useEventEmitter=true){
@@ -5201,7 +5242,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 +5250,7 @@ const useReactive = (nested_value) => mapfun$1(
     nested_value
 );
 
-class ZikoUseThreed {
+class UseThreed {
     #workerContent;
     constructor() {
         this.#workerContent = (
@@ -5246,14 +5286,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 +5338,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 +5459,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 +5478,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;

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Tue Nov 25 2025 19:12:26 GMT+0100 (UTC+01:00)
+  Date : Wed Nov 26 2025 12:01:55 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,108 @@
         }
     };
 
-    class ZikoUseChannel{
-        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
+    class UseChannel {
+        // private fields
+        #channel;
+        #eventData;
+        #handlers;
+        #uuid;
+        #subscribers;
+        #currentRooms; // now a Set for multiple rooms
+
+        constructor(name = "") {
+            this.#channel = new BroadcastChannel(name);
+            this.#eventData = new Map();
+            this.#handlers = new Map(); // Map<event, Array<{fn, rooms}>>
+            this.#uuid = "ziko-channel:" + Random.string(10);
+            this.#subscribers = new Set([this.#uuid]);
+            this.#currentRooms = new Set(); // multiple rooms
+
+            this.#channel.addEventListener("message", (e) => {
+                const { last_sent_event, userId, eventData, rooms } = e.data;
+
+                if (userId === this.#uuid) return; // ignore own messages
+
+                // broadcast if no rooms, else check intersection
+                if (rooms && rooms.length && !rooms.some(r => this.#currentRooms.has(r))) return;
+
+                this.#subscribers.add(userId);
+                this.#eventData = new Map(eventData);
+
+                const handlersList = this.#handlers.get(last_sent_event);
+                if (!handlersList) return;
+
+                handlersList.forEach(({ fn, rooms: handlerRooms }) => {
+                    // trigger if listener has no room filter, or intersects subscriber rooms
+                    if (!handlerRooms || handlerRooms.length === 0 ||
+                        !rooms || rooms.some(r => handlerRooms.includes(r))) {
+                        fn(this.#eventData.get(last_sent_event));
+                    }
+                });
+            });
+        }
+
+        emit(event, data, rooms) {
+            this.#eventData.set(event, data);
+            if(typeof rooms === 'string') rooms = [rooms];
+
+            this.#channel.postMessage({
+                eventData: Array.from(this.#eventData.entries()),
+                last_sent_event: event,
+                userId: this.#uuid,
+                rooms: rooms && rooms.length ? rooms : undefined
+            });
+
             return this;
         }
-        emit(event, data){
-            this.EVENTS_DATAS_PAIRS.set(event,data);
-            this.#maintainEmit(event);
+
+        on(event, handler = console.log, rooms) {
+            if (!this.#handlers.has(event)) this.#handlers.set(event, []);
+            if(typeof rooms === 'string') rooms = [rooms];
+            this.#handlers.get(event).push({ fn: handler, rooms });
             return this;
         }
-        on(event,handler=console.log){
-            this.EVENTS_HANDLERS_PAIRS.set(event,handler);
-            this.#maintainOn();
+
+        off(event, handler) {
+            if (!this.#handlers.has(event)) return this;
+            this.#handlers.set(
+                event,
+                this.#handlers.get(event).filter(h => h.fn !== 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
-            });
+
+        once(event, handler, rooms) {
+            const wrapper = (data) => {
+                handler(data);
+                this.off(event, wrapper);
+            };
+            this.on(event, wrapper, rooms);
+            return this;
+        }
+
+        join(...rooms) {
+            rooms.forEach(r => this.#currentRooms.add(r));
+            return this;
+        }
+
+        leave(...rooms) {
+            if (!rooms.length) this.#currentRooms.clear();
+            else rooms.forEach(r => this.#currentRooms.delete(r));
             return this;
         }
-        close(){
-            this.channel.close();
+
+        close() {
+            this.#channel.close();
             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 +1349,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 +3280,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 +3946,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 +4123,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 +4801,7 @@
         return r;
     };
 
-    class ZikoUseEventEmitter {
+    class UseEventEmitter {
         constructor() {
           this.events = {};
           this.maxListeners = 10; 
@@ -4822,7 +4863,7 @@
         }
       }
 
-    const useEventEmitter=()=>new ZikoUseEventEmitter();
+    const useEventEmitter=()=>new UseEventEmitter();
 
     class ZikoUseFavIcon{
         constructor(FavIcon,useEventEmitter=true){
@@ -5205,7 +5246,6 @@
     const useReactive = (nested_value) => mapfun$1(
         n => {
             const state = useState(n);
-            // console.log(state)
             return {
                 get : state[0],
                 set : state[1],
@@ -5214,7 +5254,7 @@
         nested_value
     );
 
-    class ZikoUseThreed {
+    class UseThreed {
         #workerContent;
         constructor() {
             this.#workerContent = (
@@ -5250,14 +5290,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 +5342,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 +5463,7 @@
     exports.UISVGWrapper = UISVGWrapper;
     exports.UISwitch = UISwitch;
     exports.UIView = UIView;
+    exports.UseRoot = UseRoot;
     exports.Utils = Utils;
     exports.View = View;
     exports.ZikoApp = ZikoApp;
@@ -5441,7 +5482,6 @@
     exports.ZikoUIFlex = ZikoUIFlex;
     exports.ZikoUISuspense = ZikoUISuspense;
     exports.ZikoUIText = ZikoUIText;
-    exports.ZikoUseRoot = ZikoUseRoot;
     exports.__ZikoEvent__ = __ZikoEvent__;
     exports.abs = abs;
     exports.accum = accum;