react-hook-time
Advanced tools
Comparing version 0.0.1-alpha.3 to 0.0.1-alpha.4
import useTimer from './src/useTimer'; | ||
export default useTimer; | ||
declare const _default: { | ||
useTimer: typeof useTimer; | ||
}; | ||
export default _default; |
@@ -41,3 +41,3 @@ import { useEffect as E, useRef as C, useState as V } from "react"; | ||
}; | ||
function $(t, a) { | ||
function L(t, a) { | ||
let l = t, c = a; | ||
@@ -59,3 +59,3 @@ !["number", "string"].includes(typeof t) && !(t instanceof Date) && (l = 0, c = t); | ||
stepInMs: N = 1e3 | ||
} = c || {}, o = C(null), f = C(null), k = C(!0), F = H(l, Y), p = C(F), [n, v] = V(p.current), [B, S] = V(!!M), q = () => { | ||
} = c || {}, o = C(null), f = C(null), k = C(!0), F = H(l, Y), p = C(F), [n, v] = V(p.current), [x, S] = V(!!M), q = () => { | ||
o.current && (y && y(), I()); | ||
@@ -99,3 +99,3 @@ }, I = () => { | ||
A(() => M && j()), G(I); | ||
const x = ({ | ||
const B = ({ | ||
updatedTime: e, | ||
@@ -105,3 +105,3 @@ continueIfWasRunning: r, | ||
}) => { | ||
r && B ? v(e) : s && !B ? z(e) : (I(), v(e)); | ||
r && x ? v(e) : s && !x ? z(e) : (I(), v(e)); | ||
}; | ||
@@ -111,3 +111,3 @@ return R ? { | ||
cancel: q, | ||
isRunning: B | ||
isRunning: x | ||
} : { | ||
@@ -123,3 +123,3 @@ start: j, | ||
} = e || {}; | ||
g && g(m(p.current)), x({ | ||
g && g(m(p.current)), B({ | ||
updatedTime: p.current, | ||
@@ -136,3 +136,3 @@ continueIfWasRunning: s, | ||
} = r || {}, u = H(e, s); | ||
w && w(m(u)), p.current = u, x({ | ||
w && w(m(u)), p.current = u, B({ | ||
updatedTime: u, | ||
@@ -149,3 +149,3 @@ continueIfWasRunning: W, | ||
} = r || {}, u = n + H(e, s); | ||
p.current = u, x({ | ||
p.current = u, B({ | ||
updatedTime: u, | ||
@@ -163,3 +163,3 @@ continueIfWasRunning: W, | ||
let u = n - H(e, s); | ||
u < 0 && (u = 0), p.current = u, x({ | ||
u < 0 && (u = 0), p.current = u, B({ | ||
updatedTime: u, | ||
@@ -170,3 +170,3 @@ continueIfWasRunning: W, | ||
}, | ||
isRunning: B, | ||
isRunning: x, | ||
currentTime: m(n), | ||
@@ -176,5 +176,8 @@ formattedCurrentTime: K(n) | ||
} | ||
const tt = { | ||
useTimer: L | ||
}; | ||
export { | ||
$ as default | ||
tt as default | ||
}; | ||
//# sourceMappingURL=index.es.js.map |
@@ -1,2 +0,2 @@ | ||
(function(n,I){typeof exports=="object"&&typeof module<"u"?module.exports=I(require("react")):typeof define=="function"&&define.amd?define(["react"],I):(n=typeof globalThis<"u"?globalThis:n||self,n["react-hook-time"]=I(n.React))})(this,function(n){"use strict";function I(e){n.useEffect(()=>{e()},[])}function P(e){n.useEffect(()=>e,[])}const V=e=>{const m=new Date(e);return isNaN(m.getTime())?void 0:m.getTime()-Date.now()},x=(e,m)=>{const l=typeof e!="number",u=l?V(e):e;if(typeof u!="number")return 0;if(l)return u;switch(m){case"ms":return u;case"sec":return u*1e3;case"min":return u*6e4;case"hour":return u*36e5;case"day":return u*864e5}},f=e=>e/1e3,Y=e=>{const M=e/1e3/60/60/24,y=M/365,T=Math.floor(y),B=M%365,S=Math.floor(B),a=(B-S)*24,U=Math.floor(a),g=(a-U)*60,v=Math.floor(g),E=(g-v)*60,p=Math.round(E);return{years:T,days:S,hours:U,minutes:v,seconds:p}};function z(e,m){let l=e,u=m;!["number","string"].includes(typeof e)&&!(e instanceof Date)&&(l=0,u=e);const{autostart:M,preventUpdate:y,stopwatch:T,speedUpFirstSecond:B,onPause:S,onStart:a,onCancel:U,onReset:g,onUpdate:v,onTimeSet:E,onEnd:p,timeUnit:A="sec",stepInMs:k=1e3}=u||{},c=n.useRef(null),d=n.useRef(null),N=n.useRef(!0),q=x(l,A),R=n.useRef(q),[r,W]=n.useState(R.current),[j,D]=n.useState(!!M),G=()=>{c.current&&(U&&U(),h())},h=()=>{if(y){if(!c.current)return;D(!1),clearInterval(c.current),c.current=null;return}d.current&&(D(!1),c.current&&(clearInterval(c.current),c.current=null),clearTimeout(d.current),d.current=null)};n.useEffect(()=>{if(N.current){N.current=!1;return}!T&&r===0&&(p&&p(),h()),v&&v(f(r))},[r]);const F=t=>{d.current=setTimeout(()=>{const s=T?t+1e3:Math.max(t-1e3,0);W(s),s!==0&&(c.current=setInterval(()=>{W(o=>T?o+1e3:Math.max(o-1e3,0))},k))},B?300:k)},J=t=>{c.current||d.current||!t||(a&&a(f(r)),D(!0),W(t),F(t))},H=()=>{if(!c.current){if(y){a&&a(),D(!0),c.current=setTimeout(()=>{p&&p(),h()},q);return}d.current||!T&&r===0||(a&&a(f(r)),D(!0),F(r))}};I(()=>M&&H()),P(h);const C=({updatedTime:t,continueIfWasRunning:s,startIfWasStopped:o})=>{s&&j?W(t):o&&!j?J(t):(h(),W(t))};return y?{start:H,cancel:G,isRunning:j}:{start:H,pause:()=>{d.current&&(h(),S&&S(f(r)))},reset:t=>{const{startIfWasStopped:s,continueIfWasRunning:o}=t||{};g&&g(f(R.current)),C({updatedTime:R.current,continueIfWasRunning:o,startIfWasStopped:s})},setTime:(t,s)=>{const{timeUnit:o="sec",continueIfWasRunning:b,startIfWasStopped:w}=s||{},i=x(t,o);E&&E(f(i)),R.current=i,C({updatedTime:i,continueIfWasRunning:b,startIfWasStopped:w})},incTimeBy:(t,s)=>{const{timeUnit:o="sec",continueIfWasRunning:b,startIfWasStopped:w}=s||{},i=r+x(t,o);R.current=i,C({updatedTime:i,continueIfWasRunning:b,startIfWasStopped:w})},decTimeBy:(t,s)=>{const{timeUnit:o="sec",continueIfWasRunning:b,startIfWasStopped:w}=s||{};let i=r-x(t,o);i<0&&(i=0),R.current=i,C({updatedTime:i,continueIfWasRunning:b,startIfWasStopped:w})},isRunning:j,currentTime:f(r),formattedCurrentTime:Y(r)}}return z}); | ||
(function(n,I){typeof exports=="object"&&typeof module<"u"?module.exports=I(require("react")):typeof define=="function"&&define.amd?define(["react"],I):(n=typeof globalThis<"u"?globalThis:n||self,n["react-hook-time"]=I(n.React))})(this,function(n){"use strict";function I(e){n.useEffect(()=>{e()},[])}function P(e){n.useEffect(()=>e,[])}const V=e=>{const m=new Date(e);return isNaN(m.getTime())?void 0:m.getTime()-Date.now()},w=(e,m)=>{const l=typeof e!="number",u=l?V(e):e;if(typeof u!="number")return 0;if(l)return u;switch(m){case"ms":return u;case"sec":return u*1e3;case"min":return u*6e4;case"hour":return u*36e5;case"day":return u*864e5}},f=e=>e/1e3,Y=e=>{const M=e/1e3/60/60/24,y=M/365,T=Math.floor(y),B=M%365,S=Math.floor(B),a=(B-S)*24,U=Math.floor(a),g=(a-U)*60,v=Math.floor(g),E=(g-v)*60,p=Math.round(E);return{years:T,days:S,hours:U,minutes:v,seconds:p}};function z(e,m){let l=e,u=m;!["number","string"].includes(typeof e)&&!(e instanceof Date)&&(l=0,u=e);const{autostart:M,preventUpdate:y,stopwatch:T,speedUpFirstSecond:B,onPause:S,onStart:a,onCancel:U,onReset:g,onUpdate:v,onTimeSet:E,onEnd:p,timeUnit:A="sec",stepInMs:k=1e3}=u||{},c=n.useRef(null),d=n.useRef(null),N=n.useRef(!0),q=w(l,A),R=n.useRef(q),[r,W]=n.useState(R.current),[j,D]=n.useState(!!M),G=()=>{c.current&&(U&&U(),h())},h=()=>{if(y){if(!c.current)return;D(!1),clearInterval(c.current),c.current=null;return}d.current&&(D(!1),c.current&&(clearInterval(c.current),c.current=null),clearTimeout(d.current),d.current=null)};n.useEffect(()=>{if(N.current){N.current=!1;return}!T&&r===0&&(p&&p(),h()),v&&v(f(r))},[r]);const F=t=>{d.current=setTimeout(()=>{const s=T?t+1e3:Math.max(t-1e3,0);W(s),s!==0&&(c.current=setInterval(()=>{W(o=>T?o+1e3:Math.max(o-1e3,0))},k))},B?300:k)},J=t=>{c.current||d.current||!t||(a&&a(f(r)),D(!0),W(t),F(t))},H=()=>{if(!c.current){if(y){a&&a(),D(!0),c.current=setTimeout(()=>{p&&p(),h()},q);return}d.current||!T&&r===0||(a&&a(f(r)),D(!0),F(r))}};I(()=>M&&H()),P(h);const C=({updatedTime:t,continueIfWasRunning:s,startIfWasStopped:o})=>{s&&j?W(t):o&&!j?J(t):(h(),W(t))};return y?{start:H,cancel:G,isRunning:j}:{start:H,pause:()=>{d.current&&(h(),S&&S(f(r)))},reset:t=>{const{startIfWasStopped:s,continueIfWasRunning:o}=t||{};g&&g(f(R.current)),C({updatedTime:R.current,continueIfWasRunning:o,startIfWasStopped:s})},setTime:(t,s)=>{const{timeUnit:o="sec",continueIfWasRunning:x,startIfWasStopped:b}=s||{},i=w(t,o);E&&E(f(i)),R.current=i,C({updatedTime:i,continueIfWasRunning:x,startIfWasStopped:b})},incTimeBy:(t,s)=>{const{timeUnit:o="sec",continueIfWasRunning:x,startIfWasStopped:b}=s||{},i=r+w(t,o);R.current=i,C({updatedTime:i,continueIfWasRunning:x,startIfWasStopped:b})},decTimeBy:(t,s)=>{const{timeUnit:o="sec",continueIfWasRunning:x,startIfWasStopped:b}=s||{};let i=r-w(t,o);i<0&&(i=0),R.current=i,C({updatedTime:i,continueIfWasRunning:x,startIfWasStopped:b})},isRunning:j,currentTime:f(r),formattedCurrentTime:Y(r)}}return{useTimer:z}}); | ||
//# sourceMappingURL=index.umd.js.map |
{ | ||
"name": "react-hook-time", | ||
"version": "0.0.1-alpha.3", | ||
"version": "0.0.1-alpha.4", | ||
"type": "module", | ||
@@ -5,0 +5,0 @@ "description": "A React timer library", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
43997
278
0