fix: Fix focus setting issue.

Author: jaywcjlove

Example/Example/ContentView.swift

@@ -43,8 +43,13 @@ struct ContentView: View {
     @State var theme: Themes = .vscodedark
     @State var enabledSearch = false
     @State var count: Int = 0
+    @FocusState var input: InputFocused?
+    @State private var textForTextField: String = ""
+    enum InputFocused: Hashable {
+        case text, output, test
+    }
     var body: some View {
-        VStack {
+        VStack(spacing: 0) {
 //            ScrollView {
 //                Text(value)
 //            }
@@ -66,6 +71,7 @@ struct ContentView: View {
                 .onContentChange {
                     print("@@@3 Content Did Change")
                 }
+                .focused($input, equals: .text)
                 .frame(maxWidth: .infinity, maxHeight: .infinity)
                 .safeAreaInset(edge: .bottom, spacing: 0) {
                     HStack {
@@ -93,6 +99,26 @@ struct ContentView: View {
                         } label: {
                             Text("SET")
                         }
+                        Button {
+                            self.input = .output
+                        } label: {
+                            Text("Focused1")
+                        }
+                        Button {
+                            self.input = .text
+                        } label: {
+                            Text("Focused text")
+                        }
+                        Button {
+                            self.input = .test
+                        } label: {
+                            Text("Focused3")
+                        }
+                        Button {
+                            self.input = nil
+                        } label: {
+                            Text("Focused4")
+                        }
                         Spacer()
                         Picker("Lang", selection: $language) {
                             ForEach(Language.allCases, id: \.rawValue) {
@@ -113,6 +139,9 @@ struct ContentView: View {
                     .padding(.vertical, 6)
                 }
         }
+        .onAppear() {
+            input = .text
+        }
     }
 }
 

Sources/CodeMirror/CodeMirror.swift

@@ -10,11 +10,18 @@ import SwiftUI
 public struct CodeMirror: View {
     @ObservedObject var vm: CodeMirrorVM = .init()
     @Binding var value: String
+    @FocusState private var isFocused: Bool
     public init(value: Binding<String>) {
         self._value = value
     }
     public var body: some View {
         CodeMirrorView(vm, value: $value)
+            .focused($isFocused)
+            .onChange(of: isFocused, initial: true) { old, val in
+                if old != val {
+                    vm.focused = val
+                }
+            }
     }
     /// Set Line Wrapping
     public func cmLineWrapping(_ value: Binding<Bool>) -> CodeMirror {

Sources/CodeMirror/CodeMirrorVM.swift

@@ -91,6 +91,8 @@ public class CodeMirrorVM: ObservableObject {
     @Published public var language: Language = .json
     @Published public var theme: Themes = .vscodelight
 
+    @Published public var focused = false
+    
     public var onLoadSuccess: (() -> Void)?
     public var onLoadFailed: ((Error) -> Void)?
     public var onContentChange: (() -> Void)?

Sources/CodeMirror/CodeMirrorView.swift

@@ -113,6 +113,12 @@ public struct CodeMirrorView: NativeView {
                 args: ["value": vm.language.rawValue]
             )
         )
+        context.coordinator.queueJavascriptFunction(
+            JavascriptFunction(
+                functionString: vm.focused == true ? "CodeMirror.setFocus()" : "CodeMirror.setBlur()",
+                args: [:]
+            )
+        )
         if previewValue != value {
             context.coordinator.queueJavascriptFunction(
                 JavascriptFunction(

Sources/CodeMirror/web.bundle/codemirror.bundle.js

@@ -296,6 +296,14 @@ function setFoldGutter(enabled) {
   });
 }
 
+function setFocus() {
+  editorView.focus();
+}
+
+function setBlur() {
+  editorView.dom.blur()
+}
+
 export {
   setLanguage,
   getSupportedLanguages,
@@ -308,5 +316,7 @@ export {
   setLineNumber,
   setFoldGutter,
   setEnabledSearch,
+  setFocus,
+  setBlur,
   editorView,
 };