fix: use IPC for clipboard operations instead of execCommand('paste')

document.execCommand('paste') is blocked in Chromium/Electron for security
reasons. Use webContents.cut()/copy()/paste() via IPC for reliable clipboard
operations in the Electron environment. Falls back to Clipboard API in web.

Co-Authored-By: rohandevin5@outlook.com <bossincrypto@gmail.com>

Author: devin-ai-integration[bot]

electron/main.ts

@@ -561,6 +561,10 @@ ipcMain.handle('export:html', async (_event, htmlContent: string) => {
   }
 })
 
+ipcMain.on('edit:cut', () => mainWindow?.webContents.cut())
+ipcMain.on('edit:copy', () => mainWindow?.webContents.copy())
+ipcMain.on('edit:paste', () => mainWindow?.webContents.paste())
+
 ipcMain.on('window:minimize', () => mainWindow?.minimize())
 ipcMain.on('window:maximize', () => {
   if (mainWindow?.isMaximized()) {

electron/preload.ts

@@ -19,6 +19,10 @@ const electronAPI = {
   exportPDF: (htmlContent: string) => ipcRenderer.invoke('export:pdf', htmlContent),
   exportHTML: (htmlContent: string) => ipcRenderer.invoke('export:html', htmlContent),
 
+  editCut: () => ipcRenderer.send('edit:cut'),
+  editCopy: () => ipcRenderer.send('edit:copy'),
+  editPaste: () => ipcRenderer.send('edit:paste'),
+
   minimizeWindow: () => ipcRenderer.send('window:minimize'),
   maximizeWindow: () => ipcRenderer.send('window:maximize'),
   closeWindow: () => ipcRenderer.send('window:close'),

src/App.tsx

@@ -278,13 +278,18 @@ function App() {
           editorRef.current?.chain().focus().redo().run()
           break
         case 'cut':
-          document.execCommand('cut')
+          if (api?.editCut) api.editCut()
+          else document.execCommand('cut')
           break
         case 'copy':
-          document.execCommand('copy')
+          if (api?.editCopy) api.editCopy()
+          else document.execCommand('copy')
           break
         case 'paste':
-          document.execCommand('paste')
+          if (api?.editPaste) api.editPaste()
+          else navigator.clipboard.readText().then(text => {
+            editorRef.current?.chain().focus().insertContent(text).run()
+          }).catch(() => {})
           break
         case 'select-all':
           editorRef.current?.chain().focus().selectAll().run()

src/types.d.ts

@@ -34,6 +34,9 @@ declare global {
     exportHTML: (
       htmlContent: string
     ) => Promise<{ success: boolean; filePath?: string; error?: string }>
+    editCut: () => void
+    editCopy: () => void
+    editPaste: () => void
     minimizeWindow: () => void
     maximizeWindow: () => void
     closeWindow: () => void