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

100.0

/src/use-request.ts

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

export const useRequest = <T>(
  request: (signal: AbortSignal) => Promise<T>,
  deps: React.DependencyList = [],
) => {
  const [state, setState] = useState<{
    loading: boolean;
    data?: T;
    error?: unknown;
  }>({
    loading: false,
  });

  const abortControllerRef = useRef<AbortController | null>(null);

  const fetchData = useCallback(() => {
    abortControllerRef.current?.abort();
    const abortController = new AbortController();
    abortControllerRef.current = abortController;

    setState({ loading: true });

    request(abortController.signal)
      .then((data) => {
        if (!abortController.signal.aborted) {
          setState({ loading: false, data });
        }
      })
      .catch((err) => {
        if (!abortController.signal.aborted) {
          setState({ loading: false, error: err });
        }
      });

    return () => {
      abortController.abort();
    };
  }, deps);

  useEffect(() => {
    const cleanup = fetchData();

    return () => {
      cleanup();
    };
  }, [fetchData]);

  return state;
};

1	import { useState, useRef, useEffect, useCallback } from 'react';	16✔
2
3	export const useRequest = <T>(	16✔
4	request: (signal: AbortSignal) => Promise<T>,
5	deps: React.DependencyList = [],	8✔
6	) => {
7	const [state, setState] = useState<{	38✔
8	loading: boolean;
9	data?: T;
10	error?: unknown;
11	}>({
12	loading: false,
13	});
14
15	const abortControllerRef = useRef<AbortController \| null>(null);	38✔
16
17	const fetchData = useCallback(() => {	38✔
18	abortControllerRef.current?.abort();	14✔
19	const abortController = new AbortController();	14✔
20	abortControllerRef.current = abortController;	14✔
21
22	setState({ loading: true });	14✔
23
24	request(abortController.signal)	14✔
25	.then((data) => {
26	if (!abortController.signal.aborted) {	12✔
27	setState({ loading: false, data });	8✔
28	}
29	})
30	.catch((err) => {
31	if (!abortController.signal.aborted) {	2✔
32	setState({ loading: false, error: err });	2✔
33	}
34	});
35
36	return () => {	14✔
37	abortController.abort();	14✔
38	};
39	}, deps);
40
41	useEffect(() => {	38✔
42	const cleanup = fetchData();	14✔
43
44	return () => {	14✔
45	cleanup();	14✔
46	};
47	}, [fetchData]);
48
49	return state;	38✔
50	};

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