67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import type { StateHookSetter } from '../../../../lib/teact/teact';
|
|
import { useEffect } from '../../../../lib/teact/teact';
|
|
import type { ApiAttachment, ApiMessage } from '../../../../api/types';
|
|
|
|
import buildAttachment from '../helpers/buildAttachment';
|
|
import { EDITABLE_INPUT_ID, EDITABLE_INPUT_MODAL_ID } from '../../../../config';
|
|
import getFilesFromDataTransferItems from '../helpers/getFilesFromDataTransferItems';
|
|
|
|
const CLIPBOARD_ACCEPTED_TYPES = ['image/png', 'image/jpeg', 'image/gif'];
|
|
const MAX_MESSAGE_LENGTH = 4096;
|
|
|
|
const useClipboardPaste = (
|
|
isActive: boolean,
|
|
insertTextAndUpdateCursor: (text: string, inputId?: string) => void,
|
|
setAttachments: StateHookSetter<ApiAttachment[]>,
|
|
editedMessage: ApiMessage | undefined,
|
|
) => {
|
|
useEffect(() => {
|
|
if (!isActive) {
|
|
return undefined;
|
|
}
|
|
|
|
async function handlePaste(e: ClipboardEvent) {
|
|
if (!e.clipboardData) {
|
|
return;
|
|
}
|
|
|
|
const input = document.activeElement;
|
|
if (input && ![EDITABLE_INPUT_ID, EDITABLE_INPUT_MODAL_ID].includes(input.id)) {
|
|
return;
|
|
}
|
|
|
|
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);
|
|
}
|
|
|
|
if (files.length === 0 && !pastedText) {
|
|
return;
|
|
}
|
|
|
|
if (files.length > 0 && !editedMessage) {
|
|
const newAttachments = await Promise.all(files.map((file) => {
|
|
return buildAttachment(file.name, file, files.length === 1 && CLIPBOARD_ACCEPTED_TYPES.includes(file.type));
|
|
}));
|
|
setAttachments((attachments) => attachments.concat(newAttachments));
|
|
}
|
|
|
|
if (pastedText) {
|
|
insertTextAndUpdateCursor(pastedText, input?.id);
|
|
}
|
|
}
|
|
|
|
document.addEventListener('paste', handlePaste, false);
|
|
|
|
return () => {
|
|
document.removeEventListener('paste', handlePaste, false);
|
|
};
|
|
}, [insertTextAndUpdateCursor, editedMessage, setAttachments, isActive]);
|
|
};
|
|
|
|
export default useClipboardPaste;
|