adding new handler for keyboard shortcut paste

Author: zutshisunakshi

src/handlers.ts

@@ -0,0 +1,15 @@
+const unformatted = new WeakMap<HTMLElement, boolean>()
+
+export function handleUnformatted(event: KeyboardEvent): void {
+  const {currentTarget: el} = event
+  if (event.code === 'KeyV' && (event.ctrlKey || event.metaKey) && event.shiftKey) {
+    unformatted.set(el as HTMLElement, true)
+  }
+}
+
+export function isUnformatted(el: HTMLElement): boolean {
+  const isUnformattedState = unformatted.get(el) ?? false
+  unformatted.delete(el)
+
+  return isUnformattedState
+}

src/paste-markdown-html.ts

@@ -1,15 +1,20 @@
+import {handleUnformatted, isUnformatted} from './handlers'
 import {insertText} from './text'
 
 export function install(el: HTMLElement): void {
+  el.addEventListener('keydown', handleUnformatted)
   el.addEventListener('paste', onPaste)
 }
 
 export function uninstall(el: HTMLElement): void {
+  el.removeEventListener('keydown', handleUnformatted)
   el.removeEventListener('paste', onPaste)
 }
 
 function onPaste(event: ClipboardEvent) {
   const transfer = event.clipboardData
+  const {currentTarget: el} = event
+  if (isUnformatted(el as HTMLElement)) return
   // if there is no clipboard data, or
   // if there is no html content in the clipboard, return
   if (!transfer || !hasHTML(transfer)) return

src/paste-markdown-image-link.ts

@@ -1,14 +1,16 @@
 /* @flow strict */
-
+import {handleUnformatted, isUnformatted} from './handlers'
 import {insertText} from './text'
 
 export function install(el: HTMLElement): void {
+  el.addEventListener('keydown', handleUnformatted)
   el.addEventListener('dragover', onDragover)
   el.addEventListener('drop', onDrop)
   el.addEventListener('paste', onPaste)
 }
 
 export function uninstall(el: HTMLElement): void {
+  el.removeEventListener('keydown', handleUnformatted)
   el.removeEventListener('dragover', onDragover)
   el.removeEventListener('drop', onDrop)
   el.removeEventListener('paste', onPaste)
@@ -38,6 +40,9 @@ function onDragover(event: DragEvent) {
 }
 
 function onPaste(event: ClipboardEvent) {
+  const {currentTarget: el} = event
+  if (isUnformatted(el as HTMLElement)) return
+
   const transfer = event.clipboardData
   if (!transfer || !hasLink(transfer)) return
 

src/paste-markdown-link.ts

@@ -1,14 +1,20 @@
+import {handleUnformatted, isUnformatted} from './handlers'
 import {insertText} from './text'
 
 export function install(el: HTMLElement): void {
+  el.addEventListener('keydown', handleUnformatted)
   el.addEventListener('paste', onPaste)
 }
 
 export function uninstall(el: HTMLElement): void {
+  el.removeEventListener('keydown', handleUnformatted)
   el.removeEventListener('paste', onPaste)
 }
 
 function onPaste(event: ClipboardEvent) {
+  const {currentTarget: el} = event
+  if (isUnformatted(el as HTMLElement)) return
+
   const transfer = event.clipboardData
   if (!transfer || !hasPlainText(transfer)) return
 

src/paste-markdown-table.ts

@@ -1,12 +1,15 @@
+import {handleUnformatted, isUnformatted} from './handlers'
 import {insertText} from './text'
 
 export function install(el: HTMLElement): void {
+  el.addEventListener('keydown', handleUnformatted)
   el.addEventListener('dragover', onDragover)
   el.addEventListener('drop', onDrop)
   el.addEventListener('paste', onPaste)
 }
 
 export function uninstall(el: HTMLElement): void {
+  el.removeEventListener('keydown', handleUnformatted)
   el.removeEventListener('dragover', onDragover)
   el.removeEventListener('drop', onDrop)
   el.removeEventListener('paste', onPaste)
@@ -35,6 +38,9 @@ function onDragover(event: DragEvent) {
 }
 
 function onPaste(event: ClipboardEvent) {
+  const {currentTarget: el} = event
+  if (isUnformatted(el as HTMLElement)) return
+
   if (!event.clipboardData) return
 
   const textToPaste = generateText(event.clipboardData)

src/paste-markdown-text.ts

@@ -1,14 +1,20 @@
+import {handleUnformatted, isUnformatted} from './handlers'
 import {insertText} from './text'
 
 export function install(el: HTMLElement): void {
+  el.addEventListener('keydown', handleUnformatted)
   el.addEventListener('paste', onPaste)
 }
 
 export function uninstall(el: HTMLElement): void {
+  el.removeEventListener('keydown', handleUnformatted)
   el.removeEventListener('paste', onPaste)
 }
 
 function onPaste(event: ClipboardEvent) {
+  const {currentTarget: el} = event
+  if (isUnformatted(el as HTMLElement)) return
+
   const transfer = event.clipboardData
   if (!transfer || !hasMarkdown(transfer)) return