ruch/example/src/domains/product/hooks/useProduct.ts

Revolutionary React TypeScript CLI with hexagonal architecture & AI-powered development assistance. Create maintainable, scalable applications with domain-driven design and integrated AI tooling.

import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import type { ProductCreationData, ProductUpdateData } from '../entities/Product';
import { ProductService } from '../services/ProductService';
import type { ProductPort } from '../ports/ProductPort';

const QUERY_KEYS = {
  all: ['product'] as const,
  lists: () => [...QUERY_KEYS.all, 'list'] as const,
  list: (filters: string) => [...QUERY_KEYS.lists(), { filters }] as const,
  details: () => [...QUERY_KEYS.all, 'detail'] as const,
  detail: (id: string) => [...QUERY_KEYS.details(), id] as const,
};

export function useProductService(port: ProductPort) {
  return new ProductService(port);
}

export function useProductList(port: ProductPort) {
  const service = useProductService(port);
  return useQuery({
    queryKey: QUERY_KEYS.lists(),
    queryFn: () => service.getAll(),
  });
}

export function useProductDetail(port: ProductPort, id: string) {
  const service = useProductService(port);
  return useQuery({
    queryKey: QUERY_KEYS.detail(id),
    queryFn: () => service.getById(id),
    enabled: !!id,
  });
}

export function useProductCreate(port: ProductPort) {
  const queryClient = useQueryClient();
  const service = useProductService(port);
  return useMutation({
    mutationFn: (data: ProductCreationData) => service.create(data),
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: QUERY_KEYS.lists() });
    },
  });
}

export function useProductUpdate(port: ProductPort) {
  const queryClient = useQueryClient();
  const service = useProductService(port);
  return useMutation({
    mutationFn: ({ id, data }: { id: string; data: ProductUpdateData }) =>
      service.update(id, data),
    onSuccess: (_, { id }) => {
      queryClient.invalidateQueries({ queryKey: QUERY_KEYS.lists() });
      queryClient.invalidateQueries({ queryKey: QUERY_KEYS.detail(id) });
    },
  });
}

export function useProductDelete(port: ProductPort) {
  const queryClient = useQueryClient();
  const service = useProductService(port);
  return useMutation({
    mutationFn: (id: string) => service.delete(id),
    onSuccess: (_, id) => {
      queryClient.invalidateQueries({ queryKey: QUERY_KEYS.lists() });
      queryClient.invalidateQueries({ queryKey: QUERY_KEYS.detail(id) });
    },
  });
}