refactor: restructure files to their domains, new preview overlay system, and dep graph

1 files changed, 48 insertions, 0 deletions

diff --git a/apps/web/src/timeline/drag-data.ts b/apps/web/src/timeline/drag-data.ts
new file mode 100644
index 00000000..1fc9ce9a
--- /dev/null
+++ b/apps/web/src/timeline/drag-data.ts
@@ -0,0 +1,48 @@
+import type { TimelineDragData } from "@/timeline/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;

+}