ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Composer: Fix pasting media from clipboard on iOS (#1698)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-02-04 15:18:35 +01:00
parent 6b8ba8c2ce
commit c2fcd83567
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/middle/composer/helpers/getFilesFromDataTransferItems.ts
View File

@ -1,22 +1,30 @@
export default async function getFilesFromDataTransferItems(dataTransferItems: DataTransferItemList) {
const files: File[] = [];
function traverseFileTreePromise(entry: FileSystemEntry | File) {
function traverseFileTreePromise(entry: FileSystemEntry | File, item: DataTransferItem) {
return new Promise(resolve => {
if (entry instanceof File) {
files.push(entry);
resolve(entry);
} else if (entry.isFile) {
const itemFile = item.getAsFile();
(entry as FileSystemFileEntry).file((file) => {
files.push(file);
resolve(file);
}, () => {
// iOS Safari throws an error "NotFoundError: Path does not exist" for files from the clipboard
// https://stackoverflow.com/a/50059309
if (itemFile) {
files.push(itemFile);
}
resolve(itemFile);
});
} else if (entry.isDirectory) {
let dirReader = (entry as FileSystemDirectoryEntry).createReader();
dirReader.readEntries((entries) => {
let entriesPromises = [];
for (let entr of entries) {
entriesPromises.push(traverseFileTreePromise(entr));
entriesPromises.push(traverseFileTreePromise(entr, item));
}
resolve(Promise.all(entriesPromises));
});
@ -29,7 +37,7 @@ export default async function getFilesFromDataTransferItems(dataTransferItems: D
if (item.kind === 'file') {
const entry = item.webkitGetAsEntry() || item.getAsFile();
if (entry) {
entriesPromises.push(traverseFileTreePromise(entry));
entriesPromises.push(traverseFileTreePromise(entry, item));
}
}
}

2
src/components/middle/composer/hooks/useClipboardPaste.ts
View File

@ -24,12 +24,12 @@ const useClipboardPaste = (
return;
}
e.preventDefault();
const pastedText = e.clipboardData.getData('text').substring(0, MAX_MESSAGE_LENGTH);
const { items } = e.clipboardData;
let files: File[] = [];
e.preventDefault();
if (items.length > 0) {
files = await getFilesFromDataTransferItems(items);
}