Merge pull request #98 from vilpessoa/claude/lucid-ride-2l9V2

Fix: melhorar handler de paste no editor DAX

Author: vilpessoa

src/components/DaxEditor.tsx

@@ -8,7 +8,7 @@ import {
   TooltipTrigger,
 } from '@/components/ui/tooltip';
 import { Compartment, EditorState, StateEffect, StateField, RangeSetBuilder } from '@codemirror/state';
-import { EditorView, keymap, lineNumbers, highlightActiveLine, Decoration, type DecorationSet, ViewPlugin } from '@codemirror/view';
+import { EditorView, keymap, lineNumbers, highlightActiveLine, Decoration, type DecorationSet } from '@codemirror/view';
 import { defaultKeymap, history, historyKeymap, indentWithTab, undo, redo } from '@codemirror/commands';
 import { syntaxHighlighting, HighlightStyle, bracketMatching } from '@codemirror/language';
 import { search, highlightSelectionMatches } from '@codemirror/search';
@@ -94,8 +94,8 @@ const errorBaseTheme = EditorView.baseTheme({
   },
 });
 
-const pastePlugin = ViewPlugin.define((view) => {
-  const handlePaste = (event: ClipboardEvent) => {
+const pasteHandler = EditorView.domEventHandlers({
+  paste(event, view) {
     const text = event.clipboardData?.getData('text/plain');
     if (text) {
       const { state } = view;
@@ -105,17 +105,10 @@ const pastePlugin = ViewPlugin.define((view) => {
         selection: { anchor: from + text.length },
       });
       event.preventDefault();
+      return true;
     }
-  };
-
-  const dom = view.dom;
-  dom.addEventListener('paste', handlePaste, { passive: false });
-
-  return {
-    destroy() {
-      dom.removeEventListener('paste', handlePaste);
-    },
-  };
+    return false;
+  },
 });
 
 
@@ -377,7 +370,7 @@ export const DaxEditor = forwardRef<DaxEditorHandle, DaxEditorProps>(function Da
         colorPickerExtension(swatchCallbackRef),
         errorField,
         errorBaseTheme,
-        pastePlugin,
+        pasteHandler,
         highlightCompartmentRef.current.of(syntaxHighlighting(buildHighlight(daxEditorTheme, theme))),
         themeCompartmentRef.current.of(buildTheme(daxEditorTheme, theme)),
         fontCompartmentRef.current.of(buildFontSizeTheme(fontSize)),
@@ -412,8 +405,25 @@ export const DaxEditor = forwardRef<DaxEditorHandle, DaxEditorProps>(function Da
     const handleScroll = () => setShowScrollTop(scroller.scrollTop > 300);
     scroller.addEventListener('scroll', handleScroll, { passive: true });
 
+    // Add global paste handler to ensure paste works even if editor loses focus
+    const handleGlobalPaste = (event: ClipboardEvent) => {
+      const text = event.clipboardData?.getData('text/plain');
+      if (text && containerRef.current?.contains(document.activeElement)) {
+        const { state } = view;
+        const { from, to } = state.selection.main;
+        view.dispatch({
+          changes: { from, to, insert: text },
+          selection: { anchor: from + text.length },
+        });
+        event.preventDefault();
+      }
+    };
+
+    document.addEventListener('paste', handleGlobalPaste, { capture: true });
+
     return () => {
       scroller.removeEventListener('scroll', handleScroll);
+      document.removeEventListener('paste', handleGlobalPaste, true);
       view.destroy();
       viewRef.current = null;
     };