martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-20 08:35:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

avoid scaling gif for sealed topics

Browse Source
This commit is contained in:
Roland Osborne 2023-07-20 11:54:20 -07:00
parent 91f0b0d3ac
commit af8eccd688
2 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
net/web/src/context/useUploadContext.hook.js
View File

@ -3,6 +3,9 @@ import axios from 'axios';
import Resizer from "react-image-file-resizer";
const ENCRYPTED_BLOCK_SIZE = (1024 * 1024);
const IMAGE_SCALE_SIZE = (128 * 1024 * 1024);
const GIF_TYPE = 'image/gif';
const WEBP_TYPE = 'image/webp';
export function useUploadContext() {
@ -151,11 +154,23 @@ export function useUploadContext() {
}
function getImageThumb(data) {
return new Promise(resolve => {
Resizer.imageFileResizer(data, 192, 192, 'JPEG', 50, 0,
uri => {
resolve(uri);
}, 'base64', 128, 128 );
return new Promise((resolve, reject) => {
if ((data.type === GIF_TYPE || data.type === WEBP_TYPE) && data.size < IMAGE_SCALE_SIZE) {
const reader = new FileReader();
reader.readAsDataURL(data);
reader.onload = function () {
resolve(reader.result);
};
reader.onerror = function (error) {
reject();
};
}
else {
Resizer.imageFileResizer(data, 192, 192, 'JPEG', 50, 0,
uri => {
resolve(uri);
}, 'base64', 128, 128 );
}
});
}

15
net/web/src/session/conversation/addTopic/useAddTopic.hook.js
View File

@ -104,10 +104,17 @@ export function useAddTopic(contentKey) {
const actions = {
addImage: async (image) => {
const scaled = await getResizedImage(image);
const asset = await setUrl(scaled);
asset.image = image;
addAsset(asset);
if (image.type === 'image/gif' || image.type === 'image/webp') {
const asset = await setUrl(image);
asset.image = image;
addAsset(asset);
}
else {
const scaled = await getResizedImage(image);
const asset = await setUrl(scaled);
asset.image = image;
addAsset(asset);
}
},
addVideo: async (video) => {
const asset = await setUrl(video);