src/hooks/useFavorites.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

import {useAsyncStorage} from '@react-native-async-storage/async-storage';
import {useStableCallback} from './useStableCallback';
import {atom, useAtom} from 'jotai';

const favoriteAppNamesAtom = atom<string[]>([]);

const serialize = (packageNames: string[]) => JSON.stringify(packageNames);

const deserialize = (packageNames: string): string[] => {
  try {
    const apps = JSON.parse(packageNames);
    if (!Array.isArray(apps)) return [];
    return apps;
  } catch (err) {
    console.error(err);
    return [];
  }
};

export const useFavorites = () => {
  const favoritesStorage = useAsyncStorage('favorites');
  const [favoriteAppNames, setFavoriteAppNames] = useAtom(favoriteAppNamesAtom);

  const getFavoriteAppNames = useStableCallback(async (): Promise<string[]> => {
    const result = await favoritesStorage.getItem();
    return deserialize(result ?? 'null');
  });

  const setFavoritesState = useStableCallback((packageNames: string[]) => {
    const newNames = [...new Set(packageNames)];
    if (serialize(newNames) === serialize(favoriteAppNames)) return newNames;

    setFavoriteAppNames(newNames);
    return newNames;
  });

  const setFavorites = useStableCallback(async (packageNames: string[]) => {
    const newNames = setFavoritesState(packageNames);
    await favoritesStorage.setItem(serialize(newNames));
  });

  const refreshFavorites = useStableCallback(async () => {
    getFavoriteAppNames().then(setFavoritesState);
  });

  const addToFavorites = useStableCallback(async (packageName: string) => {
    const names = await getFavoriteAppNames();
    setFavorites([...names, packageName]);
  });
  const removeFromFavorites = useStableCallback(async (packageName: string) => {
    const names = await getFavoriteAppNames();
    setFavorites(names.filter((name) => name !== packageName));
  });

  const isFavorite = useStableCallback((packageName: string) =>
    favoriteAppNames.includes(packageName),
  );

  return {
    addToFavorites,
    favoriteAppNames,
    getFavoriteAppNames,
    isFavorite,
    refreshFavorites,
    removeFromFavorites,
    setFavorites,
  };
};