Wire up NSSearchField

Author: dteoh

devdocs-macos/DocumentationViewController.swift

@@ -110,6 +110,12 @@ class DocumentationViewController: NSViewController {
 
     // MARK:- Page search
 
+    @IBAction func searchDocumentation(_ sender: NSSearchField) {
+        let argsBytes = try! JSONSerialization.data(withJSONObject: ["term": sender.stringValue])
+        let args = NSString(data: argsBytes, encoding: String.Encoding.utf8.rawValue)! as String
+        webView.evaluateJavaScript("search( (\(args))[\"term\"] );")
+    }
+
     func showSearchControl() {
         if viewerState != .ready {
             return
@@ -304,3 +310,10 @@ extension DocumentationViewController: SearchControlDelegate {
         webView.evaluateJavaScript("resetSearch();")
     }
 }
+
+// MARK:- NSSearchFieldDelegate
+extension DocumentationViewController: NSSearchFieldDelegate {
+    func searchFieldDidEndSearching(_ sender: NSSearchField) {
+        webView.evaluateJavaScript("resetSearch();")
+    }
+}

devdocs-macos/DocumentationWindow.xib

@@ -33,11 +33,15 @@
                         <searchField key="view" verticalHuggingPriority="750" textCompletion="NO" id="nuW-bv-dAc">
                             <rect key="frame" x="0.0" y="0.0" width="100" height="21"/>
                             <autoresizingMask key="autoresizingMask"/>
-                            <searchFieldCell key="cell" scrollable="YES" lineBreakMode="clipping" selectable="YES" editable="YES" sendsActionOnEndEditing="YES" borderStyle="bezel" usesSingleLineMode="YES" bezelStyle="round" sendsSearchStringImmediately="YES" id="elf-l7-B2W">
+                            <searchFieldCell key="cell" scrollable="YES" lineBreakMode="clipping" selectable="YES" editable="YES" borderStyle="bezel" usesSingleLineMode="YES" bezelStyle="round" recentsAutosaveName="content-search-term" id="elf-l7-B2W">
                                 <font key="font" usesAppearanceFont="YES"/>
                                 <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
                                 <color key="backgroundColor" name="textBackgroundColor" catalog="System" colorSpace="catalog"/>
                             </searchFieldCell>
+                            <connections>
+                                <action selector="searchDocumentation:" target="f61-KY-zVD" id="ZAe-5r-fMu"/>
+                                <outlet property="delegate" destination="f61-KY-zVD" id="6cm-hv-cR5"/>
+                            </connections>
                         </searchField>
                     </searchToolbarItem>
                 </allowedToolbarItems>