feat: add force reload functionality to PhotoswipeReader for refreshing images and improve memory management by revoking blob URLs

This commit is contained in:
Julien Froidefond
2025-10-17 22:53:58 +02:00
parent cfcf79cb7d
commit f5e1332e21
7 changed files with 107 additions and 20 deletions

View File

@@ -94,7 +94,14 @@ export class BookService extends BaseApiService {
const response: ImageResponse = await ImageService.getImage(
`books/${bookId}/pages/${adjustedPageNumber}?zero_based=true`
);
return new Response(response.buffer.buffer as ArrayBuffer, {
// Convertir le Buffer Node.js en ArrayBuffer proprement
const arrayBuffer = response.buffer.buffer.slice(
response.buffer.byteOffset,
response.buffer.byteOffset + response.buffer.byteLength
);
return new Response(arrayBuffer, {
headers: {
"Content-Type": response.contentType || "image/jpeg",
"Cache-Control": "public, max-age=31536000, immutable",

View File

@@ -12,23 +12,16 @@ export class ImageService extends BaseApiService {
try {
const headers = { Accept: "image/jpeg, image/png, image/gif, image/webp, */*" };
const result = await this.fetchWithCache<ImageResponse>(
`image-${path}`,
async () => {
const response = await this.fetchFromApi<Response>({ path }, headers, { isImage: true });
const contentType = response.headers.get("content-type");
const arrayBuffer = await response.arrayBuffer();
const buffer = Buffer.from(arrayBuffer);
// NE PAS mettre en cache - les images sont trop grosses et les Buffers ne sérialisent pas bien
const response = await this.fetchFromApi<Response>({ path }, headers, { isImage: true });
const contentType = response.headers.get("content-type");
const arrayBuffer = await response.arrayBuffer();
const buffer = Buffer.from(arrayBuffer);
return {
buffer,
contentType,
};
},
"IMAGES"
);
return result;
return {
buffer,
contentType,
};
} catch (error) {
console.error("Erreur lors de la récupération de l'image:", error);
throw new AppError(ERROR_CODES.IMAGE.FETCH_ERROR, {}, error);