Implement search, loading on demand

layouts/home.json

@@ -1,10 +0,0 @@
-window.lunrData = [
-{{ range $index, $page := .Site.Pages }}
-    {{- if and $index (gt $index 0) -}},{{- end }}
-    {
-        "href": "{{ $page.RelPermalink }}",
-        "title": "{{ htmlEscape $page.Title }}",
-        "content": {{ $page.Plain | jsonify }}
-    }
-{{- end -}}
-]

layouts/partials/docs/html-head.html

@@ -6,8 +6,11 @@
 {{- $styles := resources.Get "book.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
 <link rel="stylesheet" href="{{ $styles.RelPermalink }}">
 
-{{- $search := resources.Get "search.js" | resources.ExecuteAsTemplate "search.js" . | resources.Minify | resources.Fingerprint }}
-<script src="{{ $search.RelPermalink }}"></script>
+{{ if default true .Site.Params.BookSearch }}
+{{- $searchJS := resources.Get "search.js" | resources.ExecuteAsTemplate "search.js" . | resources.Minify | resources.Fingerprint }}
+<script defer src="{{ "lunr.min.js" | relURL }}"></script>
+<script defer src="{{ $searchJS.RelPermalink }}"></script>
+{{ end }}
 
 <!-- Favicon -->
 <link rel="icon" href="{{ "favicon.png" | relURL }}" type="image/x-icon">

layouts/partials/docs/search.html

@@ -1,2 +1,9 @@
-<input type="text" placeholder="Search" class="book-search" id="book-search" />
-<ul id="book-search-results"></ul>
+{{ if default true .Site.Params.BookSearch }}
+<div class="book-search">
+  <ul id="book-search-dummy" class="hidden">
+    <li><a href></a></li>
+  </ul>
+  <input type="text" placeholder="Search" id="book-search-input" />
+  <ul id="book-search-results"></ul>
+</div>
+{{ end }}