ziko 0.0.17 → 0.0.19

package/src/reactivity/observer/screen.txt

@@ -1,13 +1,13 @@
-screenXLeft = screenX
-screenXRight = screen.availWidth - screenX
-
-screenYTop = screenY
-screenYBottom = screen.availHeight - screenY - outerHeight
-
-screenCenterX = screen.availWidth/2;
-screenCenterX = screen.availHeight/2;
-
-windowCenterX = outerWidth/2+screenX;
-windowCenterX = outerHeight/2+0;
-
+screenXLeft = screenX
+screenXRight = screen.availWidth - screenX
+
+screenYTop = screenY
+screenYBottom = screen.availHeight - screenY - outerHeight
+
+screenCenterX = screen.availWidth/2;
+screenCenterX = screen.availHeight/2;
+
+windowCenterX = outerWidth/2+screenX;
+windowCenterX = outerHeight/2+0;
+
 deltaCenterX = screenCenterX-windowCenterX

package/src/time/animation.js

@@ -1,76 +1,76 @@
-import { Ease } from "./utils";
-import { map } from "../math/utils"
-class ZikoTimeAnimation{
-    constructor(callback,ease=Ease.Linear,step=50,{t=[0,null],start=true,duration=3000}={}){
-        this.cache={
-            isRunning:false,
-            AnimationId:null,
-            startTime:null,
-            ease,
-            step,
-            intervall:t,
-            started:start,
-            duration
-        }
-        this.t=0;
-        this.tx=0;
-        this.ty=0;
-        this.i=0;
-        this.callback=callback;
-    }
-    #animation_handler(){
-            this.t+=this.cache.step;
-            this.i++;
-            this.tx=map(this.t,0,this.cache.duration,0,1);
-            this.ty=this.cache.ease(this.tx);
-            this.callback(this)
-            if(this.t>=this.cache.duration){
-                clearInterval(this.cache.AnimationId);
-                this.cache.isRunning=false;
-            }
-    }
-    reset(restart=true){
-        this.t=0
-        this.tx=0;
-        this.ty=0;
-        this.i=0;
-        if(restart)this.start();
-        return this;
-    }
-    #animate(reset=true){
-        if(!this.cache.isRunning){
-            if(reset)this.reset(false);
-            this.cache.isRunning=true;
-            this.cache.startTime = Date.now();
-            this.cache.AnimationId=setInterval(this.#animation_handler.bind(this),this.cache.step);
-        }
-        return this;
-    }
-    start(){
-        this.#animate(true);
-        return this;
-    }
-    pause(){
-        if (this.cache.isRunning) {
-            clearTimeout(this.cache.AnimationId);
-            this.cache.isRunning = false;
-          }
-        return this;
-    }
-    resume(){
-        this.#animate(false);
-        return this;
-    }
-    stop(){
-        this.pause();
-        this.reset(false);
-        return this;
-    }
-    // clear(){
-    // }
-    // stream(){
-    // }
-}
-
-const useAnimation=(callback,ease=Ease.Linear,step=50,config)=>new ZikoTimeAnimation(callback,ease=Ease.Linear,step=50,config)
+import { Ease } from "./utils";
+import { map } from "../math/utils"
+class ZikoTimeAnimation{
+    constructor(callback,ease=Ease.Linear,step=50,{t=[0,null],start=true,duration=3000}={}){
+        this.cache={
+            isRunning:false,
+            AnimationId:null,
+            startTime:null,
+            ease,
+            step,
+            intervall:t,
+            started:start,
+            duration
+        }
+        this.t=0;
+        this.tx=0;
+        this.ty=0;
+        this.i=0;
+        this.callback=callback;
+    }
+    #animation_handler(){
+            this.t+=this.cache.step;
+            this.i++;
+            this.tx=map(this.t,0,this.cache.duration,0,1);
+            this.ty=this.cache.ease(this.tx);
+            this.callback(this)
+            if(this.t>=this.cache.duration){
+                clearInterval(this.cache.AnimationId);
+                this.cache.isRunning=false;
+            }
+    }
+    reset(restart=true){
+        this.t=0
+        this.tx=0;
+        this.ty=0;
+        this.i=0;
+        if(restart)this.start();
+        return this;
+    }
+    #animate(reset=true){
+        if(!this.cache.isRunning){
+            if(reset)this.reset(false);
+            this.cache.isRunning=true;
+            this.cache.startTime = Date.now();
+            this.cache.AnimationId=setInterval(this.#animation_handler.bind(this),this.cache.step);
+        }
+        return this;
+    }
+    start(){
+        this.#animate(true);
+        return this;
+    }
+    pause(){
+        if (this.cache.isRunning) {
+            clearTimeout(this.cache.AnimationId);
+            this.cache.isRunning = false;
+          }
+        return this;
+    }
+    resume(){
+        this.#animate(false);
+        return this;
+    }
+    stop(){
+        this.pause();
+        this.reset(false);
+        return this;
+    }
+    // clear(){
+    // }
+    // stream(){
+    // }
+}
+
+const useAnimation=(callback,ease=Ease.Linear,step=50,config)=>new ZikoTimeAnimation(callback,ease=Ease.Linear,step=50,config)
 export{useAnimation}

package/src/time/index.js

@@ -1,12 +1,12 @@
-export * from "./loop.js"
-export * from "./animation.js"
-export * from "./utils";
-import * as Loop from "./loop.js";
-import * as Animation from "./loop.js";
-import * as Utils from "./utils"
-const Time = {
-    ...Loop,
-    ...Animation,
-    ...Utils
-}
+export * from "./loop.js"
+export * from "./animation.js"
+export * from "./utils";
+import * as Loop from "./loop.js";
+import * as Animation from "./loop.js";
+import * as Utils from "./utils"
+const Time = {
+    ...Loop,
+    ...Animation,
+    ...Utils
+}
 export default Time

package/src/time/loop.js

@@ -1,87 +1,87 @@
-class ZikoTimeLoop {
-  constructor(callback, step = 1000/30, startTime=0, endTime = Infinity, started = true) {
-    this.callback = callback;
-    this.cache = {
-      isRunning: false,
-      AnimationId : null,
-      t0 : null,
-      step,
-      // fps,
-      startTime,
-      endTime,
-      started
-    };
-    this.init();
-    this.i=0;
-  }
-  init(){
-    // if(this.cache.step && this.cache.fps){
-    //   console.warn(`Fps will be adjusted from ${this.cache.fps} to ${1000/this.cache.step} to ensure a smoother animation`);
-    //   this.cache.fps=1000/this.cache.step;
-    // }
-    if(this.cache.started){
-      this.cache.startTime?this.startAfter(this.cache.startTime):this.start();
-      if(this.cache.endTime&&this.cache.endTime!==Infinity)this.stopAfter(this.cache.endTime);
-    }
-    return this;
-  }
-  // get TIME_STEP() {
-  //   // return this.cache.step?this.cache.step:1000 / this.cache.fps;
-  //   return this.cache.step;
-  // }
-  start() {
-    if (!this.cache.isRunning) {
-      this.i=0;
-      this.cache.isRunning = true;
-      this.cache.t0 = Date.now();
-      this.animate();
-    }
-    return this;
-  }
-  pause() {
-    if (this.cache.isRunning) {
-      clearTimeout(this.cache.AnimationId);
-      this.cache.isRunning = false;
-    }
-    return this;
-  }
-  stop(){
-    this.pause();
-    this.i=0;
-    return this;
-  }
-  resume(){
-    this.cache.isRunning=true;
-    this.animate();
-    return this;
-  }
-  startAfter(t=1000){
-    setTimeout(this.start.bind(this),t);
-    return this;
-  }
-  stopAfter(t=1000){
-    setTimeout(this.stop.bind(this),t);
-    return this;   
-  }
-  animate = () => {
-    if (this.cache.isRunning) {
-      const now = Date.now();
-      const delta = now - this.cache.t0;
-      if (delta > this.cache.step) {
-        this.callback(this);
-        this.i++;
-        this.cache.t0 = now - (delta % this.cache.step);
-      }
-      this.cache.AnimationId = setTimeout(this.animate, 0);
-    };
-  }
-}
-const useFps = fps => 1000/fps;
-const useTimeLoop = (callback, step, startTime, endTime, started) => new ZikoTimeLoop(callback, step, startTime, endTime, started);
-
-
-//const a = useTimeLoop((e) => console.log(e.i), {step:100,fps:30,t:[500,4001],start:true});
-export {
-  useTimeLoop,
-  useFps
-}
+class ZikoTimeLoop {
+  constructor(callback, step = 1000/30, startTime=0, endTime = Infinity, started = true) {
+    this.callback = callback;
+    this.cache = {
+      isRunning: false,
+      AnimationId : null,
+      t0 : null,
+      step,
+      // fps,
+      startTime,
+      endTime,
+      started
+    };
+    this.init();
+    this.i=0;
+  }
+  init(){
+    // if(this.cache.step && this.cache.fps){
+    //   console.warn(`Fps will be adjusted from ${this.cache.fps} to ${1000/this.cache.step} to ensure a smoother animation`);
+    //   this.cache.fps=1000/this.cache.step;
+    // }
+    if(this.cache.started){
+      this.cache.startTime?this.startAfter(this.cache.startTime):this.start();
+      if(this.cache.endTime&&this.cache.endTime!==Infinity)this.stopAfter(this.cache.endTime);
+    }
+    return this;
+  }
+  // get TIME_STEP() {
+  //   // return this.cache.step?this.cache.step:1000 / this.cache.fps;
+  //   return this.cache.step;
+  // }
+  start() {
+    if (!this.cache.isRunning) {
+      this.i=0;
+      this.cache.isRunning = true;
+      this.cache.t0 = Date.now();
+      this.animate();
+    }
+    return this;
+  }
+  pause() {
+    if (this.cache.isRunning) {
+      clearTimeout(this.cache.AnimationId);
+      this.cache.isRunning = false;
+    }
+    return this;
+  }
+  stop(){
+    this.pause();
+    this.i=0;
+    return this;
+  }
+  resume(){
+    this.cache.isRunning=true;
+    this.animate();
+    return this;
+  }
+  startAfter(t=1000){
+    setTimeout(this.start.bind(this),t);
+    return this;
+  }
+  stopAfter(t=1000){
+    setTimeout(this.stop.bind(this),t);
+    return this;   
+  }
+  animate = () => {
+    if (this.cache.isRunning) {
+      const now = Date.now();
+      const delta = now - this.cache.t0;
+      if (delta > this.cache.step) {
+        this.callback(this);
+        this.i++;
+        this.cache.t0 = now - (delta % this.cache.step);
+      }
+      this.cache.AnimationId = setTimeout(this.animate, 0);
+    };
+  }
+}
+const useFps = fps => 1000/fps;
+const useTimeLoop = (callback, step, startTime, endTime, started) => new ZikoTimeLoop(callback, step, startTime, endTime, started);
+
+
+//const a = useTimeLoop((e) => console.log(e.i), {step:100,fps:30,t:[500,4001],start:true});
+export {
+  useTimeLoop,
+  useFps
+}

package/src/time/utils/decorators.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
 }