blob: 725e7a70b385c47ba031af2dbcf8c8631298f20b (
plain)
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
/*
* SPDX-FileCopyrightText: syuilo and misskey-project
* SPDX-License-Identifier: AGPL-3.0-only
*/
import * as Misskey from 'misskey-js';
type DragDataMap = {
driveFiles: Misskey.entities.DriveFile[];
driveFolders: Misskey.entities.DriveFolder[];
deckColumn: string;
MkDraggable: { item: { id: string }; instanceId: string; group: string; };
};
// NOTE: dataTransfer の format は大文字小文字区別されないっぽいので toLowerCase が必要
export function setDragData<T extends keyof DragDataMap>(
event: DragEvent,
type: T,
data: DragDataMap[T],
) {
if (event.dataTransfer == null) return;
event.dataTransfer.setData(`misskey/${type}`.toLowerCase(), JSON.stringify(data));
}
export function setPlainDragData(
event: DragEvent,
data: string,
) {
if (event.dataTransfer == null) return;
event.dataTransfer.setData('text/plain', data);
}
export function getDragData<T extends keyof DragDataMap>(
event: DragEvent,
type: T,
): DragDataMap[T] | null {
if (event.dataTransfer == null) return null;
const data = event.dataTransfer.getData(`misskey/${type}`.toLowerCase());
if (data == null || data === '') return null;
return JSON.parse(data);
}
export function getPlainDragData(
event: DragEvent,
): string | null {
if (event.dataTransfer == null) return null;
const data = event.dataTransfer.getData('text/plain');
if (data == null || data === '') return null;
return data;
}
export function checkDragDataType(
event: DragEvent,
types: (keyof DragDataMap)[],
): boolean {
if (event.dataTransfer == null) return false;
const dataType = event.dataTransfer.types[0];
if (dataType == null || dataType === '') return false;
return types.some((type) => `misskey/${type}`.toLowerCase() === dataType.toLowerCase());
}
|
