49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import { Extension } from '@tiptap/core'
|
|
import { toast } from 'sonner'
|
|
|
|
/**
|
|
* Extension TipTap qui intercepte les commandes d'annulation (Undo) et de rétablissement (Redo)
|
|
* pour lever un toast discret (2 secondes) de confirmation, en indiquant dynamiquement le raccourci de l'action inverse selon l'OS.
|
|
*/
|
|
export const UndoRedoFeedbackExtension = Extension.create({
|
|
name: 'undoRedoFeedback',
|
|
|
|
addKeyboardShortcuts() {
|
|
const isMac = typeof window !== 'undefined' && /Mac|iPod|iPhone|iPad/.test(navigator.userAgent)
|
|
const modKey = isMac ? '⌘' : 'Ctrl'
|
|
|
|
return {
|
|
'Mod-z': () => {
|
|
const success = this.editor.commands.undo()
|
|
if (success) {
|
|
toast.info('Action annulée', {
|
|
description: `Faites ${modKey}+Maj+Z pour rétablir.`,
|
|
duration: 2000,
|
|
})
|
|
}
|
|
return success
|
|
},
|
|
'Mod-y': () => {
|
|
const success = this.editor.commands.redo()
|
|
if (success) {
|
|
toast.info('Action rétablie', {
|
|
description: `Faites ${modKey}+Z pour annuler.`,
|
|
duration: 2000,
|
|
})
|
|
}
|
|
return success
|
|
},
|
|
'Mod-Shift-z': () => {
|
|
const success = this.editor.commands.redo()
|
|
if (success) {
|
|
toast.info('Action rétablie', {
|
|
description: `Faites ${modKey}+Z pour annuler.`,
|
|
duration: 2000,
|
|
})
|
|
}
|
|
return success
|
|
},
|
|
}
|
|
},
|
|
})
|