refactor: simplification du store de lecteur en supprimant les logs de débogage et en optimisant les getters pour une meilleure lisibilité

This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2025-03-26 23:08:12 +01:00
parent 5e0fc96cd1
commit d123166dcb
2 changed files with 3 additions and 111 deletions

View File

@@ -22,13 +22,7 @@
<div class="page-container" :style="{ transform: `scale(${store.zoom})` }">
<div v-if="!store.currentPageData" class="error"> Aucune donnée d'image disponible </div>
<div v-else-if="!store.currentPageData.base64Content" class="error"> Contenu de l'image manquant </div>
<img
v-else
:src="imageSource"
:alt="`Page ${store.currentPage + 1}`"
class="page-image"
@error="handleImageError"
@load="handleImageLoad" />
<img v-else :src="imageSource" :alt="`Page ${store.currentPage + 1}`" class="page-image" />
</div>
<div class="reader-settings">
@@ -44,26 +38,6 @@
<button @click="zoomIn">+</button>
</div>
</div>
<div
class="debug-info"
style="
position: fixed;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 10px;
font-size: 12px;
">
currentPage: {{ store.currentPage }}<br />
totalPages: {{ store.totalPages }}<br />
hasCurrentPageData: {{ !!store.currentPageData }}<br />
hasBase64Content: {{ !!store.currentPageData?.base64Content }}<br />
mimeType: {{ store.currentPageData?.mimeType }}<br />
lastAction: {{ store._debug.lastAction }}<br />
lastUpdate: {{ new Date(store._debug.lastUpdate).toLocaleTimeString() }}
</div>
</div>
</div>
</template>
@@ -83,29 +57,12 @@
const store = useReaderStore();
const imageSource = computed(() => {
console.log('Computing imageSource:', {
hasCurrentPageData: !!store.currentPageData,
mimeType: store.currentPageData?.mimeType,
hasContent: !!store.currentPageData?.base64Content
});
if (!store.currentPageData?.base64Content || !store.currentPageData?.mimeType) {
console.error("Données d'image invalides:", store.currentPageData);
return '';
}
return `data:${store.currentPageData.mimeType};base64,${store.currentPageData.base64Content}`;
});
const handleImageError = e => {
console.error("Erreur de chargement de l'image:", e);
console.log("Source de l'image:", imageSource.value);
console.log('Données de la page:', store.currentPageData);
};
const handleImageLoad = () => {
console.log('Image chargée avec succès');
};
const toggleReadingMode = () => {
store.setReadingMode(store.readingMode === 'single' ? 'infinite' : 'single');
};
@@ -134,7 +91,6 @@
() => props.chapterId,
newId => {
if (newId) {
console.log('ChapterId changed, loading new chapter:', newId);
store.loadChapter(newId);
}
},