95 lines
2.9 KiB
TypeScript
95 lines
2.9 KiB
TypeScript
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
|
|
|
|
export enum MarkdownOperator {
|
|
H1 = '# ',
|
|
H2 = '## ',
|
|
H3 = '### ',
|
|
H4 = '#### ',
|
|
H5 = '##### ',
|
|
H6 = '###### ',
|
|
ITALLICS = '_',
|
|
BOLD = '**',
|
|
BULLET = '* ',
|
|
DIVIDER = '\n\n---\n',
|
|
QUOTE = '> ',
|
|
RIGHTALIGN = 'htmlRightAlign' // Not a real operator
|
|
}
|
|
|
|
const wrapperOperators = [
|
|
MarkdownOperator.ITALLICS,
|
|
MarkdownOperator.BOLD
|
|
]
|
|
|
|
const htmlWrappers = [
|
|
MarkdownOperator.RIGHTALIGN
|
|
]
|
|
|
|
const getHtmlWrappedText = (text: string, htmlWrapper: (typeof htmlWrappers)[number]) => {
|
|
if (htmlWrapper === MarkdownOperator.RIGHTALIGN) {
|
|
return `<span style="text-align:right">\n\n${text}\n\n</span>\n`
|
|
}
|
|
}
|
|
|
|
const createDiffEditorInteractions = (editor: monaco.editor.IStandaloneDiffEditor) => {
|
|
const modifiedEditor = editor.getModifiedEditor()
|
|
|
|
return {
|
|
undo: () => { },
|
|
redo: () => { },
|
|
insertMarkdownOperator: (operator: MarkdownOperator) => {
|
|
const selection = modifiedEditor.getSelection()
|
|
if (!selection) return
|
|
|
|
const { startColumn, startLineNumber, endColumn, endLineNumber } = selection
|
|
|
|
const doesSelectionHaveRange = (endLineNumber > startLineNumber) || (endColumn > startColumn)
|
|
|
|
let range: monaco.IRange = { startColumn, startLineNumber, endColumn, endLineNumber, }
|
|
let newText = modifiedEditor.getModel()?.getValueInRange(range) || ''
|
|
|
|
const lineOfCursor = startLineNumber
|
|
const lengthOfLine = (modifiedEditor.getModel()?.getLineLength(lineOfCursor) || 1) + 1
|
|
|
|
const wordAtStartPosition = modifiedEditor.getModel()?.getWordAtPosition({
|
|
column: startColumn, lineNumber: startLineNumber
|
|
})
|
|
|
|
if (operator == MarkdownOperator.DIVIDER) {
|
|
range = {
|
|
startLineNumber,
|
|
startColumn: lengthOfLine,
|
|
endLineNumber,
|
|
endColumn: lengthOfLine,
|
|
}
|
|
|
|
newText = `${operator}`
|
|
} else if (wrapperOperators.includes(operator) || htmlWrappers.includes(operator)) {
|
|
if (!doesSelectionHaveRange && wordAtStartPosition) range = {
|
|
startLineNumber,
|
|
startColumn: wordAtStartPosition.startColumn,
|
|
endLineNumber,
|
|
endColumn: wordAtStartPosition.endColumn
|
|
}
|
|
if (htmlWrappers.includes(operator)) {
|
|
newText = getHtmlWrappedText(modifiedEditor.getModel()?.getValueInRange(range) || '', operator) || ''
|
|
} else newText = `${operator}${modifiedEditor.getModel()?.getValueInRange(range)}${operator}`
|
|
} else {
|
|
range = {
|
|
startLineNumber,
|
|
startColumn: 0,
|
|
endLineNumber,
|
|
endColumn: 0
|
|
}
|
|
|
|
newText = `${operator}${modifiedEditor.getModel()?.getValueInRange(range)}`
|
|
}
|
|
|
|
modifiedEditor.executeEdits('editor', [{ range, text: newText }])
|
|
modifiedEditor.pushUndoStop()
|
|
modifiedEditor.focus()
|
|
}
|
|
}
|
|
}
|
|
|
|
export default createDiffEditorInteractions
|