phlaym/moshing-mammut
1
0
Fork 0
Code Issues 5 Pull Requests Projects Releases 8 Activity

refactor avatar resizing

Browse Source
This commit is contained in:
Max Nuding 2023-05-10 16:13:24 +02:00
parent 736b8498af
commit 61d24ddd7f
Signed by: phlaym
GPG Key ID: A06651BAB6777237
1 changed files with 39 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
src/lib/server/timeline.ts
View File

@ -111,6 +111,35 @@ export class TimelineReader {
return fileName; return fileName;
} }
private static resizeAvatarPromiseMaker(
avatarFilenameBase: string,
baseSize: number,
maxPixelDensity: number,
accountUrl: string,
formats: string[],
avatar: ArrayBuffer
): Promise<void>[] {
const sharpAvatar = sharp(avatar);
const promises: Promise<void>[] = [];
for (let i = 1; i <= maxPixelDensity; i++) {
promises.push(
...formats.map((f) =>
TimelineReader.resizeAvatar(avatarFilenameBase, baseSize * i, `${i}x.${f}`, sharpAvatar)
.then(
(fn) =>
({
accountUrl: accountUrl,
file: fn,
sizeDescriptor: `${i}x`
} as AccountAvatar)
)
.then(saveAvatar)
)
);
}
return promises;
}
private static async saveAvatar(account: Account) { private static async saveAvatar(account: Account) {
try { try {
const existingAvatars = await getAvatars(account.url, 1); const existingAvatars = await getAvatars(account.url, 1);
@ -132,98 +161,16 @@ export class TimelineReader {
} }
const avatarResponse = await fetch(account.avatar); const avatarResponse = await fetch(account.avatar);
const avatar = await avatarResponse.arrayBuffer(); const avatar = await avatarResponse.arrayBuffer();
const sharpAvatar = sharp(avatar); await Promise.all(
await Promise.all([ TimelineReader.resizeAvatarPromiseMaker(
TimelineReader.resizeAvatar(avatarFilenameBase, 50, '1x.webp', sharpAvatar) avatarFilenameBase,
.then( 50,
(fn) => 3,
({ account.url,
accountUrl: account.url, ['webp', 'avif', 'jpeg'],
file: fn, avatar
sizeDescriptor: '1x'
} as AccountAvatar)
) )
.then(saveAvatar), );
TimelineReader.resizeAvatar(avatarFilenameBase, 100, '2x.webp', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '2x'
} as AccountAvatar)
)
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 150, '3x.webp', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '3x'
} as AccountAvatar)
)
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 50, '1x.avif', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '1x'
} as AccountAvatar)
)
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 100, '2x.avif', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '2x'
} as AccountAvatar)
)
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 150, '3x.avif', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '3x'
} as AccountAvatar)
)
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 50, '1x.jpeg', sharpAvatar)
.then((fn) => {
return {
accountUrl: account.url,
file: fn,
sizeDescriptor: '1x'
} as AccountAvatar;
})
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 100, '2x.jpeg', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '2x'
} as AccountAvatar)
)
.then(saveAvatar),
TimelineReader.resizeAvatar(avatarFilenameBase, 150, '3x.jpeg', sharpAvatar)
.then(
(fn) =>
({
accountUrl: account.url,
file: fn,
sizeDescriptor: '3x'
} as AccountAvatar)
)
.then(saveAvatar)
]);
} catch (e) { } catch (e) {
console.error('Could not resize and save avatar for', account.acct, account.avatar, e); console.error('Could not resize and save avatar for', account.acct, account.avatar, e);
} }