@ludo.ninja/components 1.5.8 → 1.5.9

package/src/hooks/likes/dynamic/useFindCollectionsAndLikes.tsx

@@ -1,191 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { useLazyQuery } from '@apollo/client';
-
-import { collectionsSchema, hosts, searchSchema } from '@ludo.ninja/api';
-import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
-
-import { extractItemIds } from '@/hooks/likes/dynamic/useGetCreationsAndLikes';
-
-import { useUiStore } from '@/store/ui';
-
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-
-// export const prefetchFindCollections = (
-//   { term, input, pageSize, pageToken }: schema.IQueryFindCollectionsArgs,
-//   apolloClient: ApolloClient<NormalizedCacheObject>
-// ) => {
-//   return apolloClient
-//     .query({
-//       query: schema.FindCollectionsDocument,
-//       variables: { term, input, pageSize, pageToken },
-//       context: { uri: hosts.serverSearchHost },
-//       fetchPolicy: 'network-only',
-//     })
-//     .catch(() => {
-//       return {
-//         data: { findCollections: null },
-//       };
-//     });
-// };
-
-const maxCollectionsLength = 1000;
-export const useFindCollectionsAndLikes = ({
-  term,
-  input,
-  page,
-}: searchSchema.IQueryFindCollectionsArgs) => {
-  const [collections, setCollections] = useState<CollectionCreationEntity[]>(
-    []
-  );
-  const [nextPageToken, setNextPageToken] = useState<string | null>(null);
-  const [results, setResults] = useState<number>(0);
-  const openAlert = useUiStore((state) => state.openAlert);
-  const [collectionsLikes, setCollectionsLikes] = useState<
-    searchSchema.IDynamicCollectionData[] | []
-  >([]);
-  const [loading, setLoading] = useState<boolean>(true);
-
-  const {
-    error,
-    loading: collectionsLoading,
-    fetchMore,
-    refetch,
-  } = searchSchema.useFindCollectionsQuery({
-    fetchPolicy: 'no-cache',
-    context: {
-      uri: hosts.searchHost,
-    },
-    variables: {
-      term,
-      input,
-      page,
-    },
-    onCompleted: ({ findCollections: { collections, ...nextPage } }) => {
-      setCollections(
-        collections.map(
-          (collection) =>
-            new CollectionCreationEntity(
-              {
-                ...collection,
-                name: collection && collection.collectionTitle,
-              } as collectionsSchema.ICollection,
-              'collection'
-            )
-        )
-      );
-      if (!collections.length) {
-        setLoading(false);
-      }
-      setResults(nextPage.nextPage?.elements || 0);
-      setNextPageToken(nextPage.nextPage?.token || null);
-    },
-    onError: () => {
-      openAlert({
-        type: alertVariants.error,
-
-        caption: 'Oops, something went wrong.',
-      });
-      setCollections([]);
-      setNextPageToken(null);
-    },
-  });
-
-  const [fetchCollectionsLikes, { loading: collectionsLikesLoading }] =
-    useLazyQuery(searchSchema.FetchDynamicCollectionsDataDocument, {
-      context: { uri: hosts.searchHost },
-      onCompleted: ({ fetchDynamicCollectionsData }) => {
-        setCollectionsLikes(fetchDynamicCollectionsData);
-        setLoading(false);
-      },
-      fetchPolicy: 'no-cache',
-      onError: () => {
-        openAlert({
-          type: alertVariants.error,
-
-          caption: 'Oops, something went wrong when fetch collections likes.',
-        });
-        setCollectionsLikes([]);
-        setLoading(false);
-      },
-    });
-
-  useEffect(() => {
-    if (collections.length > 0) {
-      const itemsIdsArray: string[] = extractItemIds(collections);
-
-      if (itemsIdsArray.length > 0) {
-        if (collections[0].getItemType() === 'collection') {
-          fetchCollectionsLikes({
-            variables: {
-              input: itemsIdsArray.map((collectionId) => {
-                return {
-                  collectionId,
-                };
-              }),
-            },
-          });
-        }
-      }
-    }
-  }, [collections, fetchCollectionsLikes]);
-
-  useEffect(() => {
-    setLoading(true);
-    setCollectionsLikes([]);
-    setCollections([]);
-  }, [term, input]);
-
-  return {
-    loadMore,
-    loading,
-    collectionsLoading,
-    collectionsLikesLoading,
-    collectionsLikes,
-    error,
-    results,
-    collections,
-    nextPageToken,
-    refetchQuery,
-  };
-
-  async function refetchQuery() {
-    await refetch();
-  }
-
-  async function loadMore(pageToken: string) {
-    if (!pageToken || collections.length >= maxCollectionsLength) return;
-
-    try {
-      const { data } = await fetchMore({
-        variables: {
-          term,
-          input,
-          page,
-        },
-      });
-
-      const { collections: nextCollections, ...nextPage } =
-        data.findCollections;
-
-      const nextList = nextCollections.map(
-        (collectionAsset) =>
-          new CollectionCreationEntity(
-            {
-              ...collectionAsset,
-              name: collectionAsset && collectionAsset.collectionTitle,
-            } as collectionsSchema.ICollectionAsset,
-            'collection'
-          )
-      );
-
-      setCollections((prevCollection) => [...prevCollection, ...nextList]);
-      setResults(nextPage.nextPage?.elements || 0);
-      setNextPageToken(nextPage.nextPage?.token || null);
-    } catch (error) {
-      throw new Error(error as string);
-    }
-  }
-};
-
-export default { /*prefetchFindCollections,*/ useFindCollectionsAndLikes };

package/src/hooks/likes/dynamic/useFindCreationsAndLikes.tsx

@@ -1,160 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { useLazyQuery } from '@apollo/client';
-
-import { hosts } from '@ludo.ninja/api';
-import {
-  FetchDynamicAssetsLikesDocument,
-  ICreation,
-  IDynamicAssetData,
-  IQueryFindCreationsArgs,
-  useFindCreationsQuery,
-} from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
-import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
-
-import { extractItemIds } from '@/hooks/likes/dynamic/useGetCreationsAndLikes';
-
-import { useUiStore } from '@/store/ui';
-
-import CreationEntity from '@/dto/CreationEntity';
-
-const maxCreationLength = 1000;
-
-const useFindCreationsAndLikes = ({
-  term,
-  input,
-  page,
-}: IQueryFindCreationsArgs) => {
-  const [creations, setCreations] = useState<CreationEntity[]>([]);
-  const [results, setResults] = useState<number>(0);
-  const [nextPageToken, setNextPageToken] = useState<string | null>(null);
-
-  const [assetsLikes, setAssetsLikes] = useState<IDynamicAssetData[] | []>([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const openAlert = useUiStore((state) => state.openAlert);
-
-  const {
-    error: creationsError,
-    loading: creationsLoading,
-    refetch,
-    fetchMore,
-  } = useFindCreationsQuery({
-    variables: {
-      term,
-      input,
-      page,
-    },
-    fetchPolicy: 'no-cache',
-    context: {
-      uri: hosts.searchHost,
-    },
-    onCompleted: ({ findCreations: { creations, ...nextPage } }) => {
-      setCreations(
-        creations.map((creation) => new CreationEntity(creation as ICreation))
-      );
-      if (!creations.length) {
-        setLoading(false);
-      }
-      setResults(nextPage.nextPage?.elements || 0);
-      setNextPageToken(nextPage.nextPage?.token || null);
-    },
-    onError: () => {
-      openAlert({
-        type: alertVariants.error,
-
-        caption: 'Oops, something went wrong.',
-      });
-      setCreations([]);
-      setNextPageToken(null);
-      setLoading(false);
-      setResults(0);
-    },
-  });
-
-  const [fetchAssetsLikes, { loading: assetsLikesLoading }] = useLazyQuery(
-    FetchDynamicAssetsLikesDocument,
-    {
-      context: {
-        uri: hosts.searchHost,
-      },
-      fetchPolicy: 'no-cache',
-      onCompleted: ({ fetchDynamicAssetsData }) => {
-        setAssetsLikes(fetchDynamicAssetsData);
-        setLoading(false);
-      },
-      onError: () => {
-        openAlert({
-          type: alertVariants.error,
-
-          caption: 'Oops, something went wrong when fetch assets likes.',
-        });
-        setAssetsLikes([]);
-        setLoading(false);
-      },
-    }
-  );
-
-  useEffect(() => {
-    if (creations.length > 0) {
-      const itemsIdsArray: string[] = extractItemIds(creations);
-
-      if (itemsIdsArray.length > 0) {
-        fetchAssetsLikes({ variables: { assetIds: itemsIdsArray } });
-      }
-    }
-  }, [creations, fetchAssetsLikes]);
-
-  useEffect(() => {
-    setLoading(true);
-    setAssetsLikes([]);
-    setCreations([]);
-  }, [term, input]);
-
-  return {
-    loading,
-    assetsLikesLoading,
-    creationsLoading,
-    error: creationsError,
-    creations,
-    results,
-    assetsLikes,
-    nextPageToken,
-    loadMore,
-    refetchQuery,
-  };
-
-  async function refetchQuery() {
-    await refetch();
-  }
-
-  async function loadMore(pageToken: string | null) {
-    if (!pageToken || creations.length >= maxCreationLength) return;
-
-    try {
-      const { data } = await fetchMore({
-        variables: {
-          term,
-          input,
-          page: {
-            token: pageToken,
-            ...(page && 'size' in page ? { size: page.size } : {}),
-          },
-        },
-      });
-
-      const { creations: nextCreations, ...nextPage } = data.findCreations;
-      setCreations((prevCreations) => [
-        ...prevCreations,
-        ...nextCreations.map(
-          (creation) => new CreationEntity(creation as ICreation)
-        ),
-      ]);
-      setResults(nextPage.nextPage?.elements || 0);
-      setNextPageToken(nextPage.nextPage?.token || null);
-    } catch (err) {
-      throw new Error(err as string);
-    }
-  }
-};
-
-export { useFindCreationsAndLikes };

package/src/hooks/likes/dynamic/useGetCollectionInfoAndLikes.tsx

@@ -1,183 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { useQuery } from '@apollo/client';
-
-import { hosts } from '@ludo.ninja/api';
-import { ICollectionAsset } from '@ludo.ninja/api/build/graphql_tools/__generated__/collectionsHost/schema';
-import {
-  FetchDynamicCollectionDataDocument,
-  IDynamicAssetData,
-  IQueryFetchDynamicCollectionDataArgs,
-} from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
-import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
-
-import { extractItemIds } from '@/hooks/likes/dynamic/useGetCreationsAndLikes';
-
-import { useUiStore } from '@/store/ui';
-
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-
-const maxCollectionListLength = 1000;
-
-const useGetCollectionInfoAndLikes = ({
-  input,
-}: IQueryFetchDynamicCollectionDataArgs) => {
-  const { page, collectionId } = input;
-  const openAlert = useUiStore((state) => state.openAlert);
-
-  const [collectionAssetsList, setCollectionAssetsList] = useState<
-    CollectionCreationEntity[]
-  >([]);
-  const [collectionItemsLikes] = useState<IDynamicAssetData[] | []>([]);
-  const [collectionLikes, setCollectionLikes] = useState<number>(0);
-  const [isCollectionLikedByUser, setIsCollectionLikedByUser] =
-    useState<boolean>(false);
-  const [nextPageToken, setNextPageToken] = useState<string | null>(null);
-  const [loading, setLoading] = useState<boolean>(true);
-
-  const {
-    error,
-    loading: collectionLoading,
-    fetchMore,
-    refetch,
-  } = useQuery(FetchDynamicCollectionDataDocument, {
-    variables: { input },
-    context: {
-      uri: hosts.searchHost,
-    },
-    // fetchPolicy: 'cache-first',
-    onCompleted: ({
-      fetchDynamicCollectionData: {
-        isLikedByUser,
-        likesNum,
-        collectionAssetsPage: { nextPage, collectionAssets },
-      },
-    }) => {
-      setCollectionLikes(likesNum);
-      setIsCollectionLikedByUser(isLikedByUser);
-      setNextPageToken(nextPage.token);
-      setCollectionAssetsList(
-        collectionAssets.map(
-          (collectionAsset: ICollectionAsset) =>
-            new CollectionCreationEntity({
-              ...collectionAsset,
-              collectionId: collectionAsset.assetId,
-            })
-        )
-      );
-      setLoading(false);
-    },
-    onError: () => {
-      openAlert({
-        type: alertVariants.error,
-
-        caption: 'Oops, something went wrong.',
-      });
-      setCollectionAssetsList([]);
-      setNextPageToken(null);
-      setLoading(false);
-    },
-  });
-
-  // const [fetchAssetsLikes, {}] = useLazyQuery(
-  //   schema.FetchDynamicAssetsLikesDocument,
-  //   {
-  //     context: {
-  //       uri: hosts.searchHost,
-  //     },
-  //     fetchPolicy: 'no-cache',
-  //     onCompleted: ({ fetchDynamicAssetsData }) => {
-  //       setCollectionItemsLikes((prev) => [...prev, ...fetchDynamicAssetsData]);
-  //       setLoading(false);
-  //     },
-  //     onError: (err) => {
-  //       openAlert({
-  //         ...alertError,
-  //         caption: 'Oops, something went wrong.',
-  //       });
-  //       console.error(err);
-  //       setCollectionItemsLikes([]);
-  //       setLoading(false);
-  //     },
-  //   }
-  // );
-
-  useEffect(() => {
-    if (!collectionLoading && collectionAssetsList.length > 0) {
-      const assetIds: string[] = extractItemIds(collectionAssetsList);
-      if (
-        assetIds.length > 0 &&
-        collectionAssetsList.length !== collectionItemsLikes.length
-      ) {
-        setLoading(false);
-        {
-          /* Todo fix it by PR with new likes  */
-        }
-        // fetchAssetsLikes({ variables: { assetIds } });
-      }
-    }
-  }, [
-    collectionAssetsList,
-    collectionLoading,
-    collectionItemsLikes,
-    // fetchAssetsLikes,
-  ]);
-
-  return {
-    collectionAssetsList,
-    collectionItemsLikes,
-    collectionLikes,
-    isCollectionLikedByUser,
-    nextPageToken,
-    loading,
-    loadMore,
-    refetchQuery,
-    error,
-  };
-
-  async function refetchQuery() {
-    await refetch();
-  }
-
-  async function loadMore(pageToken: string | null) {
-    if (!pageToken || collectionAssetsList.length >= maxCollectionListLength)
-      return;
-    try {
-      const { data } = await fetchMore({
-        variables: {
-          input: { page: { token: pageToken, size: page?.size }, collectionId },
-        },
-      });
-      const {
-        collectionAssetsPage: {
-          nextPageToken,
-          collectionAssets: nextCollectionAssetsList,
-        },
-      } = data.fetchDynamicCollectionData;
-
-      const nextList = nextCollectionAssetsList.map(
-        (collectionAsset: ICollectionAsset) =>
-          new CollectionCreationEntity({
-            ...collectionAsset,
-            collectionId: collectionAsset.assetId,
-          })
-      );
-      // const assetIds = getAssetIds(nextList);
-      // await fetchAssetsLikes({ variables: { assetIds } });
-
-      setCollectionAssetsList((prevCollection) => [
-        ...prevCollection,
-        ...nextList,
-      ]);
-      setNextPageToken(nextPageToken);
-    } catch (error) {
-      throw new Error(error as string);
-    }
-  }
-
-  // function getAssetIds(collection: CollectionCreationEntity[]) {
-  //   return collection.map((item) => item.getItemId());
-  // }
-};
-
-export { useGetCollectionInfoAndLikes };

package/src/hooks/likes/dynamic/useGetCreationsAndLikes.tsx

@@ -1,177 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { useLazyQuery } from '@apollo/client';
-
-import { hosts } from '@ludo.ninja/api';
-import {
-  FetchDynamicAssetsLikesDocument,
-  FetchDynamicCollectionsDataDocument,
-  ICreation,
-  IDynamicAssetData,
-  IDynamicCollectionData,
-  IQueryFetchAllCreationsArgs,
-  useFetchAllCreationsQuery,
-} from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
-import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
-
-import { useUiStore } from '@/store/ui';
-
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
-
-const maxCreationLength = 1000;
-
-const useGetCreationsAndLikes = ({ page }: IQueryFetchAllCreationsArgs) => {
-  const [allCreations, setCreations] = useState<CreationEntity[]>([]);
-  const [nextPageToken, setNextPageToken] = useState<string | null>(null);
-
-  const [assetsLikes, setAssetsLikes] = useState<IDynamicAssetData[] | []>([]);
-  const [collectionsLikes, setCollectionsLikes] = useState<
-    IDynamicCollectionData[] | []
-  >([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const openAlert = useUiStore((state) => state.openAlert);
-
-  const {
-    error: creationsError,
-    loading: creationsLoading,
-    refetch,
-    fetchMore,
-  } = useFetchAllCreationsQuery({
-    variables: {
-      page,
-    },
-    context: {
-      uri: hosts.searchHost,
-    },
-    onCompleted: ({ fetchAllCreations: { creations, ...nextPage } }) => {
-      setCreations(
-        creations.map((creation) => new CreationEntity(creation as ICreation))
-      );
-      setNextPageToken(nextPage.nextPage?.token || null);
-    },
-    onError: () => {
-      setCreations([]);
-      setNextPageToken(null);
-      setLoading(false);
-    },
-  });
-
-  const [fetchAssetsLikes, { loading: assetsLikesLoading }] = useLazyQuery(
-    FetchDynamicAssetsLikesDocument,
-    {
-      context: {
-        uri: hosts.searchHost,
-      },
-      onCompleted: ({ fetchDynamicAssetsData }) => {
-        setAssetsLikes(fetchDynamicAssetsData);
-        setLoading(false);
-      },
-      onError: () => {
-        openAlert({
-          type: alertVariants.error,
-
-          caption: 'Oops, something went wrong when fetch assets likes.',
-        });
-        setAssetsLikes([]);
-        setLoading(false);
-      },
-    }
-  );
-
-  const [fetchCollectionsLikes, { loading: collectionsLikesLoading }] =
-    useLazyQuery(FetchDynamicCollectionsDataDocument, {
-      context: { uri: hosts.searchHost },
-      onCompleted: ({ fetchDynamicCollectionsData }) => {
-        setCollectionsLikes(fetchDynamicCollectionsData);
-        setLoading(false);
-      },
-      onError: () => {
-        openAlert({
-          type: alertVariants.error,
-
-          caption: 'Oops, something went wrong when fetch collections likes.',
-        });
-        setCollectionsLikes([]);
-        setLoading(false);
-      },
-    });
-
-  useEffect(() => {
-    if (allCreations.length > 0) {
-      const itemsIdsArray: string[] = extractItemIds(allCreations);
-
-      if (itemsIdsArray.length > 0) {
-        if (allCreations[0].getItemType() === 'asset') {
-          fetchAssetsLikes({ variables: { assetIds: itemsIdsArray } });
-        } else if (allCreations[0].getItemType() === 'collection') {
-          fetchCollectionsLikes({
-            variables: {
-              input: itemsIdsArray.map((collectionId) => {
-                return {
-                  collectionId,
-                };
-              }),
-            },
-          });
-        }
-      }
-    }
-  }, [allCreations, fetchAssetsLikes, fetchCollectionsLikes]);
-
-  return {
-    loading,
-    assetsLikesLoading,
-    collectionsLikesLoading,
-    creationsLoading,
-    error: creationsError,
-    allCreations,
-    assetsLikes,
-    collectionsLikes,
-    nextPageToken,
-    loadMore,
-    refetchQuery,
-  };
-
-  async function refetchQuery() {
-    await refetch();
-  }
-
-  async function loadMore(pageToken: string | null) {
-    if (!pageToken || allCreations.length >= maxCreationLength) return;
-
-    try {
-      const { data } = await fetchMore({
-        variables: {
-          page: {
-            token: pageToken,
-            ...(page && 'size' in page ? { size: page.size } : {}),
-          },
-        },
-      });
-
-      const { creations: nextCreations, ...nextPage } = data.fetchAllCreations;
-      setCreations((prevCreations) => [
-        ...prevCreations,
-        ...nextCreations.map(
-          (creation) => new CreationEntity(creation as ICreation)
-        ),
-      ]);
-      setNextPageToken(nextPage.nextPage?.token || null);
-    } catch (err) {
-      throw new Error(err as string);
-    }
-  }
-};
-
-function extractItemIds(
-  creations: CreationEntity[] | CollectionCreationEntity[]
-) {
-  return creations.map((creation) =>
-    creation instanceof CollectionCreationEntity
-      ? creation.getCreationId()
-      : creation.getItemId()
-  );
-}
-
-export { useGetCreationsAndLikes, extractItemIds };