Files
rheinsw-mono-repo/internal_frontend/services/customers/repositories/customerRepository.ts
Thatsaphorn Atchariyaphap 328c0537ba Introduce caching in CustomerRepository and refactor API integration
- Add in-memory caching for customer data in `CustomerRepository` to reduce API calls.
- Replace direct API calls with methods from `CustomerRepository`.
- Update customer-related pages (`[id]/page.tsx`, `customers/page.tsx`) to use `CustomerRepository` for data fetching.
- Adjust breadcrumb resolver to leverage `CustomerRepository`.
- Remove `axios` dependency from customer-related components.
2025-07-07 22:02:55 +02:00

86 lines
3.3 KiB
TypeScript

import {Customer} from "@/services/customers/entities/customer";
import {CreateCustomerDto} from "@/services/customers/dtos/createCustomer.dto";
export class CustomerRepository {
private static readonly customerCache: Map<string, Customer> = new Map();
private static lastFetchAll: number | null = null;
private static readonly CACHE_DURATION = 10 * 1000; // seconds in milliseconds
static async getAll(): Promise<Customer[]> {
const now = Date.now();
if (this.lastFetchAll && (now - this.lastFetchAll < this.CACHE_DURATION)) {
return Array.from(this.customerCache.values());
}
console.log('Cache expired or not initialized, fetching fresh data from API');
const response = await fetch('/api/customers');
if (!response.ok) {
console.error('Failed to fetch customers:', response.status, response.statusText);
return Promise.reject(new Error(`Failed to fetch customers: ${response.statusText}`));
}
const customers: Customer[] = await response.json();
this.customerCache.clear();
customers.forEach((customer: Customer) => this.customerCache.set(customer.id, customer));
this.lastFetchAll = now;
return customers;
}
static async getById(id: string): Promise<Customer | null> {
const cachedCustomer = this.customerCache.get(id);
if (cachedCustomer) {
return cachedCustomer;
}
console.log(`Cache miss for customer ${id}, fetching from API`);
try {
const response = await fetch(`/api/customers/${id}`);
if (!response.ok) {
if (response.status === 404) {
console.log(`Customer ${id} not found`);
return null;
}
console.error('Failed to fetch customer:', response.status, response.statusText);
return Promise.reject(new Error(`Failed to fetch customer: ${response.statusText}`));
}
const customer: Customer = await response.json();
this.customerCache.set(id, customer);
return customer;
} catch (error) {
console.error('Error fetching customer:', error);
return Promise.reject(error);
}
}
static async create(payload: CreateCustomerDto): Promise<void> {
const response = await fetch('/api/customers', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(payload)
});
if (!response.ok) {
console.error('Failed to create customer:', response.status, response.statusText);
return Promise.reject(new Error(`Failed to create customer: ${response.statusText}`));
}
console.log('Cache invalidated after creating new customer');
this.lastFetchAll = null; // Invalidate the cache after creating new customer
}
static clearCache(): void {
console.log('Cache manually cleared');
this.customerCache.clear();
this.lastFetchAll = null;
}
static updateCache(customer: Customer): void {
console.log(`Cache updated for customer ${customer.id}`);
this.customerCache.set(customer.id, customer);
}
}