a59f7f58-7afd-45bf-9931-f43ff031224b

Committed 28 May 2024 03:25AM UTC coverage: 46.754% (-1.7%) from 48.503%

Build # a59f7f58-7afd-45bf-9931-f43ff031224b

Build Type

push

circleci

Committed by

web-flow

Commit Message

feat(fragment): refactor clipboard by navigator api (#267)

Run Details

406 of 1083 branches covered (37.49%)

Branch coverage included in aggregate %.

24 of 135 new or added lines in 6 files covered. (17.78%)

3 existing lines in 1 file now uncovered.

1020 of 1967 relevant lines covered (51.86%)

44.48 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

8.93

/packages/src/utils/clipboard/clipboard.ts

1	import { Element } from 'slate';
2	import { getDataTransferClipboard, setDataTransferClipboard, setDataTransferClipboardText } from './data-transfer';
3	import { getNavigatorClipboard, setNavigatorClipboard } from './navigator-clipboard';
4	import { isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported } from './common';
5	import { ClipboardData } from '../../types/clipboard';
6	import { SlateFragmentAttributeKey, getSlateFragmentAttribute } from '../dom';
7
8	export const buildHTMLText = (wrapper: HTMLElement, attach: HTMLElement, data: Element[]) => {	1✔
NEW 9	const stringObj = JSON.stringify(data);	×
NEW 10	const encoded = window.btoa(encodeURIComponent(stringObj));	×
NEW 11	attach.setAttribute(SlateFragmentAttributeKey, encoded);	×
NEW 12	return wrapper.innerHTML;	×
13	};
14
15	export const getClipboardFromHTMLText = (html: string): ClipboardData => {	1✔
NEW 16	const fragmentAttribute = getSlateFragmentAttribute(html);	×
NEW 17	if (fragmentAttribute) {	×
NEW 18	try {	×
NEW 19	const decoded = decodeURIComponent(window.atob(fragmentAttribute));	×
NEW 20	const result = JSON.parse(decoded);	×
NEW 21	if (result && Array.isArray(result) && result.length > 0) {	×
NEW 22	return {	×
23	elements: result
24	};
25	}
26	} catch (error) {
NEW 27	console.error(error);	×
NEW 28	return null;	×
29	}
30	}
NEW 31	return null;	×
32	};
33
34	export const createClipboardData = (html: string, elements: Element[], text: string, files: File[]): ClipboardData => {	1✔
NEW 35	const data = { elements, text, html, files };	×
NEW 36	return data;	×
37	};
38
39	export const getClipboardData = async (dataTransfer?: DataTransfer): Promise<ClipboardData> => {	1✔
NEW 40	let clipboardData = null;	×
NEW 41	if (dataTransfer) {	×
NEW 42	if (dataTransfer.files.length) {	×
NEW 43	return { files: Array.from(dataTransfer.files) };	×
44	}
NEW 45	clipboardData = getDataTransferClipboard(dataTransfer);	×
NEW 46	return clipboardData;	×
47	}
NEW 48	if (isClipboardReadSupported()) {	×
NEW 49	return await getNavigatorClipboard();	×
50	}
NEW 51	return clipboardData;	×
52	};
53
54	/**
55	* @param wrapper get wrapper.innerHTML string which will be written in clipboard
56	* @param attach attach must be child element of wrapper which will be attached json data
57	* @returns void
58	*/
59	export const setClipboardData = async (	1✔
60	clipboardData: ClipboardData,
61	wrapper: HTMLElement,
62	attach: HTMLElement,
63	dataTransfer?: Pick<DataTransfer, 'getData' \| 'setData'>
64	) => {
NEW 65	if (!clipboardData) {	×
NEW 66	return;	×
67	}
NEW 68	const { elements, text } = clipboardData;	×
NEW 69	if (isClipboardWriteSupported()) {	×
NEW 70	const htmlText = buildHTMLText(wrapper, attach, elements);	×
71	// TODO
72	// maybe fail to write when copy some cell in table
NEW 73	return await setNavigatorClipboard(htmlText, elements, text);	×
74	}
75
NEW 76	if (dataTransfer) {	×
NEW 77	const htmlText = buildHTMLText(wrapper, attach, elements);	×
NEW 78	setDataTransferClipboard(dataTransfer, htmlText);	×
NEW 79	setDataTransferClipboardText(dataTransfer, text);	×
NEW 80	return;	×
81	}
82
83	// Compatible with situations where navigator.clipboard.write is not supported and dataTransfer is empty
84	// Such as contextmenu copy in Firefox.
NEW 85	if (isClipboardWriteTextSupported()) {	×
NEW 86	const htmlText = buildHTMLText(wrapper, attach, elements);	×
NEW 87	return await navigator.clipboard.writeText(htmlText);	×
88	}
89	};

worktile / slate-angular / a59f7f58-7afd-45bf-9931-f43ff031224b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous