feat: use fzf to search

Using fzf supports CJK languages

Author: duskmoon314

src/renderer/html_handlebars/search.rs

@@ -55,6 +55,7 @@ pub fn create_files(search_config: &Search, destination: &Path, book: &Book) ->
         utils::fs::write_file(destination, "searcher.js", searcher::JS)?;
         utils::fs::write_file(destination, "mark.min.js", searcher::MARK_JS)?;
         utils::fs::write_file(destination, "elasticlunr.min.js", searcher::ELASTICLUNR_JS)?;
+        utils::fs::write_file(destination, "fzf.umd.min.js", searcher::FZF_JS)?;
         debug!("Copying search files ✓");
     }
 

src/theme/index.hbs

@@ -311,6 +311,7 @@
         {{#if search_js}}
         <script src="{{ path_to_root }}elasticlunr.min.js"></script>
         <script src="{{ path_to_root }}mark.min.js"></script>
+        <script src="{{ path_to_root }}fzf.umd.min.js"></script>
         <script src="{{ path_to_root }}searcher.js"></script>
         {{/if}}
 

src/theme/searcher/fzf.umd.min.js

@@ -4,3 +4,4 @@
 pub static JS: &[u8] = include_bytes!("searcher.js");
 pub static MARK_JS: &[u8] = include_bytes!("mark.min.js");
 pub static ELASTICLUNR_JS: &[u8] = include_bytes!("elasticlunr.min.js");
+pub static FZF_JS: &[u8] = include_bytes!("fzf.umd.min.js");

src/theme/searcher/mod.rs

@@ -6,7 +6,9 @@ window.search = window.search || {};
     // You can use !hasFocus() to prevent keyhandling in your key
     // event handlers while the user is typing their search.
 
-    if (!Mark || !elasticlunr) {
+    const Fzf = window.fzf.Fzf;
+
+    if (!Mark || !elasticlunr || !Fzf) {
         return;
     }
 
@@ -252,12 +254,39 @@ window.search = window.search || {};
         return teaser_split.join('');
     }
 
+    function fzfLoad(index) {
+        const docs = index.documentStore.docs;
+        const fzf = new Fzf(Object.keys(docs), {
+            selector: (id) => {
+                const doc = docs[id];
+                return `${doc.title} ${doc.breadcrumbs} ${doc.body}`
+            }
+        });
+
+        return {
+            search: (term, _options) => {
+                const entries = fzf.find(term);
+                const res = entries.map((entry) => {
+                    // TODO: use score to rank results
+                    const { item, _score } = entry;
+                    return {
+                        doc: docs[item],
+                        ref: item,
+                    }
+                });
+                return res;
+            }
+        }
+    }
+
     function init(config) {
         results_options = config.results_options;
         search_options = config.search_options;
         searchbar_outer = config.searchbar_outer;
         doc_urls = config.doc_urls;
-        searchindex = elasticlunr.Index.load(config.index);
+        // searchindex = elasticlunr.Index.load(config.index);
+        searchindex = fzfLoad(config.index);
+
 
         // Set up events
         searchicon.addEventListener('click', function(e) { searchIconClickHandler(); }, false);