ziko 0.43.0 → 0.44.0

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sun Aug 24 2025 12:52:45 GMT+0100 (UTC+01:00)
+  Date : Thu Aug 28 2025 17:39:15 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
@@ -1078,7 +1078,7 @@
         } 
     }
 
-    globalThis.node = (node) => new UINode(node);
+    // globalThis.node = (node) => new UINode(node);
 
     function register_to_class(target, ...mixins){
         mixins.forEach(n => _register_to_class_(target, n));
@@ -1222,7 +1222,7 @@
         index : undefined?.data?.__Ziko__?.__State__?.index ?? 0,
         register: function(state){
             console.log({
-                hmr : undefined?.data.__Ziko__.__State__.index,
+                // hmr : import.meta.hot?.data.__Ziko__.__State__.index,
                 index : this.index
             });
             this.store.set(this.index++, state);

package/dist/ziko.mjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sun Aug 24 2025 12:52:45 GMT+0100 (UTC+01:00)
+  Date : Thu Aug 28 2025 17:39:15 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
@@ -1072,7 +1072,7 @@ class UINode {
     } 
 }
 
-globalThis.node = (node) => new UINode(node);
+// globalThis.node = (node) => new UINode(node);
 
 function register_to_class(target, ...mixins){
     mixins.forEach(n => _register_to_class_(target, n));
@@ -1216,7 +1216,7 @@ const __State__ = {
     index : import.meta.hot?.data?.__Ziko__?.__State__?.index ?? 0,
     register: function(state){
         console.log({
-            hmr : import.meta.hot?.data.__Ziko__.__State__.index,
+            // hmr : import.meta.hot?.data.__Ziko__.__State__.index,
             index : this.index
         });
         this.store.set(this.index++, state);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "description": "A versatile JavaScript library offering a rich set of Hyperscript Based UI components, advanced mathematical utilities, interactivity ,animations, client side routing and more ...",
   "keywords": [
     "front-end",

package/src/__helpers__/checkers/index.js

@@ -0,0 +1 @@
+export const is_primitive = value => typeof value !== 'object' && typeof value !== 'function' || value === null;

package/src/__helpers__/index.js

@@ -1,4 +1,6 @@
-export * from "./composition/index.js"
+export * from './register/index.js'
+export * from './checkers/index.js'
+
 const __ExtractAll__ =(obj)=> {
     const keys = Object.keys(obj);
     for (let i = 0; i < keys.length; i++) {
@@ -61,4 +63,3 @@ export{
 }
 
 
-export * from "./composition/index.js"

package/src/ui/utils/index.js

@@ -0,0 +1,84 @@
+export function add_vendor_prefix(property) {
+	const propertyUC = property.slice(0, 1).toUpperCase() + property.slice(1);
+	const vendors = ['Webkit', 'Moz', 'O', 'ms'];
+	for(let i = 0, len = vendors.length; i < len; i++) {
+		const vendor = vendors[i];
+		if(typeof (globalThis?.document?.body).style[vendor + propertyUC] !== 'undefined') return vendor + propertyUC;
+	}
+	return property;
+}
+export const normalize_css_value = value => typeof value === 'number' ? value+'px' : value;
+export const add_class = (UIElement, name) => UIElement.element.className = UIElement.element.className.replace(/\s+$/gi, '') + ' ' + name;
+export const remove_class =(UIElement, name) => UIElement.element.className = UIElement.element.className.replace(name, '');
+
+// const addSuffixeToNumber=(value,suffixe="px")=>{
+//   if(typeof value === "number") value+=suffixe;
+//   if(value instanceof Array)value=value.map(n=>typeof n==="number"?n+=suffixe:n).join(" ");
+//   return value;
+// }
+
+// const Id = (a) => document.getElementById(a);
+// const Class = (a) => [...document.getElementsByClassName(a)];
+// const $=(...selector)=>{
+//   var ele=[]
+//   for(let i=0;i<selector.length;i++){
+//     if(typeof selector[i]=="string")ele.push(...document.querySelectorAll(selector[i]));
+//     if(selector[i] instanceof UIElement)ele.push(selector[i].element)
+//   }
+//   return ele.length===1?ele[0]:ele;
+// }
+
+const style = (el, styles) => {if(el)Object.assign(el.style, styles)};
+
+function script(src) {
+  const Script = document?.createElement("script");
+  Script.setAttribute("src", src);
+  document.head.appendChild(Script);
+}
+function linkStyle(href) {
+  const link = document?.createElement("link");
+  link.setAttribute("rel", "stylesheet");
+  link.setAttribute("href", href);
+  document.head.appendChild(link);
+}
+const CloneElement = (UIElement) => {
+  var clone = new UIElement.__proto__.constructor()
+  //waitForUIElm(UIElement).then(e=>console.log(e)).then(()=>clone = new UIElement.__proto__.constructor())
+  //let a = new UIElement.__proto__.constructor()
+  return clone;
+};
+const cloneUI=UIElement=>{
+  return Object.assign(Object.create(Object.getPrototypeOf(UIElement)),UIElement)
+}
+function isPrimitive(value) {
+    return typeof value !== 'object' && typeof value !== 'function' || value === null;
+}
+const waitElm=(UIElement)=>{
+    return new Promise(resolve => {
+        if (UIElement) {
+            return resolve(UIElement);
+        }
+        const observer = new MutationObserver(() => {
+            if (UIElement) {
+                resolve(UIElement);
+                observer.disconnect();
+            }
+        });
+        observer.observe(document?.body, {
+            childList: true,
+            subtree: true
+        });
+    });
+  }
+export{
+  // Id,
+  // Class,
+  style,
+  script,
+  linkStyle,
+  CloneElement,
+  cloneUI,
+  isPrimitive,
+  // addSuffixeToNumber,
+  waitElm
+}

package/src/__helpers__/composition-dep/compose-class.js

@@ -1,46 +0,0 @@
-export function composeClass(Class, mixin) {
-  const descriptors = Object.getOwnPropertyDescriptors(mixin);
-
-  class Composed extends Class {
-    constructor(...args) {
-      super(...args);
-      // ⚠️ Do NOT assign mixin functions to `this`
-    }
-  }
-
-  // Copy prototype properties (methods, getters/setters, non-functions)
-  for (const key of Reflect.ownKeys(descriptors)) {
-    const desc = descriptors[key];
-
-    if ('get' in desc || 'set' in desc || typeof desc.value !== 'function') {
-      Object.defineProperty(Composed.prototype, key, desc);
-    } else if (typeof desc.value === 'function') {
-      // Only add method if it does NOT already exist
-      if (!Composed.prototype.hasOwnProperty(key)) {
-        Object.defineProperty(Composed.prototype, key, desc);
-      }
-    }
-  }
-
-  return Composed;
-}
-
-// // Usage
-// class UIBase {
-//   log() { console.log('UIBase log'); }
-// }
-
-// const mixin = {
-//   at() { return 0; },
-//   hello() { return 'hello'; }
-// };
-
-// const UIComposed = composeClass(UIBase, mixin);
-
-// class UI2 extends UIComposed {
-//   at() { return 1; }  // ✅ correctly overrides mixin
-// }
-
-// const ui = new UI2();
-// console.log(ui.at());    // 1
-// console.log(ui.hello()); // 'hello'

package/src/__helpers__/composition-dep/compose-instance.js

@@ -1,15 +0,0 @@
-export function composeInstance(instance, mixin) {
-  const descriptors = Object.getOwnPropertyDescriptors(mixin);
-
-  for (const key of Reflect.ownKeys(descriptors)) {
-    const desc = descriptors[key];
-
-    if ('get' in desc || 'set' in desc) {
-      Object.defineProperty(instance, key, desc);
-    } else if (typeof desc.value === 'function') {
-      instance[key] = desc.value.bind(instance);
-    } else {
-      instance[key] = desc.value;
-    }
-  }
-}

package/src/__helpers__/composition-dep/compose.js

@@ -1,11 +0,0 @@
-import { composeClass } from "./compose-class.js";
-import { composeInstance } from "./compose-instance.js";
-export function compose(target, ...mixin) {
-  if (typeof target === 'function') {
-    return mixin.forEach(item =>composeClass(target, item));
-  } else if (typeof target === 'object') {
-    mixin.forEach(item =>composeInstance(target, item));
-  } else {
-    throw new TypeError("compose: target must be a class or instance");
-  }
-}

package/src/__helpers__/composition-dep/index.js

@@ -1,3 +0,0 @@
-export * from "./compose.js";
-export * from "./compose-class.js";
-export * from "./compose-instance.js"

package/src/ui/__utils__/index.js

@@ -1,70 +0,0 @@
-import { UIElement } from "../constructors/UIElement.js";
-const Id = (a) => document.getElementById(a);
-const Class = (a) => [...document.getElementsByClassName(a)];
-const $=(...selector)=>{
-  var ele=[]
-  for(let i=0;i<selector.length;i++){
-    if(typeof selector[i]=="string")ele.push(...document.querySelectorAll(selector[i]));
-    if(selector[i] instanceof UIElement)ele.push(selector[i].element)
-  }
-  return ele.length===1?ele[0]:ele;
-}
-const addSuffixeToNumber=(value,suffixe="px")=>{
-  if(typeof value === "number") value+=suffixe;
-  if(value instanceof Array)value=value.map(n=>typeof n==="number"?n+=suffixe:n).join(" ");
-  return value;
-}
-const style = (el, styles) => {if(el)Object.assign(el.style, styles)};
-
-function script(src) {
-  const Script = document?.createElement("script");
-  Script.setAttribute("src", src);
-  document.head.appendChild(Script);
-}
-function linkStyle(href) {
-  const link = document?.createElement("link");
-  link.setAttribute("rel", "stylesheet");
-  link.setAttribute("href", href);
-  document.head.appendChild(link);
-}
-const CloneElement = (UIElement) => {
-  var clone = new UIElement.__proto__.constructor()
-  //waitForUIElm(UIElement).then(e=>console.log(e)).then(()=>clone = new UIElement.__proto__.constructor())
-  //let a = new UIElement.__proto__.constructor()
-  return clone;
-};
-const cloneUI=UIElement=>{
-  return Object.assign(Object.create(Object.getPrototypeOf(UIElement)),UIElement)
-}
-function isPrimitive(value) {
-    return typeof value !== 'object' && typeof value !== 'function' || value === null;
-  }
-const waitElm=(UIElement)=>{
-    return new Promise(resolve => {
-        if (UIElement) {
-            return resolve(UIElement);
-        }
-        const observer = new MutationObserver(() => {
-            if (UIElement) {
-                resolve(UIElement);
-                observer.disconnect();
-            }
-        });
-        observer.observe(document?.body, {
-            childList: true,
-            subtree: true
-        });
-    });
-  }
-export{
-  Id,
-  Class,
-  style,
-  script,
-  linkStyle,
-  CloneElement,
-  cloneUI,
-  isPrimitive,
-  addSuffixeToNumber,
-  waitElm
-}