apps/web/src/lib/drag-data.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

import type { TimelineDragData } from "@/types/drag";

const MIME_TYPE = "application/x-timeline-drag";
let lastDragData: TimelineDragData | null = null;

export function setDragData({
	dataTransfer,
	dragData,
}: {
	dataTransfer: DataTransfer;
	dragData: TimelineDragData;
}): void {
	dataTransfer.setData(MIME_TYPE, JSON.stringify(dragData));
	dataTransfer.setData("text/plain", JSON.stringify(dragData));
	lastDragData = dragData;
}

export function getDragData({
	dataTransfer,
}: {
	dataTransfer: DataTransfer;
}): TimelineDragData | null {
	const data = dataTransfer.getData(MIME_TYPE);
	if (data) return JSON.parse(data) as TimelineDragData;

	const textData = dataTransfer.getData("text/plain");
	if (textData) {
		try {
			return JSON.parse(textData) as TimelineDragData;
		} catch {
			return lastDragData;
		}
	}

	return lastDragData;
}

export function hasDragData({
	dataTransfer,
}: {
	dataTransfer: DataTransfer;
}): boolean {
	return dataTransfer.types.includes(MIME_TYPE) || lastDragData !== null;
}

export function clearDragData(): void {
	lastDragData = null;
}