13319939355

Committed 14 Feb 2025 12:36AM CUT coverage: 96.569% (-0.2%) from 96.809%

Build # 13319939355

Build Type

push

github

Committed by

mintsweet

Commit Message

feat: add a new hook useQueryParams

Run Details

62 of 68 branches covered (91.18%)

Branch coverage included in aggregate %.

15 of 16 new or added lines in 2 files covered. (93.75%)

135 of 136 relevant lines covered (99.26%)

13.84 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

93.94

/src/use-simulate-progress.ts

import { useState, useEffect, useRef } from 'react';

type func = (...args: any[]) => void;

export const useSimulateProgress = (
  duration: number,
  onComplete: func,
): [number, func, func] => {
  const [progress, setProgress] = useState(0);
  const intervalRef = useRef<any>(null);

  const startProgress: func = (...args) => {
    if (intervalRef.current) return;

    let progressValue = 0;
    intervalRef.current = setInterval(() => {
      progressValue += 5;
      setProgress(progressValue);

      if (progressValue >= 100) {
        clearInterval(intervalRef.current);
        intervalRef.current = null;
        onComplete(...args);
      }
    }, duration / 20);
  };

  const resetProgress = () => {
    if (intervalRef.current) {
      clearInterval(intervalRef.current);
      intervalRef.current = null;
    }
    setProgress(0);
  };

  useEffect(() => {
    return () => {
      if (intervalRef.current) {
        clearInterval(intervalRef.current);
      }
    };
  }, []);

  return [progress, startProgress, resetProgress];
};

export default useSimulateProgress;

1	import { useState, useEffect, useRef } from 'react';	16✔
2
3	type func = (...args: any[]) => void;
4
5	export const useSimulateProgress = (	16✔
6	duration: number,
7	onComplete: func,
8	): [number, func, func] => {
9	const [progress, setProgress] = useState(0);	20✔
10	const intervalRef = useRef<any>(null);	20✔
11
12	const startProgress: func = (...args) => {	20✔
13	if (intervalRef.current) return;	6!
14
15	let progressValue = 0;	6✔
16	intervalRef.current = setInterval(() => {	6✔
17	progressValue += 5;	80✔
18	setProgress(progressValue);	80✔
19
20	if (progressValue >= 100) {	80✔
21	clearInterval(intervalRef.current);	2✔
22	intervalRef.current = null;	2✔
23	onComplete(...args);	2✔
24	}
25	}, duration / 20);
26	};
27
28	const resetProgress = () => {	20✔
29	if (intervalRef.current) {	2✔
30	clearInterval(intervalRef.current);	2✔
31	intervalRef.current = null;	2✔
32	}
33	setProgress(0);	2✔
34	};
35
36	useEffect(() => {	20✔
37	return () => {	8✔
38	if (intervalRef.current) {	8✔
39	clearInterval(intervalRef.current);	2✔
40	}
41	};
42	}, []);
43
44	return [progress, startProgress, resetProgress];	20✔
45	};
46
47	export default useSimulateProgress;	16✔

mints-components / hooks / 13319939355

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous