Initial commit: igny8 project

frontend/node_modules/react-dnd-html5-backend/src/NativeDragSources/NativeDragSource.ts

@@ -0,0 +1,63 @@
+import type { DragDropMonitor } from 'dnd-core'
+
+import type { NativeItemConfig } from './nativeTypesConfig.js'
+
+export class NativeDragSource {
+	public item: any
+	private config: NativeItemConfig
+
+	public constructor(config: NativeItemConfig) {
+		this.config = config
+		this.item = {}
+		this.initializeExposedProperties()
+	}
+
+	private initializeExposedProperties() {
+		Object.keys(this.config.exposeProperties).forEach((property) => {
+			Object.defineProperty(this.item, property, {
+				configurable: true, // This is needed to allow redefining it later
+				enumerable: true,
+				get() {
+					// eslint-disable-next-line no-console
+					console.warn(
+						`Browser doesn't allow reading "${property}" until the drop event.`,
+					)
+					return null
+				},
+			})
+		})
+	}
+
+	public loadDataTransfer(dataTransfer: DataTransfer | null | undefined): void {
+		if (dataTransfer) {
+			const newProperties: PropertyDescriptorMap = {}
+			Object.keys(this.config.exposeProperties).forEach((property) => {
+				const propertyFn = this.config.exposeProperties[property]
+				if (propertyFn != null) {
+					newProperties[property] = {
+						value: propertyFn(dataTransfer, this.config.matchesTypes),
+						configurable: true,
+						enumerable: true,
+					}
+				}
+			})
+			Object.defineProperties(this.item, newProperties)
+		}
+	}
+
+	public canDrag(): boolean {
+		return true
+	}
+
+	public beginDrag(): any {
+		return this.item
+	}
+
+	public isDragging(monitor: DragDropMonitor, handle: string): boolean {
+		return handle === monitor.getSourceId()
+	}
+
+	public endDrag(): void {
+		// empty
+	}
+}

frontend/node_modules/react-dnd-html5-backend/src/NativeDragSources/getDataFromDataTransfer.ts

@@ -0,0 +1,12 @@
+export function getDataFromDataTransfer(
+	dataTransfer: DataTransfer,
+	typesToTry: string[],
+	defaultValue: string,
+): string {
+	const result = typesToTry.reduce(
+		(resultSoFar, typeToTry) => resultSoFar || dataTransfer.getData(typeToTry),
+		'',
+	)
+
+	return result != null ? result : defaultValue
+}

frontend/node_modules/react-dnd-html5-backend/src/NativeDragSources/index.ts

@@ -0,0 +1,36 @@
+import { NativeDragSource } from './NativeDragSource.js'
+import { nativeTypesConfig } from './nativeTypesConfig.js'
+
+export function createNativeDragSource(
+	type: string,
+	dataTransfer?: DataTransfer,
+): NativeDragSource {
+	const config = nativeTypesConfig[type]
+	if (!config) {
+		throw new Error(`native type ${type} has no configuration`)
+	}
+	const result = new NativeDragSource(config)
+	result.loadDataTransfer(dataTransfer)
+	return result
+}
+
+export function matchNativeItemType(
+	dataTransfer: DataTransfer | null,
+): string | null {
+	if (!dataTransfer) {
+		return null
+	}
+
+	const dataTransferTypes = Array.prototype.slice.call(dataTransfer.types || [])
+	return (
+		Object.keys(nativeTypesConfig).filter((nativeItemType) => {
+			const typeConfig = nativeTypesConfig[nativeItemType]
+			if (!typeConfig?.matchesTypes) {
+				return false
+			}
+			return typeConfig.matchesTypes.some(
+				(t) => dataTransferTypes.indexOf(t) > -1,
+			)
+		})[0] || null
+	)
+}

frontend/node_modules/react-dnd-html5-backend/src/NativeDragSources/nativeTypesConfig.ts

@@ -0,0 +1,53 @@
+import * as NativeTypes from '../NativeTypes.js'
+import { getDataFromDataTransfer } from './getDataFromDataTransfer.js'
+
+export interface NativeItemConfigExposePropreties {
+	[property: string]: (
+		dataTransfer: DataTransfer,
+		matchesTypes: string[],
+	) => any
+}
+
+export interface NativeItemConfig {
+	exposeProperties: NativeItemConfigExposePropreties
+	matchesTypes: string[]
+}
+
+export const nativeTypesConfig: {
+	[key: string]: NativeItemConfig
+} = {
+	[NativeTypes.FILE]: {
+		exposeProperties: {
+			files: (dataTransfer: DataTransfer): File[] =>
+				Array.prototype.slice.call(dataTransfer.files),
+			items: (dataTransfer: DataTransfer): DataTransferItemList =>
+				dataTransfer.items,
+			dataTransfer: (dataTransfer: DataTransfer): DataTransfer => dataTransfer,
+		},
+		matchesTypes: ['Files'],
+	},
+	[NativeTypes.HTML]: {
+		exposeProperties: {
+			html: (dataTransfer: DataTransfer, matchesTypes: string[]): string =>
+				getDataFromDataTransfer(dataTransfer, matchesTypes, ''),
+			dataTransfer: (dataTransfer: DataTransfer): DataTransfer => dataTransfer,
+		},
+		matchesTypes: ['Html', 'text/html'],
+	},
+	[NativeTypes.URL]: {
+		exposeProperties: {
+			urls: (dataTransfer: DataTransfer, matchesTypes: string[]): string[] =>
+				getDataFromDataTransfer(dataTransfer, matchesTypes, '').split('\n'),
+			dataTransfer: (dataTransfer: DataTransfer): DataTransfer => dataTransfer,
+		},
+		matchesTypes: ['Url', 'text/uri-list'],
+	},
+	[NativeTypes.TEXT]: {
+		exposeProperties: {
+			text: (dataTransfer: DataTransfer, matchesTypes: string[]): string =>
+				getDataFromDataTransfer(dataTransfer, matchesTypes, ''),
+			dataTransfer: (dataTransfer: DataTransfer): DataTransfer => dataTransfer,
+		},
+		matchesTypes: ['Text', 'text/plain'],
+	},
+}