search: load metadata asynchronous as JSON

Signed-off-by: Sebastiaan van Stijn <[email protected]>

Author: thaJeztah

_includes/body-landing.html

@@ -473,7 +473,6 @@ <h5 class="title">Educational resources</h5>
   <script src="/js/theme-switcher.js"></script>
   <script src="/js/jquery.js"></script>
   <script src="/js/bootstrap.min.js"></script>
-  <script defer src="/js/metadata.js"></script>
   <script defer src="/js/search.js"></script>
 
   <script>

_includes/body.html

@@ -77,7 +77,6 @@ <h1>{{ page.title }}</h1>
     <script defer src="/js/anchorlinks.js"></script>
     <script src="/js/jquery.js"></script>
     <script src="/js/bootstrap.min.js"></script>
-    <script defer src="/js/metadata.js"></script>
     <script defer src="/js/docs.js"></script>
     <script defer src="/js/search.js"></script>
     {%- include analytics/polldaddy.html -%}

js/metadata.js renamed to js/metadata.json

@@ -1,7 +1,7 @@
 ---
 layout: null
 ---
-const pages = [
+[
 {%- for page in site.html_pages -%}
     {%- if page.hide_from_sitemap != nil or page.notoc != nil -%}
         {%- continue -%}

js/search.js

@@ -191,4 +191,9 @@ function queryString()
     return vars;
 }
 
-$(document).ready(bindSearch);
+let pages = []
+
+ready(() => {
+    getJSON( "/js/metadata.json", data => pages = data);
+    bindSearch()
+})