External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

limit cache with LRU algo

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-10-18 17:20:52 +02:00
parent b80a25495b
commit f0a6ab0b15
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/utils/media-utils.ts
+13 -14
View File
@@ -1,3 +1,4 @@
import localForageLru from '@plebbit/plebbit-react-hooks/dist/lib/localforage-lru/index.js';
import { Comment } from '@plebbit/plebbit-react-hooks'; import { Comment } from '@plebbit/plebbit-react-hooks';
import extName from 'ext-name'; import extName from 'ext-name';
import { canEmbed } from '../../components/embed'; import { canEmbed } from '../../components/embed';
@@ -228,29 +229,27 @@ export const getMediaDimensions = (commentMediaInfo: CommentMediaInfo | undefine
return ''; return '';
}; };
const thumbnailUrlsDb = localForageLru.createInstance({ name: 'plebchanThumbnailUrls', size: 500 });
export const getCachedThumbnail = async (url: string): Promise<string | null> => {
return await thumbnailUrlsDb.getItem(url);
};
export const setCachedThumbnail = async (url: string, thumbnail: string): Promise<void> => {
await thumbnailUrlsDb.setItem(url, thumbnail);
};
export const fetchWebpageThumbnailIfNeeded = async (commentMediaInfo: CommentMediaInfo): Promise<CommentMediaInfo> => { export const fetchWebpageThumbnailIfNeeded = async (commentMediaInfo: CommentMediaInfo): Promise<CommentMediaInfo> => {
if (commentMediaInfo.type === 'webpage' && !commentMediaInfo.thumbnail) { if (commentMediaInfo.type === 'webpage' && !commentMediaInfo.thumbnail) {
const cachedThumbnail = getCachedThumbnail(commentMediaInfo.url); const cachedThumbnail = await getCachedThumbnail(commentMediaInfo.url);
if (cachedThumbnail) { if (cachedThumbnail) {
return { ...commentMediaInfo, thumbnail: cachedThumbnail }; return { ...commentMediaInfo, thumbnail: cachedThumbnail };
} }
const thumbnail = await fetchWebpageThumbnail(commentMediaInfo.url); const thumbnail = await fetchWebpageThumbnail(commentMediaInfo.url);
if (thumbnail) { if (thumbnail) {
setCachedThumbnail(commentMediaInfo.url, thumbnail); await setCachedThumbnail(commentMediaInfo.url, thumbnail);
} }
return { ...commentMediaInfo, thumbnail }; return { ...commentMediaInfo, thumbnail };
} }
return commentMediaInfo; return commentMediaInfo;
}; };
const THUMBNAIL_CACHE_KEY = 'webpageThumbnailCache';
export const getCachedThumbnail = (url: string): string | null => {
const cache = JSON.parse(localStorage.getItem(THUMBNAIL_CACHE_KEY) || '{}');
return cache[url] || null;
};
export const setCachedThumbnail = (url: string, thumbnail: string): void => {
const cache = JSON.parse(localStorage.getItem(THUMBNAIL_CACHE_KEY) || '{}');
cache[url] = thumbnail;
localStorage.setItem(THUMBNAIL_CACHE_KEY, JSON.stringify(cache));
};