ziko 0.0.18 → 0.0.20

package/src/reactivity/events/swipe.js

@@ -1,149 +1,149 @@
-import { ZikoEvent, EVENT_CONTROLLER } from "./ZikoEvent.js";
-import { norm, lerp, abs, sign } from "../../math/index.js";
-class ZikoEventSwipe extends ZikoEvent {
-  constructor(target, width_threshold = 0.3, height_threshold = 0.3) {
-    super(target);
-    const { removeListener, setWidthThreshold, setHeightThreshold } = init_swipe_event_handler(
-      this.target?.element,
-      width_threshold,
-      height_threshold,
-      this.target.width,
-      this.target.height,
-    );
-    this.cache = {
-      width_threshold,
-      height_threshold,
-      removeListener,
-      setWidthThreshold,
-      setHeightThreshold,
-      legacyTouchAction : globalThis?.document?.body?.style?.touchAction,
-      prefixe: "",
-      preventDefault: {
-        swipe: false,
-      },
-      paused: {
-        swipe: false,
-      },
-      stream: {
-        enabled: {
-          swipe: false,
-        },
-        clear: {
-          swipe: false,
-        },
-        history: {
-          swipe: [],
-        },
-      },
-      callbacks: {
-        swipe: [],
-      },
-    };
-    this.__controller = {
-      swipe: swipe_controller.bind(this),
-    };
-  }
-  onSwipe(...callbacks) {
-    Object.assign(globalThis?.document?.body?.style,{touchAction:"none"})
-    this.__onEvent("swipe", {}, ...callbacks);
-    return this;
-  }
-  updateThresholds(width_threshold = this.cache.width_threshold, height_threshold = this.cache.height_threshold) {
-    if (width_threshold !== undefined) {
-      this.cache.setWidthThreshold(width_threshold);
-    }
-    if (height_threshold !== undefined) {
-      this.cache.setHeightThreshold(height_threshold);
-    }
-    return this;
-  }
-  destroy() {
-    this.cache.removeListener();
-    Object.assign(globalThis?.document?.body?.style,{touchAction:this.cache.legacyTouchAction})
-    return this;
-  }
-}
-function init_swipe_event_handler(element, width_threshold = 0.50, height_threshold = 0.5, width, height) {
-  let Interpolated_width_threshold = lerp(width_threshold, 0, width);
-  let Interpolated_height_threshold = lerp(height_threshold, 0, height);
-  let startX = 0, startY = 0, endX = 0, endY = 0;
-  const pointerDownHandler = (event) => {
-    startX = event.clientX;
-    startY = event.clientY;
-  };
-  const pointerUpHandler = (event) => {
-    endX = event.clientX;
-    endY = event.clientY;
-    handleSwipe();
-  };
-  element?.addEventListener('pointerdown', pointerDownHandler);
-  element?.addEventListener('pointerup', pointerUpHandler);
-  function handleSwipe() {
-    const deltaX = endX - startX;
-    const deltaY = endY - startY;
-    if (Math.abs(deltaX) > Interpolated_width_threshold || Math.abs(deltaY) > Interpolated_height_threshold) {
-      dispatchSwipeEvent(deltaX, deltaY);
-    }
-  }
-  function dispatchSwipeEvent(deltaX, deltaY) {
-    const event = globalThis?.CustomEvent ? new CustomEvent('swipe', {
-      detail: {
-        deltaX: abs(deltaX) < Interpolated_width_threshold ? 0 : sign(deltaX) * norm(abs(deltaX), 0, width),
-        deltaY: abs(deltaY) < Interpolated_height_threshold ? 0 : sign(deltaY) * norm(abs(deltaY), 0, height),
-        direction: {
-          x : abs(deltaX) < Interpolated_width_threshold ? "none" : deltaX > 0 ? "right" : "left",
-          y : abs(deltaY) < Interpolated_height_threshold ? "none" : deltaY > 0 ? 'down' : 'up',
-        },
-      },
-    }) : null;
-    element?.dispatchEvent(event);
-  }
-  function setWidthThreshold(new_width_threshold) {
-    Interpolated_width_threshold = lerp(new_width_threshold, 0, width);
-  }
-  function setHeightThreshold(new_height_threshold) {
-    Interpolated_height_threshold = lerp(new_height_threshold, 0, height);
-  }
-  return {
-    removeListener() {
-      element?.removeEventListener('pointerdown', pointerDownHandler);
-      element?.removeEventListener('pointerup', pointerUpHandler);
-      console.log('Swipe event listeners removed');
-    },
-    setWidthThreshold,
-    setHeightThreshold,
-  };
-}
-function swipe_controller(e) {
-  EVENT_CONTROLLER.call(this, e, "swipe", null, null);
-}
-const useSwipeEvent = (target, width_threshold, height_threshold) => new ZikoEventSwipe(target, width_threshold, height_threshold);
-export{
-  useSwipeEvent,
-  ZikoEventSwipe
-}
-/*
-a=p("ALLL").size("300px","300px").style({background:"red",userSelect:"none"})
-t=text("")
-ev=useSwipeEvent(a, .1, .3)
-ev.onSwipe(e=>{
-// t.setValue(`
-//  vertical direction : ${e.event.detail.direction.y}
-//  horizontal direction : ${e.event.detail.direction.x}
-//  deltaX : ${e.event.detail.deltaX}
-//  deltaY : ${e.event.detail.deltaY}
-// `)
-e.target.st.translate(e.event.detail.deltaX * 200, e.event.detail.deltaY * 200,0, 500)
-})
-*/
-/*
-a=p("ALLL")
-.size("300px","300px")
-.style({background:"red",userSelect:"none"})
-.onSwipe(
-.3,
-.3,
-e=>{
-  e.target.st.translate(e.event.detail.deltaX * 200, e.event.detail.deltaY * 200,0, 500)
-})
-*/
+import { ZikoEvent, EVENT_CONTROLLER } from "./ZikoEvent.js";
+import { norm, lerp, abs, sign } from "../../math/index.js";
+class ZikoEventSwipe extends ZikoEvent {
+  constructor(target, width_threshold = 0.3, height_threshold = 0.3) {
+    super(target);
+    const { removeListener, setWidthThreshold, setHeightThreshold } = init_swipe_event_handler(
+      this.target?.element,
+      width_threshold,
+      height_threshold,
+      this.target.width,
+      this.target.height,
+    );
+    this.cache = {
+      width_threshold,
+      height_threshold,
+      removeListener,
+      setWidthThreshold,
+      setHeightThreshold,
+      legacyTouchAction : globalThis?.document?.body?.style?.touchAction,
+      prefixe: "",
+      preventDefault: {
+        swipe: false,
+      },
+      paused: {
+        swipe: false,
+      },
+      stream: {
+        enabled: {
+          swipe: false,
+        },
+        clear: {
+          swipe: false,
+        },
+        history: {
+          swipe: [],
+        },
+      },
+      callbacks: {
+        swipe: [],
+      },
+    };
+    this.__controller = {
+      swipe: swipe_controller.bind(this),
+    };
+  }
+  onSwipe(...callbacks) {
+    Object.assign(globalThis?.document?.body?.style,{touchAction:"none"})
+    this.__onEvent("swipe", {}, ...callbacks);
+    return this;
+  }
+  updateThresholds(width_threshold = this.cache.width_threshold, height_threshold = this.cache.height_threshold) {
+    if (width_threshold !== undefined) {
+      this.cache.setWidthThreshold(width_threshold);
+    }
+    if (height_threshold !== undefined) {
+      this.cache.setHeightThreshold(height_threshold);
+    }
+    return this;
+  }
+  destroy() {
+    this.cache.removeListener();
+    Object.assign(globalThis?.document?.body?.style,{touchAction:this.cache.legacyTouchAction})
+    return this;
+  }
+}
+function init_swipe_event_handler(element, width_threshold = 0.50, height_threshold = 0.5, width, height) {
+  let Interpolated_width_threshold = lerp(width_threshold, 0, width);
+  let Interpolated_height_threshold = lerp(height_threshold, 0, height);
+  let startX = 0, startY = 0, endX = 0, endY = 0;
+  const pointerDownHandler = (event) => {
+    startX = event.clientX;
+    startY = event.clientY;
+  };
+  const pointerUpHandler = (event) => {
+    endX = event.clientX;
+    endY = event.clientY;
+    handleSwipe();
+  };
+  element?.addEventListener('pointerdown', pointerDownHandler);
+  element?.addEventListener('pointerup', pointerUpHandler);
+  function handleSwipe() {
+    const deltaX = endX - startX;
+    const deltaY = endY - startY;
+    if (Math.abs(deltaX) > Interpolated_width_threshold || Math.abs(deltaY) > Interpolated_height_threshold) {
+      dispatchSwipeEvent(deltaX, deltaY);
+    }
+  }
+  function dispatchSwipeEvent(deltaX, deltaY) {
+    const event = globalThis?.CustomEvent ? new CustomEvent('swipe', {
+      detail: {
+        deltaX: abs(deltaX) < Interpolated_width_threshold ? 0 : sign(deltaX) * norm(abs(deltaX), 0, width),
+        deltaY: abs(deltaY) < Interpolated_height_threshold ? 0 : sign(deltaY) * norm(abs(deltaY), 0, height),
+        direction: {
+          x : abs(deltaX) < Interpolated_width_threshold ? "none" : deltaX > 0 ? "right" : "left",
+          y : abs(deltaY) < Interpolated_height_threshold ? "none" : deltaY > 0 ? 'down' : 'up',
+        },
+      },
+    }) : null;
+    element?.dispatchEvent(event);
+  }
+  function setWidthThreshold(new_width_threshold) {
+    Interpolated_width_threshold = lerp(new_width_threshold, 0, width);
+  }
+  function setHeightThreshold(new_height_threshold) {
+    Interpolated_height_threshold = lerp(new_height_threshold, 0, height);
+  }
+  return {
+    removeListener() {
+      element?.removeEventListener('pointerdown', pointerDownHandler);
+      element?.removeEventListener('pointerup', pointerUpHandler);
+      console.log('Swipe event listeners removed');
+    },
+    setWidthThreshold,
+    setHeightThreshold,
+  };
+}
+function swipe_controller(e) {
+  EVENT_CONTROLLER.call(this, e, "swipe", null, null);
+}
+const useSwipeEvent = (target, width_threshold, height_threshold) => new ZikoEventSwipe(target, width_threshold, height_threshold);
+export{
+  useSwipeEvent,
+  ZikoEventSwipe
+}
+/*
+a=p("ALLL").size("300px","300px").style({background:"red",userSelect:"none"})
+t=text("")
+ev=useSwipeEvent(a, .1, .3)
+ev.onSwipe(e=>{
+// t.setValue(`
+//  vertical direction : ${e.event.detail.direction.y}
+//  horizontal direction : ${e.event.detail.direction.x}
+//  deltaX : ${e.event.detail.deltaX}
+//  deltaY : ${e.event.detail.deltaY}
+// `)
+e.target.st.translate(e.event.detail.deltaX * 200, e.event.detail.deltaY * 200,0, 500)
+})
+*/
+/*
+a=p("ALLL")
+.size("300px","300px")
+.style({background:"red",userSelect:"none"})
+.onSwipe(
+.3,
+.3,
+e=>{
+  e.target.st.translate(e.event.detail.deltaX * 200, e.event.detail.deltaY * 200,0, 500)
+})
+*/

package/src/reactivity/events/wheel.js

@@ -1,47 +1,47 @@
-import { ZikoEvent , EVENT_CONTROLLER } from "./ZikoEvent.js";
-function wheel_controller(e){
-    EVENT_CONTROLLER.call(this,e,"wheel",null,null)
-}
-class ZikoEventWheel extends ZikoEvent{
-    constructor(target){
-        super(target);
-        this.event=null;
-        this.cache={
-            prefixe:"",
-            preventDefault:{
-                wheel:false,
-            },
-            paused:{
-                wheel:false,      
-            },
-            stream:{
-                enabled:{
-                    wheel:false,
-
-                },
-                clear:{
-                    wheel:false, 
-         
-                },
-                history:{
-                    wheel:[],
-                }
-            },
-            callbacks:{
-                click:[],
-            }
-        }
-        this.__controller={
-            wheel:wheel_controller.bind(this),
-        }
-    }
-    onWheel(...callbacks){
-        this.__onEvent("wheel",{},...callbacks)
-        return this;
-     }    
-}
-const useWheelEvent=target=>new ZikoEventWheel(target);
-export{
-    useWheelEvent,
-    ZikoEventWheel
+import { ZikoEvent , EVENT_CONTROLLER } from "./ZikoEvent.js";
+function wheel_controller(e){
+    EVENT_CONTROLLER.call(this,e,"wheel",null,null)
+}
+class ZikoEventWheel extends ZikoEvent{
+    constructor(target){
+        super(target);
+        this.event=null;
+        this.cache={
+            prefixe:"",
+            preventDefault:{
+                wheel:false,
+            },
+            paused:{
+                wheel:false,      
+            },
+            stream:{
+                enabled:{
+                    wheel:false,
+
+                },
+                clear:{
+                    wheel:false, 
+         
+                },
+                history:{
+                    wheel:[],
+                }
+            },
+            callbacks:{
+                click:[],
+            }
+        }
+        this.__controller={
+            wheel:wheel_controller.bind(this),
+        }
+    }
+    onWheel(...callbacks){
+        this.__onEvent("wheel",{},...callbacks)
+        return this;
+     }    
+}
+const useWheelEvent=target=>new ZikoEventWheel(target);
+export{
+    useWheelEvent,
+    ZikoEventWheel
 }

package/src/reactivity/hooks/{contexte → Contexte}/useSuccesifKeys.js

@@ -1,14 +1,14 @@
-const useSuccesifKeys=(self,keys=[],callback=()=>{})=>{
-    self.cache.stream.enabled.down=true;
-    const length=keys.length;
-    const LastKeysDown=self.cache.stream.history.down.slice(-length).map(n=>n.key);
-    
-        if(keys.join("")===LastKeysDown.join("")){
-            self.event.preventDefault();
-            callback.call(self,self);
-        }
-    
-}
-export {
-    useSuccesifKeys
+const useSuccesifKeys=(self,keys=[],callback=()=>{})=>{
+    self.cache.stream.enabled.down=true;
+    const length=keys.length;
+    const LastKeysDown=self.cache.stream.history.down.slice(-length).map(n=>n.key);
+    
+        if(keys.join("")===LastKeysDown.join("")){
+            self.event.preventDefault();
+            callback.call(self,self);
+        }
+    
+}
+export {
+    useSuccesifKeys
 }

package/src/reactivity/hooks/{decorators → Decorators}/index.js

@@ -1,6 +1,6 @@
-export { useType } from "./type";
-
-export { 
-    useThrottle,
-    useDebounce
- } from "../../../time";
+export { useType } from "./type";
+
+export { 
+    useThrottle,
+    useDebounce
+ } from "../../../time";

package/src/reactivity/hooks/{decorators → Decorators}/time.js

@@ -1,17 +1,17 @@
-const useDebounce=(fn,delay=1000)=>{
-    let id;
-    return(...args)=>id?clearTimeout(id):setTimeout(()=>fn(...args),delay)
-}
-const useThrottle=(fn,delay)=>{
-    let lastTime=0;
-    return (...args)=>{
-        const now=new Date().getTime()
-        if(now-lastTime<delay)return;
-        lastTime=now;
-        fn(...args); 
-    }
-}
-export{
-    useDebounce,
-    useThrottle
+const useDebounce=(fn,delay=1000)=>{
+    let id;
+    return(...args)=>id?clearTimeout(id):setTimeout(()=>fn(...args),delay)
+}
+const useThrottle=(fn,delay)=>{
+    let lastTime=0;
+    return (...args)=>{
+        const now=new Date().getTime()
+        if(now-lastTime<delay)return;
+        lastTime=now;
+        fn(...args); 
+    }
+}
+export{
+    useDebounce,
+    useThrottle
 }

package/src/reactivity/hooks/{decorators → Decorators}/type.js

@@ -1,88 +1,88 @@
-function useType(func, ...expectedTypes) {
-  const argNames = func.toString()
-    .match(/\(([^)]*)\)/)[1]
-    .split(',')
-    .map(arg => arg.trim());
-  return function(...args) {
-    const lastExpectedType = expectedTypes[expectedTypes.length - 1];
-    for (let i = 0; i < args.length; i++) {
-      const isRestParam = i >= expectedTypes.length;
-      const expectedType = isRestParam ? lastExpectedType : expectedTypes[i];
-      const arg = args[i];
-      const argName = isRestParam ? `${argNames[argNames.length - 1]}[${i - expectedTypes.length + 1}]` : argNames[i] || `Argument ${i + 1}`;
-      let isValid = false;
-      if(typeof expectedType === "object"){
-        if (expectedType.or) {
-          for (const type of expectedType.types) {
-            if (checkTypeOrInstance(type, arg)) {
-              isValid = true;
-              break;
-            }
-          }
-        }
-        if (expectedType.nor) {
-          for (const type of expectedType.types) {
-            if (checkTypeOrInstance(type, arg)) {
-              isValid = false;
-              break;
-            }
-            isValid = true
-          }
-        } 
-        else if (expectedType.not) isValid = !checkTypeOrInstance(expectedType.type, arg);
-      }
-      else isValid = checkTypeOrInstance(expectedType, arg);
-      // Should Fix Nor error Message
-      if (!isValid) {
-        // const expectedTypeName = typeof expectedType === 'object'
-        //   ? expectedType.or
-        //     ? expectedType.types.map(type => (typeof type === 'string' ? type : type.name)).join(' or ')
-        //     : expectedType.not
-        //     ? `not ${typeof expectedType.type === 'string' ? expectedType.type : expectedType.type.name}`
-        //     : Array.isArray(expectedType)
-        //     ? `[${expectedType.map(type => (typeof type === 'string' ? type : type.name)).join(', ')}]`
-        //     : `{${Object.entries(expectedType).map(([key, type]) => `${key}: ${typeof type === 'string' ? type : type.name}`).join(', ')}}`
-        //   : typeof expectedType === 'string'
-        //   ? expectedType
-        //   : expectedType.name;
-        // throw new TypeError(`${argName} should be of type ${expectedTypeName}`);
-        throw new TypeError("jjj")
-      }
-    }
-    return func(...args);
-  };
-}
-
-function useOr(...types) {
-  return { or: true, types };
-}
-function useNot(type) {
-  return { not: true, type };
-}
-function useNor(...types){
-  return { nor: true, types}
-}
-const checkTypeOrInstance = (type, arg) => {
-  if (typeof type === 'string') return typeof arg === type;
-  else if (type instanceof Function) return arg instanceof type;
-  else if (Array.isArray(type)) 
-    return (!Array.isArray(arg) || arg.length !== type.length)? false: arg.every((item, index) => checkTypeOrInstance(type[index], item));  
-  else if (typeof type === 'object' && !Array.isArray(type)) 
-    return (typeof arg !== 'object' || arg === null)? false : Object.keys(type).every(key => key in arg && checkTypeOrInstance(type[key], arg[key]))  
-  return false;
-};
-// globalThis.useType = useType
-// globalThis.useNot = useNot
-// globalThis.useOr = useOr
-
-// function add(a, b = 0){
-//   return a+b
-//  }
- 
-// add = useType(add,"number",useNor("string","number"))
- 
-// console.log(add(1))
-
-export{
-  useType
+function useType(func, ...expectedTypes) {
+  const argNames = func.toString()
+    .match(/\(([^)]*)\)/)[1]
+    .split(',')
+    .map(arg => arg.trim());
+  return function(...args) {
+    const lastExpectedType = expectedTypes[expectedTypes.length - 1];
+    for (let i = 0; i < args.length; i++) {
+      const isRestParam = i >= expectedTypes.length;
+      const expectedType = isRestParam ? lastExpectedType : expectedTypes[i];
+      const arg = args[i];
+      const argName = isRestParam ? `${argNames[argNames.length - 1]}[${i - expectedTypes.length + 1}]` : argNames[i] || `Argument ${i + 1}`;
+      let isValid = false;
+      if(typeof expectedType === "object"){
+        if (expectedType.or) {
+          for (const type of expectedType.types) {
+            if (checkTypeOrInstance(type, arg)) {
+              isValid = true;
+              break;
+            }
+          }
+        }
+        if (expectedType.nor) {
+          for (const type of expectedType.types) {
+            if (checkTypeOrInstance(type, arg)) {
+              isValid = false;
+              break;
+            }
+            isValid = true
+          }
+        } 
+        else if (expectedType.not) isValid = !checkTypeOrInstance(expectedType.type, arg);
+      }
+      else isValid = checkTypeOrInstance(expectedType, arg);
+      // Should Fix Nor error Message
+      if (!isValid) {
+        // const expectedTypeName = typeof expectedType === 'object'
+        //   ? expectedType.or
+        //     ? expectedType.types.map(type => (typeof type === 'string' ? type : type.name)).join(' or ')
+        //     : expectedType.not
+        //     ? `not ${typeof expectedType.type === 'string' ? expectedType.type : expectedType.type.name}`
+        //     : Array.isArray(expectedType)
+        //     ? `[${expectedType.map(type => (typeof type === 'string' ? type : type.name)).join(', ')}]`
+        //     : `{${Object.entries(expectedType).map(([key, type]) => `${key}: ${typeof type === 'string' ? type : type.name}`).join(', ')}}`
+        //   : typeof expectedType === 'string'
+        //   ? expectedType
+        //   : expectedType.name;
+        // throw new TypeError(`${argName} should be of type ${expectedTypeName}`);
+        throw new TypeError("jjj")
+      }
+    }
+    return func(...args);
+  };
+}
+
+function useOr(...types) {
+  return { or: true, types };
+}
+function useNot(type) {
+  return { not: true, type };
+}
+function useNor(...types){
+  return { nor: true, types}
+}
+const checkTypeOrInstance = (type, arg) => {
+  if (typeof type === 'string') return typeof arg === type;
+  else if (type instanceof Function) return arg instanceof type;
+  else if (Array.isArray(type)) 
+    return (!Array.isArray(arg) || arg.length !== type.length)? false: arg.every((item, index) => checkTypeOrInstance(type[index], item));  
+  else if (typeof type === 'object' && !Array.isArray(type)) 
+    return (typeof arg !== 'object' || arg === null)? false : Object.keys(type).every(key => key in arg && checkTypeOrInstance(type[key], arg[key]))  
+  return false;
+};
+// globalThis.useType = useType
+// globalThis.useNot = useNot
+// globalThis.useOr = useOr
+
+// function add(a, b = 0){
+//   return a+b
+//  }
+ 
+// add = useType(add,"number",useNor("string","number"))
+ 
+// console.log(add(1))
+
+export{
+  useType
 }