Add lunr search

dshevtsov · dshevtsov · commit 760c3ed975cb · 2023-04-21T17:38:52.000-05:00
diff --git a/_includes/home/intro.html b/_includes/home/intro.html
@@ -6,14 +6,17 @@ <h1>Magento {{ page.guide_version }} Developer Documentation</h1>
     <p>Everything you need to build and manage a customized Magento store.</p>
 
     <div class="search-form">
-      <form class="input-group" action="{{ page.baseurl }}/search.html" method="get">
-        <input type="search" autocomplete="off" name="q" placeholder="Looking for something specific?" class="form-control search-field" />
+      <form class="input-group" action="search" method="get">
+        <input type="search" autocomplete="off" id="search-box" name="query" placeholder="Looking for something specific?" class="form-control search-field" />
         <i class="search-icon"></i>
         <div class="input-group-btn">
           <button type="submit" class="btn btn-primary btn-large search-submit">Search</button>
         </div>
       </form>
+      <ul id="search-results" class="search-results"></ul>
     </div>
-
+    <script src="{{ site.baseurl }}/js/search-content.js"></script>
+    <script src="{{ site.baseurl }}/js/lunr.js"></script>
+    <script src="{{ site.baseurl }}/js/search.js"></script>
   </div>
 </section><!-- END home-intro -->
diff --git a/_includes/layout/search-lunr.html b/_includes/layout/search-lunr.html
@@ -0,0 +1,15 @@
+<!-- Credits to https://thomascfoulds.com/2020/07/27/jekyll-static-site-search-lunr.html -->
+
+<div class="search-form">
+  <form class="input-group" action="search" method="get">
+    <input type="search" autocomplete="off" id="search-box" name="query" placeholder="Search the site" class="form-control search-field" />
+    <i class="search-icon"></i>
+    <div class="input-group-btn">
+        <button type="submit" class="btn btn-primary btn-large search-submit">Search</button>
+    </div>
+  </form>
+  <ul id="search-results" class="search-results"></ul>
+</div>
+<script src="{{ site.baseurl }}/js/search-content.js"></script>
+<script src="{{ site.baseurl }}/js/lunr.js"></script>
+<script src="{{ site.baseurl }}/js/search.js"></script>
diff --git a/_layouts/search_lunr.html b/_layouts/search_lunr.html
@@ -0,0 +1,5 @@
+{% include layout/header.html %}
+
+{% include layout/search-lunr.html %}
+
+{% include layout/footer.html %}
diff --git a/guides/v2.1/search.md b/guides/v2.1/search.md
@@ -1,5 +1,5 @@
 ---
-layout: search
+layout: search_lunr
 group:
 subgroup:
 title: Search Results
diff --git a/js/search-content.js b/js/search-content.js
@@ -1,4 +1,5 @@
 ---
+layout: null
 ---
 
 // Credits to https://thomascfoulds.com/2020/07/27/jekyll-static-site-search-lunr.html
diff --git a/js/search.js b/js/search.js
@@ -56,4 +56,5 @@
       var results = idx.search(searchTerm); // Get lunr to perform a search
       displaySearchResults(results, window.store); // We'll write this in the next section
     }
-  })();
+  })();
+  
diff --git a/search.md b/search.md
@@ -1,5 +1,5 @@
 ---
-layout: search
+layout: search_lunr
 group:
 subgroup:
 title: Search Results

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`---`
	`2`	`+layout: null`
`2`	`3`	`---`
`3`	`4`
`4`	`5`	`// Credits to https://thomascfoulds.com/2020/07/27/jekyll-static-site-search-lunr.html`
Original file line number	Diff line number	Diff line change
`@@ -56,4 +56,5 @@`
`56`	`56`	`var results = idx.search(searchTerm); // Get lunr to perform a search`
`57`	`57`	`displaySearchResults(results, window.store); // We'll write this in the next section`
`58`	`58`	`}`
`59`		`- })();`
	`59`	`+ })();`
	`60`	`+`