wea_ondara/MangaStatus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

frontend: improve ui performance when chapters are updated

Browse Source
This commit is contained in:
wea_ondara
2023-11-21 14:52:20 +01:00
parent 7c64808123
commit fefd90a3d8
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/manga/MangaLists.vue
View File

@@ -34,8 +34,7 @@ export default class MangaLists extends Vue {
}
get chaptersBySeriesId(): Map<number, MangaUpdatesChapter[]> {
const chapters = this.mangaStore.mangaUpdatesChapters;
return groupBy(chapters, e => e.series_id);
return this.mangaStore.mangaUpdatesChapters;
}
get viewLists(): ViewList[] {

18
frontend/src/stores/MangaStore.ts
View File

@@ -19,7 +19,7 @@ export class MangaStore extends Pinia {
private cachedAniListManga = new Map<string, AniListMangaListEntry[]>();
private cachedAniListMedia: AniListMedia[] = [];
private cachedAniListUser: AniListUser | null = null;
private cachedMangaUpdatesChapters: MangaUpdatesChapter[] = [];
private cachedMangaUpdatesChaptersBySeriesId: Map<number, MangaUpdatesChapter[]> = new Map();
private cachedMangaUpdatesSeries: MangaUpdatesSeries[] = [];
private cachedMangaUpdatesRelations: MangaUpdatesRelation[] = [];
private cachedUserName: string | null = null;
@@ -46,8 +46,8 @@ export class MangaStore extends Pinia {
return this.cachedAniListUser;
}
get mangaUpdatesChapters(): MangaUpdatesChapter[] {
return this.cachedMangaUpdatesChapters;
get mangaUpdatesChapters(): Map<number, MangaUpdatesChapter[]> {
return this.cachedMangaUpdatesChaptersBySeriesId;
}
get mangaUpdatesRelations(): MangaUpdatesRelation[] {
@@ -101,11 +101,8 @@ export class MangaStore extends Pinia {
await this.dbStore.mangaUpdatesRepository.updateChapters(chapters);
// update cache
const cachedById = groupBy(this.cachedMangaUpdatesChapters, c => c.series_id);
const chaptersById = groupBy(chapters, c => c.series_id);
chaptersById.forEach((v, k) => cachedById.set(k, v));
this.cachedMangaUpdatesChapters.splice(0);
this.cachedMangaUpdatesChapters.push(...Array.from(cachedById.values()).flat());
const chaptersBySeriesId = groupBy(chapters, c => c.series_id);
chaptersBySeriesId.forEach((v, k) => this.cachedMangaUpdatesChaptersBySeriesId.set(k, v));
}
async updateMangaUpdatesSeries(media: MangaUpdatesSeries[]): Promise<void> {
@@ -138,7 +135,7 @@ export class MangaStore extends Pinia {
this.cachedAniListLists.splice(0);
this.cachedAniListMedia.splice(0);
this.cachedAniListUser = null;
this.cachedMangaUpdatesChapters.splice(0);
this.cachedMangaUpdatesChaptersBySeriesId.clear();
this.cachedMangaUpdatesSeries.splice(0);
this.cachedMangaUpdatesRelations.splice(0);
}
@@ -156,7 +153,8 @@ export class MangaStore extends Pinia {
}
}
this.cachedMangaUpdatesChapters.push(...await this.dbStore.mangaUpdatesRepository.getChapters());
const chapters = groupBy(await this.dbStore.mangaUpdatesRepository.getChapters(), e => e.series_id);
chapters.forEach((seriesChapters, seriesId) => this.cachedMangaUpdatesChaptersBySeriesId.set(seriesId, seriesChapters));
this.cachedMangaUpdatesSeries.push(...await this.dbStore.mangaUpdatesRepository.getSeries());
this.cachedMangaUpdatesRelations.push(...await this.dbStore.mangaUpdatesRepository.getRelations());
}