github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-22 17:56:30 -05:00
Code Issues Projects Releases Packages Wiki Activity

improve: Refactor use-code-mirror-file-insert-extension

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2022-08-21 12:33:01 +02:00
parent 8245a519e0
commit d4493aed95
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/editor-page/editor-pane/hooks/code-mirror-extensions/use-code-mirror-file-insert-extension.ts
View file

@ -9,7 +9,6 @@ import { EditorView } from '@codemirror/view'
import type { Extension } from '@codemirror/state'
import { handleUpload } from '../use-handle-upload'
import { Optional } from '@mrdrogdrog/optional'
import type { CursorSelection } from '../../tool-bar/formatters/types/cursor-selection'
const calculateCursorPositionInEditor = (view: EditorView, event: MouseEvent): number => {
return Optional.ofNullable(event.pageX)
@ -21,14 +20,10 @@ const calculateCursorPositionInEditor = (view: EditorView, event: MouseEvent): n
.orElse(view.state.selection.main.head)
}
const processFileList = (view: EditorView, fileList?: FileList, cursorSelection?: CursorSelection): boolean => {
const extractFirstFile = (fileList?: FileList): Optional<File> => {
return Optional.ofNullable(fileList)
.filter((files) => files.length > 0)
.map((files) => {
handleUpload(view, files[0], cursorSelection)
return true
})
.orElse(false)
.map((files) => files[0])
}
/**
@ -40,11 +35,16 @@ export const useCodeMirrorFileInsertExtension = (): Extension => {
return useMemo(() => {
return EditorView.domEventHandlers({
drop: (event, view) => {
processFileList(view, event.dataTransfer?.files, { from: calculateCursorPositionInEditor(view, event) }) &&
extractFirstFile(event.dataTransfer?.files).ifPresent((file) => {
handleUpload(view, file, { from: calculateCursorPositionInEditor(view, event) })
event.preventDefault()
})
},
paste: (event, view) => {
processFileList(view, event.clipboardData?.files) && event.preventDefault()
extractFirstFile(event.clipboardData?.files).ifPresent((file) => {
handleUpload(view, file)
event.preventDefault()
})
}
})
}, [])