nico-tools 1.0.0 → 1.1.0

package/templates/react-native/expo-clean-architecture/src/features/favorites/presentation/components/favorites-card.tsx

@@ -0,0 +1,77 @@
+import {
+  View,
+  Text,
+  StyleSheet,
+  Image,
+  Touchable,
+  TouchableOpacity,
+} from "react-native";
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+import { useAppStyles } from "@/core/design/hooks/use-app-styles";
+import { AppRadius, AppSpacing } from "@/core/design/theme/app-sizes";
+import { ColorScheme } from "@/core/design/@types/color-scheme";
+import { IMAGE_CONSTANTS } from "@/core/constants/image-constants";
+import { AppSeparator } from "@/core/design/components/app-separator";
+import { AppFontSize, AppFontWeight } from "@/core/design/theme/app-fonts";
+import { router } from "expo-router";
+type Props = {
+  movie: MovieEntity;
+};
+
+export function FavoritesCard({ movie }: Props) {
+  const styles = useAppStyles(createStyles);
+
+  const redirectToMovieDetails = () => {
+    router.push({
+      pathname: "/details",
+      params: { movieId: movie.id },
+    });
+  };
+
+  return (
+    <TouchableOpacity style={styles.container} onPress={redirectToMovieDetails}>
+      {!!movie.image && (
+        <Image
+          source={{ uri: movie.image }}
+          style={styles.image}
+          resizeMode="cover"
+        />
+      )}
+      <View style={styles.content}>
+        <Text style={styles.title}>{movie.title}</Text>
+        <AppSeparator size={AppSpacing.small} />
+        <Text numberOfLines={3} ellipsizeMode="tail" style={styles.description}>
+          {movie.description}
+        </Text>
+      </View>
+    </TouchableOpacity>
+  );
+}
+
+function createStyles(colorScheme: ColorScheme) {
+  return StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: colorScheme.background,
+      overflow: "hidden",
+      borderRadius: AppRadius.rounded,
+      flexDirection: "row",
+    },
+    content: {
+      flex: 1,
+      padding: AppSpacing.regular,
+    },
+    image: {
+      height: 100,
+      aspectRatio: IMAGE_CONSTANTS.posterAspectRatio,
+    },
+    title: {
+      fontSize: AppFontSize.large,
+      fontWeight: AppFontWeight.semibold,
+    },
+    description: {
+      fontSize: AppFontSize.small,
+      color: colorScheme.textSecondary,
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/favorites/presentation/hooks/use-add-favorite.ts

@@ -0,0 +1,24 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+import container from "@/core/di/injection-container";
+import { AddToFavoritesUsecase } from "@/features/favorites/domain/usecases/add-to-favorites-usecase";
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+
+export function useAddFavorite() {
+  const queryClient = useQueryClient();
+  const addToFavoritesUsecase = container.get(AddToFavoritesUsecase);
+
+  return useMutation({
+    mutationFn: async (movie: MovieEntity) => {
+      const result = await addToFavoritesUsecase.execute(movie);
+
+      if (result.isFailure) {
+        throw result.error;
+      }
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.FAVORITES] });
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/favorites/presentation/hooks/use-clear-favorites.ts

@@ -0,0 +1,22 @@
+import container from "@/core/di/injection-container";
+import { ClearFavoritesUsecase } from "../../domain/usecases/clear-favorites-usecase";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+
+export function useClearFavorites() {
+  const queryClient = useQueryClient();
+  const clearFavoritesUsecase = container.get(ClearFavoritesUsecase);
+
+  return useMutation({
+    mutationFn: async () => {
+      const result = await clearFavoritesUsecase.execute();
+
+      if (result.isFailure) {
+        throw result.error;
+      }
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.FAVORITES] });
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/favorites/presentation/hooks/use-favorites.ts

@@ -0,0 +1,22 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+import container from "@/core/di/injection-container";
+import { GetFavoritesUsecase } from "@/features/favorites/domain/usecases/get-favorites-usecase";
+
+export function useFavorites() {
+  const getFavoritesUsecase = container.get(GetFavoritesUsecase);
+
+  return useQuery({
+    queryKey: [QUERY_KEYS.FAVORITES],
+    queryFn: async () => {
+      const result = await getFavoritesUsecase.execute();
+
+      if (result.isFailure) {
+        throw result.error;
+      }
+
+      return result.data;
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/favorites/presentation/hooks/use-remove-favorite.ts

@@ -0,0 +1,24 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+import container from "@/core/di/injection-container";
+import { RemoveFromFavoritesUsecase } from "@/features/favorites/domain/usecases/remove-from-favorites-usecase";
+
+export function useRemoveFavorite() {
+  const queryClient = useQueryClient();
+
+  const removeFromFavoritesUsecase = container.get(RemoveFromFavoritesUsecase);
+
+  return useMutation({
+    mutationFn: async (movieId: string) => {
+      const result = await removeFromFavoritesUsecase.execute(movieId);
+
+      if (result.isFailure) {
+        throw result.error;
+      }
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.FAVORITES] });
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/data/datasources/movies-datasource-impl.ts

@@ -0,0 +1,50 @@
+import { API_CONSTANTS } from "@/core/constants/api-constants";
+import { RestClient } from "@/core/helpers/rest-client";
+import { MovieDetailsResponseModel } from "@/features/movies/data/models/movie-details-model";
+import { MovieModel } from "@/features/movies/data/models/movie-model";
+import { TMDBResponseModel } from "@/features/movies/data/models/tmdb-response-model";
+import { MoviesDatasource } from "@/features/movies/data/datasources/movies-datasource";
+
+export class MoviesDatasourceImpl
+  extends RestClient
+  implements MoviesDatasource
+{
+  constructor() {
+    super({
+      baseUrl: API_CONSTANTS.baseUrl,
+      headers: {
+        Authorization: `Bearer ${API_CONSTANTS.token}`,
+      },
+    });
+  }
+
+  async searchMovies(query: string): Promise<MovieModel[]> {
+    const response = await this.get<TMDBResponseModel<MovieModel>>({
+      path: API_CONSTANTS.endpoints.search,
+      queryParameters: { query },
+    });
+
+    return response.results;
+  }
+
+  async getMovieDetails(id: string): Promise<MovieDetailsResponseModel> {
+    const response = await this.get<MovieDetailsResponseModel>({
+      path: API_CONSTANTS.endpoints.movieDetails(id),
+    });
+
+    return response;
+  }
+
+  async discoverMovies(): Promise<MovieModel[]> {
+    const response = await this.get<TMDBResponseModel<MovieModel>>({
+      path: API_CONSTANTS.endpoints.discover,
+      queryParameters: {
+        include_adult: false,
+        include_video: false,
+        page: 1,
+      },
+    });
+
+    return response.results;
+  }
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/data/datasources/movies-datasource.ts

@@ -0,0 +1,8 @@
+import { MovieDetailsResponseModel } from "@/features/movies/data/models/movie-details-model";
+import { MovieModel } from "@/features/movies/data/models/movie-model";
+
+export abstract class MoviesDatasource {
+  abstract searchMovies(query: string): Promise<MovieModel[]>;
+  abstract discoverMovies(): Promise<MovieModel[]>;
+  abstract getMovieDetails(id: string): Promise<MovieDetailsResponseModel>;
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/data/models/movie-details-model.ts

@@ -0,0 +1,67 @@
+import { API_CONSTANTS } from "@/core/constants/api-constants";
+import { MovieDetailsEntity } from "@/features/movies/domain/entities/movie-details-entity";
+
+export interface MovieDetailsResponseModel {
+  adult: boolean;
+  backdrop_path: string;
+  belongs_to_collection: null;
+  budget: number;
+  genres: Array<{
+    id: number;
+    name: string;
+  }>;
+  homepage: string;
+  id: number;
+  imdb_id: string;
+  origin_country: string[];
+  original_language: string;
+  original_title: string;
+  overview: string;
+  popularity: number;
+  poster_path: string;
+  production_companies: Array<{
+    id: number;
+    logo_path: string;
+    name: string;
+    origin_country: string;
+  }>;
+  production_countries: Array<{
+    iso_3166_1: string;
+    name: string;
+  }>;
+  release_date: string;
+  revenue: number;
+  runtime: number;
+  spoken_languages: Array<{
+    english_name: string;
+    iso_639_1: string;
+    name: string;
+  }>;
+  status: string;
+  tagline: string;
+  title: string;
+  video: boolean;
+  vote_average: number;
+  vote_count: number;
+}
+
+export const movieDetailsResponseModelToEntity = (
+  model: MovieDetailsResponseModel
+): MovieDetailsEntity => {
+  return {
+    id: model.id.toString(),
+    title: model.title,
+    overview: model.overview,
+    poster_path: model.poster_path
+      ? `${API_CONSTANTS.movieImageBaseUrl}${model.poster_path}`
+      : null,
+    backdrop_path: model.backdrop_path
+      ? `${API_CONSTANTS.movieImageBaseUrl}${model.backdrop_path}`
+      : null,
+    release_date: model.release_date,
+    runtime: model.runtime,
+    vote_average: model.vote_average,
+    genres: model.genres,
+    tagline: model.tagline,
+  };
+};

package/templates/react-native/expo-clean-architecture/src/features/movies/data/models/movie-model.ts

@@ -0,0 +1,30 @@
+import { API_CONSTANTS } from "@/core/constants/api-constants";
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+
+export interface MovieModel {
+  adult: boolean;
+  backdrop_path: string;
+  genre_ids: number[];
+  id: number;
+  original_language: string;
+  original_title: string;
+  overview: string;
+  popularity: number;
+  poster_path: string;
+  release_date: string;
+  title: string;
+  video: boolean;
+  vote_average: number;
+  vote_count: number;
+}
+
+export function movieModelToEntity(movie: MovieModel): MovieEntity {
+  return {
+    id: movie.id.toString(),
+    title: movie.title,
+    description: movie.overview,
+    image: movie.poster_path
+      ? `${API_CONSTANTS.movieImageBaseUrl}${movie.poster_path}`
+      : null,
+  };
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/data/models/tmdb-response-model.ts

@@ -0,0 +1,6 @@
+export interface TMDBResponseModel<T> {
+  page: number;
+  results: T[];
+  total_pages: number;
+  total_results: number;
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/data/repositories/movies-repository-impl.ts

@@ -0,0 +1,34 @@
+import { inject, injectable } from "inversify";
+
+import { MoviesDatasource } from "@/features/movies/data/datasources/movies-datasource";
+import { movieModelToEntity } from "@/features/movies/data/models/movie-model";
+import { movieDetailsResponseModelToEntity } from "@/features/movies/data/models/movie-details-model";
+import { MovieDetailsEntity } from "@/features/movies/domain/entities/movie-details-entity";
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+import { MoviesRepository } from "@/features/movies/domain/repositories/movies-repository";
+
+@injectable()
+export class MoviesRepositoryImpl implements MoviesRepository {
+  constructor(
+    @inject(MoviesDatasource)
+    private readonly moviesDatasource: MoviesDatasource
+  ) {}
+
+  async searchMovies(query: string): Promise<MovieEntity[]> {
+    const movies = await this.moviesDatasource.searchMovies(query);
+
+    return movies.map(movieModelToEntity);
+  }
+
+  async getRandomMovies(): Promise<MovieEntity[]> {
+    const movies = await this.moviesDatasource.discoverMovies();
+
+    return movies.map(movieModelToEntity);
+  }
+
+  async getMovieDetails(id: string): Promise<MovieDetailsEntity> {
+    const response = await this.moviesDatasource.getMovieDetails(id);
+
+    return movieDetailsResponseModelToEntity(response);
+  }
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/domain/entities/movie-details-entity.ts

@@ -0,0 +1,28 @@
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+
+export interface MovieDetailsEntity {
+  id: string;
+  title: string;
+  overview: string;
+  poster_path: string | null;
+  backdrop_path: string | null;
+  release_date: string;
+  runtime: number;
+  vote_average: number;
+  genres: Array<{
+    id: number;
+    name: string;
+  }>;
+  tagline: string;
+}
+
+export function movieDetailsEntityToMovieEntity(
+  movieDetailsEntity: MovieDetailsEntity
+): MovieEntity {
+  return {
+    id: movieDetailsEntity.id,
+    title: movieDetailsEntity.title,
+    description: movieDetailsEntity.overview,
+    image: movieDetailsEntity.poster_path,
+  };
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/domain/entities/movie-entity.ts

@@ -0,0 +1,6 @@
+export interface MovieEntity {
+  id: string;
+  title: string;
+  description: string;
+  image: string | null;
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/domain/repositories/movies-repository.ts

@@ -0,0 +1,25 @@
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+import { MovieDetailsEntity } from "@/features/movies/domain/entities/movie-details-entity";
+
+export abstract class MoviesRepository {
+  /**
+   * Search for movies by query
+   * @param query - The query to search for
+   * @returns A list of movies
+   */
+  abstract searchMovies(query: string): Promise<MovieEntity[]>;
+
+  /**
+   * Get a list of random movies
+   * @returns A list of movies
+   */
+  abstract getRandomMovies(): Promise<MovieEntity[]>;
+
+  /**
+   * Get the details of a movie
+   * @param id - The id of the movie
+   * @returns The details of the movie
+   */
+  abstract getMovieDetails(id: string): Promise<MovieDetailsEntity>;
+}
+

package/templates/react-native/expo-clean-architecture/src/features/movies/domain/usecases/get-movie-details-usecase.ts

@@ -0,0 +1,26 @@
+import { inject, injectable } from "inversify";
+
+import { MovieDetailsEntity } from "@/features/movies/domain/entities/movie-details-entity";
+import { MoviesRepository } from "@/features/movies/domain/repositories/movies-repository";
+import { Usecase } from "@/core/helpers/usecase";
+import { Result } from "@/core/helpers/result";
+
+@injectable()
+export class GetMovieDetailsUsecase
+  implements Usecase<string, MovieDetailsEntity>
+{
+  constructor(
+    @inject(MoviesRepository)
+    private readonly moviesRepository: MoviesRepository
+  ) {}
+
+  async execute(id: string): Promise<Result<MovieDetailsEntity>> {
+    try {
+      const movieDetails = await this.moviesRepository.getMovieDetails(id);
+
+      return Result.success(movieDetails);
+    } catch (error) {
+      return Result.failure(error);
+    }
+  }
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/domain/usecases/get-random-movies-usecase.ts

@@ -0,0 +1,24 @@
+import { inject, injectable } from "inversify";
+
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+import { MoviesRepository } from "@/features/movies/domain/repositories/movies-repository";
+import { Result } from "@/core/helpers/result";
+import { Usecase } from "@/core/helpers/usecase";
+
+@injectable()
+export class GetRandomMoviesUsecase implements Usecase<void, MovieEntity[]> {
+  constructor(
+    @inject(MoviesRepository)
+    private readonly moviesRepository: MoviesRepository
+  ) {}
+
+  async execute(): Promise<Result<MovieEntity[]>> {
+    try {
+      const movies = await this.moviesRepository.getRandomMovies();
+
+      return Result.success(movies);
+    } catch (error) {
+      return Result.failure(error);
+    }
+  }
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/domain/usecases/search-movies-usecase.ts

@@ -0,0 +1,23 @@
+import { inject, injectable } from "inversify";
+
+import { MoviesRepository } from "@/features/movies/domain/repositories/movies-repository";
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+import { Usecase } from "@/core/helpers/usecase";
+import { Result } from "@/core/helpers/result";
+
+@injectable()
+export class SearchMoviesUsecase implements Usecase<string, MovieEntity[]> {
+  constructor(
+    @inject(MoviesRepository)
+    private readonly moviesRepository: MoviesRepository
+  ) {}
+
+  async execute(query: string): Promise<Result<MovieEntity[]>> {
+    try {
+      const movies = await this.moviesRepository.searchMovies(query);
+      return Result.success(movies);
+    } catch (error) {
+      return Result.failure(error);
+    }
+  }
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/presentation/components/movie-tile.tsx

@@ -0,0 +1,69 @@
+import { View, Text, StyleSheet, TouchableOpacity, Image } from "react-native";
+import { router } from "expo-router";
+
+import { useAppStyles } from "@/core/design/hooks/use-app-styles";
+import { IMAGE_CONSTANTS } from "@/core/constants/image-constants";
+import { ColorScheme } from "@/core/design/@types/color-scheme";
+import { MovieEntity } from "@/features/movies/domain/entities/movie-entity";
+import { AppFontSize } from "@/core/design/theme/app-fonts";
+import { AppSpacing } from "@/core/design/theme/app-sizes";
+import { AppSeparator } from "@/core/design/components/app-separator";
+
+type Props = {
+  movie: MovieEntity;
+};
+
+export function MovieTile({ movie }: Props) {
+  const styles = useAppStyles(createStyles);
+
+  const redirectToMovieDetails = () => {
+    router.push({
+      pathname: "/(protected)/details",
+      params: { movieId: movie.id },
+    });
+  };
+
+  return (
+    <TouchableOpacity style={styles.container} onPress={redirectToMovieDetails}>
+      {movie.image ? (
+        <Image source={{ uri: movie.image }} style={styles.image} />
+      ) : (
+        <View style={styles.placeholder}>
+          <Text style={styles.placeholderTitle}>{movie.title}</Text>
+          <AppSeparator size={AppSpacing.small} />
+          <Text numberOfLines={3} style={styles.placeholderDescription}>
+            {movie.description}
+          </Text>
+        </View>
+      )}
+    </TouchableOpacity>
+  );
+}
+
+const createStyles = (colorScheme: ColorScheme) =>
+  StyleSheet.create({
+    container: {
+      flex: 1,
+      aspectRatio: IMAGE_CONSTANTS.posterAspectRatio,
+    },
+    image: {
+      flex: 1,
+    },
+    placeholder: {
+      flex: 1,
+      backgroundColor: colorScheme.background,
+      justifyContent: "center",
+      alignItems: "center",
+    },
+    placeholderTitle: {
+      textAlign: "center",
+      fontSize: AppFontSize.regular,
+      fontWeight: "bold",
+      color: colorScheme.text,
+    },
+    placeholderDescription: {
+      textAlign: "center",
+      fontSize: AppFontSize.small,
+      color: colorScheme.textSecondary,
+    },
+  });

package/templates/react-native/expo-clean-architecture/src/features/movies/presentation/hooks/use-movie-details.ts

@@ -0,0 +1,22 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+import container from "@/core/di/injection-container";
+import { GetMovieDetailsUsecase } from "@/features/movies/domain/usecases/get-movie-details-usecase";
+
+export function useMovieDetails(movieId: string) {
+  const getMovieDetailsUsecase = container.get(GetMovieDetailsUsecase);
+
+  return useQuery({
+    queryKey: [QUERY_KEYS.MOVIE_DETAILS, movieId],
+    queryFn: async () => {
+      const result = await getMovieDetailsUsecase.execute(movieId);
+
+      if (result.isSuccess) {
+        return result.data;
+      } else {
+        throw result.error;
+      }
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/presentation/hooks/use-random-movies.ts

@@ -0,0 +1,22 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+import container from "@/core/di/injection-container";
+import { GetRandomMoviesUsecase } from "@/features/movies/domain/usecases/get-random-movies-usecase";
+
+export function useRandomMovies() {
+  const getRandomMoviesUsecase = container.get(GetRandomMoviesUsecase);
+
+  return useQuery({
+    queryKey: [QUERY_KEYS.RANDOM_MOVIES],
+    queryFn: async () => {
+      const result = await getRandomMoviesUsecase.execute();
+
+      if (result.isSuccess) {
+        return result.data;
+      } else {
+        throw result.error;
+      }
+    },
+  });
+}

package/templates/react-native/expo-clean-architecture/src/features/movies/presentation/hooks/use-search-movies.ts

@@ -0,0 +1,22 @@
+import { useMutation } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/core/constants/query-keys";
+import container from "@/core/di/injection-container";
+import { SearchMoviesUsecase } from "@/features/movies/domain/usecases/search-movies-usecase";
+
+export function useSearchMovies() {
+  const searchMoviesUsecase = container.get(SearchMoviesUsecase);
+
+  return useMutation({
+    mutationKey: [QUERY_KEYS.SEARCH_MOVIES],
+    mutationFn: async (query: string) => {
+      const result = await searchMoviesUsecase.execute(query);
+
+      if (result.isSuccess) {
+        return result.data;
+      } else {
+        throw result.error;
+      }
+    },
+  });
+}