Fix Lunr search

Author: Janaka-Steph

src/css/search.css

@@ -28,7 +28,7 @@
   z-index: 100;
   display: block;
   right: 0;
-  left: 20px;
+  left: 20px !important;
   top: 100%;
   border-radius: 4px;
   margin: 6px 0 0;

src/js/vendor/search-lunr.bundle.js

@@ -10,8 +10,6 @@
 <script src="https://unpkg.com/tippy.js@5"></script>
 {{!-- End Tooltip --}}
 
-<script type="text/javascript" src="{{uiRootPath}}/js/vendor/search-lunr.js"></script>
-<script type="text/javascript" src="{{uiRootPath}}/../search-index.js"></script>
 <script type="text/javascript" src="{{uiRootPath}}/js/vendor/highlight.js"></script>
 <script type="text/javascript" src="{{uiRootPath}}/js/vendor/clipboard.js"></script>
 <script type="text/javascript" src="{{uiRootPath}}/js/vendor/tippy.js"></script>
@@ -31,40 +29,6 @@
   }
 </script>
 
-{{!--
-{{#if env.ALGOLIA_API_KEY}}
-  <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
-  <script>
-    function focusSearchInput () { document.querySelector('#search-input').focus() }
-    var search = docsearch({
-      {{#if env.ALGOLIA_APP_ID}}
-        appId: '{{env.ALGOLIA_APP_ID}}',
-      {{/if}}
-      apiKey: '{{env.ALGOLIA_API_KEY}}',
-      indexName: '{{env.ALGOLIA_IDX_NAME}}',
-      inputSelector: '#search-input',
-      autocompleteOptions: { hint: false, keyboardShortcuts: ['s'] },
-      algoliaOptions: { hitsPerPage: 10 },
-      debug: false,
-    }).autocomplete
-    search.on('autocomplete:closed', function () { search.autocomplete.setVal() })
-    focusSearchInput()
-    window.addEventListener('load', focusSearchInput)
-
-    /*
-    docsearch({
-      // Your apiKey and indexName will be given to you once
-      // we create your config
-      apiKey: '25626fae796133dc1e734c6bcaaeac3c',
-      indexName: 'docsearch',
-      //appId: '<APP_ID>', // Should be only included if you are running DocSearch on your own.
-      // Replace inputSelector with a CSS selector
-      // matching your search input
-      inputSelector: '#search-input',
-      // Set debug to true if you want to inspect the dropdown
-      debug: false,
-    })
-    */
-  </script>
+{{#if env.SITE_SEARCH_PROVIDER}}
+  {{> search-scripts}}
 {{/if}}
---}}

src/partials/footer-scripts.hbs

@@ -1,21 +1,3 @@
 <div class="navbar-item">
   <input id="search-input" type="text" placeholder="Search docs">
 </div>
-
-{{!--
-<div id="search-box" class="search-box is-active">
-  <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;">
-    <input id="search-input" type="text" placeholder="Search the documentation" class="ds-input" autocomplete="off" spellcheck="false"
-           role="combobox" aria-autocomplete="list" aria-expanded="false" aria-label="search input"
-           aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;"
-    >
-    <pre aria-hidden="true"
-         style="position: absolute; visibility: hidden; white-space: pre; font-family: 'open sans', sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: normal; text-indent: 0px; text-rendering: auto; text-transform: none;">
-    </pre>
-    <span class="ds-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0"
-          style="position: absolute; top: 100%; z-index: 100; left: 0px; right: auto; display: none;">
-      <div class="ds-dataset-1"></div>
-    </span>
-  </span>
-</div>
---}}