ziko 0.32.0 → 0.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "description": "a versatile javaScript framework offering a rich set of UI components, advanced mathematical utilities, reactivity, animations, client side routing and graphics capabilities",
   "keywords": [
     "front-end",
@@ -10,10 +10,6 @@
     "math",
     "user-interface",
     "time",
-    "data",
-    "svg",
-    "canvas",
-    "reactivity",
     "dom",
     "single page application",
     "file based routing"
@@ -38,6 +34,9 @@
     "./events": {
       "import": "./src/events/index.js"
     },
+    "./use": {
+      "import": "./src/use/index.js"
+    },
     "./ui":{
       "import": "./src/ui/index.js",
       "type": "./src/ui/index.d.ts"
@@ -50,7 +49,6 @@
     "./html": {},
     "./app": {},
     "./time": {},
-    "./use": {},
     "./components": {}
   },
   "bin": {

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

@@ -0,0 +1,28 @@
+export function composeClass(Class, mixin) {
+  const descriptors = Object.getOwnPropertyDescriptors(mixin);
+
+  class Composed extends Class {
+    constructor(...args) {
+      super(...args);
+      for (const key of Reflect.ownKeys(descriptors)) {
+        const desc = descriptors[key];
+
+        if (typeof desc.value === 'function') {
+          this[key] = desc.value.bind(this);
+        }
+      }
+    }
+  }
+
+  for (const key of Reflect.ownKeys(descriptors)) {
+    const desc = descriptors[key];
+
+    if ('get' in desc || 'set' in desc) {
+      Object.defineProperty(Composed.prototype, key, desc);
+    } else if (typeof desc.value !== 'function') {
+      Object.defineProperty(Composed.prototype, key, desc);
+    }
+  }
+
+  return Composed;
+}

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

@@ -0,0 +1,15 @@
+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/compose.js

@@ -0,0 +1,11 @@
+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/index.js

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

package/src/__helpers__/index.js

@@ -16,7 +16,7 @@ const __RemoveAll__ =(obj)=> {
         }
     }
 }
-const mixin = (target, ...sources) => {
+export const mixin = (target, ...sources) => {
     sources.forEach(source => {
         Object.getOwnPropertyNames(source.prototype).forEach(name => {
             if (name !== 'constructor') {
@@ -55,7 +55,9 @@ class B{
 
 // ab=new AB()
 export{
-    mixin,
     __ExtractAll__,
     __RemoveAll__
 }
+
+
+export * from "./composition/index.js"

package/src/app/index.js

@@ -1,19 +1,16 @@
 export * from "./ziko-app.js";
-export * from "./json-style-sheet.js";
 export * from "./spa.js"
 export * from "./params.js"
 export * from "./globals.js"
 export * from "./spa-file-based-routing.js"
 
 import * as __App__ from "./ziko-app.js"
-import * as JsonStyleSheet from "./json-style-sheet.js"
 import * as Spa from "./spa.js"
 import * as Global from "./globals.js"
 // import * as Params from "./params"
 
 const App={
     ...__App__,
-    ...JsonStyleSheet,
     ...Spa,
     ...Global,
     // ...Params

package/src/events/__Events__.js

@@ -3,7 +3,7 @@ const Events = {
         'Click',
         'DblClick'
     ],
-    'Pointer' : [
+    'Ptr' : [
         'PtrMove',
         'PtrDown',
         'PtrUp',
@@ -12,8 +12,15 @@ const Events = {
         'PtrOut',
         'PtrCancel'
     ],
-    'Mouse' : [],
-    'Touch' : [],
+    'Mouse' : [
+        'MouseMove',
+        'MouseDown',
+        'MouseUp',
+        'MouseEnter',
+        'MouseLeave',
+        'MouseOut'
+    ],
+    // 'Touch' : [],
     'Key' : [
         'KeyDown',
         'KeyPress',
@@ -34,12 +41,15 @@ const Events = {
         "DragEnd",
         "Drop"
     ],
-    'Media':[
-
-    ],
-    'Hash':[
-        "HashChange"
+    'Wheel': [
+        'Wheel'
     ]
+    // 'Media':[
+
+    // ],
+    // 'Hash':[
+    //     "HashChange"
+    // ]
 }
 
 export {

package/src/events/pointer.js

@@ -2,7 +2,7 @@ import { __ZikoEvent__ } from "./__ZikoEvent__.js";
 import { Events } from "./__Events__.js";
 class ZikoEventPointer extends __ZikoEvent__{
     constructor(target, customizer){
-        super(target, Events.Pointer, details_setter, customizer);
+        super(target, Events.Ptr, details_setter, customizer);
         this.isDown = false;
     }
 }

package/src/index.js

@@ -5,6 +5,10 @@ import Time from "./time/index.js";
 import Data from "./data/index.js";
 import Reactivity from "./reactivity/index.js";
 import Graphics from "./graphics/index.js";
+
+import * as Events from "./events/index.js"
+import * as Use from "./use/index.js"
+
 import App,{__UI__,__HYDRATION_MAP__, __Config__, __CACHE__, defineParamsGetter, __HYDRATION__} from "./app";
 
 export * from "./math/index.js";
@@ -15,6 +19,9 @@ export * from "./reactivity/index.js"
 export * from "./graphics/index.js";
 export * from "./app/index.js";
 
+export * from "./events/index.js";
+export * from "./use/index.js";
+
 [
     App,
     Math,
@@ -22,7 +29,7 @@ export * from "./app/index.js";
     Time,
     Data,
     Reactivity,
-    Graphics
+    Graphics,
 ].forEach(n=>Object.assign(n,{
     ExtractAll:()=>__ExtractAll__(n),
     RemoveAll:()=>__RemoveAll__(n)
@@ -35,8 +42,7 @@ const Ziko={
     Time,
     Data,
     Reactivity,
-    Graphics,
-
+    Graphics
 }
 
 if ( globalThis.__Ziko__ ) {

package/src/math/functions/index.js

@@ -5,11 +5,11 @@ import {
     min,
     max 
 }from "../statistics/index.js";
-import { 
-    gamma,
-    bessel,
-    beta 
-} from "../calculus/index.js";
+// import { 
+//     gamma,
+//     bessel,
+//     beta 
+// } from "../calculus/index.js";
 
 const abs=(...x)=>mapfun(Math.abs,...x);
 const sqrt=(...x)=>mapfun(Math.sqrt,...x);
@@ -155,9 +155,6 @@ export{
     fact,
     hypot,
     sig,
-    atan2,
-    gamma,
-    bessel,
-    beta
+    atan2
   };
   

package/src/math/index.js

@@ -1,13 +1,10 @@
 import * as __Const__ from "./const.js"
 import * as __Functions__ from "./functions/index.js"
-// import * as __Signal__ from "./const.js"
 import * as __Random__ from "./random"
-//import { Derivation } from "./Numeric";
 import * as __Complex__ from "./complex"
 import * as __Matrix__ from "./matrix"
 import * as __Discrect__ from "./discret"
 import * as __Utils__ from "./utils"
-import * as __Calculus__ from "./calculus"
 const Math = {
     ...__Const__,
     ...__Functions__,
@@ -16,17 +13,13 @@ const Math = {
     ...__Random__,
     ...__Utils__,
     ...__Discrect__,
-    // ...__Signal__,
-    ...__Calculus__,
 }
 export * from "./const.js"
 export * from "./functions/index.js"
 export * from "./complex"
 export * from "./matrix"
 export * from "./discret"
-export * from "./numeric"
 export * from "./random"
-// export * from "./signal"
 export * from "./utils"
 export * from "./statistics"
 export default Math;

package/src/math/matrix/Matrix.js

@@ -7,11 +7,6 @@ import{
 import {Utils} from "../utils/index.js";
 import {Complex } from "../complex/index.js";
 import {Random} from "../random/index.js"
-import { 
-    luDecomposition,
-    qrDecomposition,
-    choleskyDecomposition
- } from "./Decomposition.js";
 import { arr2str } from "../../data/index.js";
 class Matrix extends ZikoMath{
     constructor(rows, cols, element = [] ) {
@@ -546,51 +541,7 @@ class Matrix extends ZikoMath{
         matrix.arr = data.arr;
         return matrix;
     }
-    DecompositionLU(){
-        const [L,U]=luDecomposition(this);
-        return {
-            L,
-            U
-        }
-    }
-    static DecompositionLU(...M){
-        const Decomposition=M.map(n=>n.clone.LU());
-        return Decomposition.length===1?Decomposition[0]:Decomposition;
-    }
-    DecompositionQR(){
-        const [Q,R]=qrDecomposition(this);
-        return {
-            Q,
-            R
-        }
-    }
-    static DecompositionQR(...M){
-        const Decomposition=M.map(n=>n.clone.DecompositionQr());
-        return Decomposition.length===1?Decomposition[0]:Decomposition;
-    }
-    DecompositionCholesky(){
-        return {
-            L:choleskyDecomposition(this)
-        }
-    }
-    static DecompositionCholesky(...M){
-        const Decomposition=M.map(n=>n.clone.DecompositionCholesky());
-        return Decomposition.length===1?Decomposition[0]:Decomposition;
-    }
-    get decomposition(){
-        return{
-            LU:()=>this.DecompositionLU(),
-            QR:()=>this.DecompositionQR(),
-            Cholesky:()=>this.DecompositionCholesky()
-        }
-    }
-    static get decomposition(){
-        return{
-            LU:(...M)=>Matrix.LU(...M),
-            QR:(...M)=>Matrix.QR(...M),
-            CHOLESKY:(...M)=>Matrix.CHOLESKY(...M)
-        }
-    }
+
     toTable() {
         var table = new DocumentFragment();
         var Tr = new Array(this.rows).fill(null).map(() => document?.createElement("tr"));

package/src/math/matrix/index.js

@@ -1,3 +1 @@
-export * from "./Matrix.js"
-export * from "./Decomposition.js"
-export * from "./LinearSystem.js"
+export * from "./Matrix.js"

package/src/math/signal/index.js

@@ -1,110 +1 @@
-import { mapfun } from "../utils/index.js";
-import { abs , sinc , sign , sin } from "../functions/index.js"
-import { Random } from "../random/index.js";
-import { 
-    zeros,
-    ones,
-    nums,
-    arange,
-    linspace,
-    logspace,
-    geomspace,
-    map,
-    norm,
-    lerp,
-    clamp,
-} from "./functions.js";
-import{
-    fft,
-    ifft
-} from "./fft.js"
-import { 
-    conv,
-    conv1d, 
-    conv2d,
-    circularConv,
-    linearConv,
-    circularConv1d,
-    linearConv1d,
-    circularConv2d,
-    linearConv2d
-} from "./conv.js";
-import { 
-    filter
- } from "./filter.js";
-//import { Matrix } from "../Matrix/index.js";
-const Signal={
-    zeros,
-    ones,
-    nums,
-    arange,
-    linspace,
-    logspace,
-    geomspace,
-    map,
-    norm,
-    lerp,
-    clamp,
-    noise(n,min = 0,max = 1){
-        return Random.floats(n,min,max);
-    },
-    echelon(t,t0 = 0 , A = 1){
-        if(!(t instanceof Array))t=[t];
-        const Y = mapfun(n=>n>=t0?1:0,...t);
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A
-    },
-    rampe(t,t0 = 0 , A = 1){
-        if(!(t instanceof Array))t=[t]
-        const Y = mapfun(n=>n>=t0?n-t0:0,...t);
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A
-    },
-    sign(t,t0 = 0 , A = 1){
-        if(!(t instanceof Array))t=[t]
-        const Y = mapfun(n=>Math.sign(n-t0),...t);
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A
-    },
-    rect(t,T,t0 = 0, A = 1){
-        if(!(t instanceof Array))t=[t];
-        const Y = mapfun(n=>((t0-T/2 < n) && (t0+T/2 > n)? 1 - 2 * abs(n/T) : 0),...t)
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A
-    },
-    tri(t,T,t0 = 0 , A = 1){
-        if(!(t instanceof Array))t=[t] 
-        const Y = mapfun(n=>((t0-T/2 < n) && (t0+T/2 > n)? 1 - 2 * abs(n/T) : 0),...t)
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A;
-    },
-    dirac(t,t0){
-        return mapfun(n=>n===t0?Infinity:0,...t);
-    },
-    lorentz(t , t0 = 0 , A = 1){
-        if(!(t instanceof Array))t=[t] 
-        const Y = mapfun(n => 1/(1+(n-t0)**2),...t);
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A;
-    },
-    sinc(t , t0 , A = 1){
-        if(!(t instanceof Array))t=[t] 
-        const Y = mapfun(n=>sinc(n-t0),...t);
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A;
-    },
-    square(t,T=1,A=1){
-        if(!(t instanceof Array))t=[t] 
-        const Y = mapfun(n=>sign(sin(n*2*Math.PI/T)),...t);
-        return Y instanceof Array ? Y.map(n=>n*A) : Y*A;
-    },
-    sawtooth(){
-
-    },
-    conv,
-    conv1d,
-    conv2d,
-    circularConv,
-    linearConv,
-    circularConv1d,
-    linearConv1d,
-    circularConv2d,
-    linearConv2d,
-    fft,
-    ifft,
-    filter,
-}
-export{Signal}
+export * from "./functions.js"

package/src/math/statistics/index.js

@@ -4,7 +4,7 @@ import {
     min,
     max,
     accum
-} from "./Functions/index.js"
+} from "./functions/index.js"
 const Stats={
     sum,
     prod,
@@ -13,4 +13,4 @@ const Stats={
     accum,
 }
 export default Stats;
-export * from "./Functions/index.js"
+export * from "./functions/index.js"

package/src/reactivity/events/index.js

@@ -1,11 +1,11 @@
-export * from "./click.js";
-export * from "./pointer.js";
-export * from "./mouse.js";
-export * from "./wheel.js";
-export * from "./key.js";
-export * from "./drag.js";
-export * from "./clipboard.js";
-export * from "./focus.js";
+// export * from "./click.js";
+// export * from "./pointer.js";
+// export * from "./mouse.js";
+// export * from "./wheel.js";
+// export * from "./key.js";
+// export * from "./drag.js";
+// export * from "./clipboard.js";
+// export * from "./focus.js";
 export * from "./Input.js";
 export * from "./hash.js";
 export * from "./custom-event.js";

package/src/reactivity/hooks/Head/useFavIcon.js

@@ -1,4 +1,4 @@
-import { useEventEmitter } from "../Interactions/useEventEmmiter";
+import { useEventEmitter } from "../../../use/interactions/use-event-emmiter.js";
 class ZikoUseFavIcon{
     constructor(FavIcon,useEventEmitter=true){
         this.#init();
@@ -9,7 +9,7 @@ class ZikoUseFavIcon{
         this.set(FavIcon);
     }
     #init(){     
-        this.__FavIcon__=document.querySelector("link[rel*='icon']") || document?.createElement('link');   
+        this.__FavIcon__ = document.querySelector("link[rel*='icon']") || document?.createElement('link');   
         this.__FavIcon__.type = 'image/x-icon';
         this.__FavIcon__.rel = 'shortcut icon';
         return this;

package/src/reactivity/hooks/Head/useTitle.js

@@ -1,4 +1,4 @@
-import { useEventEmitter } from "../Interactions/useEventEmmiter.js";
+import { useEventEmitter } from "../../../use/interactions/use-event-emmiter.js";
 class ZikoUseTitle{
     constructor(title=document.title,useEventEmitter=true){
         this.cache={

package/src/reactivity/hooks/index.js

@@ -1,8 +1,8 @@
 export * from "./contexte"
-export * from "./decorators"
+// export * from "./decorators"
 export * from "./head"
-export * from "./interactions"
+// export * from "./interactions"
 // export * from "./sensors"
-export * from "./storage"
+// export * from "./storage"
 export * from "./ui"
 // export * from "./window"