Algolia fix docs search (#6105)

* wip:Algolia fix 2

Signed-off-by: OrlinVasilev <ovasilev@vmware.com>

* wip:Algolia fix 2

Signed-off-by: OrlinVasilev <ovasilev@vmware.com>

* Algolia fix 2

Signed-off-by: OrlinVasilev <ovasilev@vmware.com>

* Update site/layouts/partials/head-docs.html

Co-authored-by: Tiger Kaovilai <passawit.kaovilai@gmail.com>
Signed-off-by: Orlix <7236111+OrlinVasilev@users.noreply.github.com>

---------

Signed-off-by: OrlinVasilev <ovasilev@vmware.com>
Signed-off-by: Orlix <7236111+OrlinVasilev@users.noreply.github.com>
Co-authored-by: Tiger Kaovilai <passawit.kaovilai@gmail.com>

site/algolia-crawler.json

@@ -0,0 +1,90 @@
+new Crawler({
+  rateLimit: 8,
+  maxDepth: 10,
+  startUrls: ["https://velero.io/docs", "https://velero.io/"],
+  renderJavaScript: false,
+  sitemaps: ["https://velero.io/sitemap.xml"],
+  ignoreCanonicalTo: false,
+  discoveryPatterns: ["https://velero.io/**"],
+  schedule: "at 6:39 PM on Friday",
+  actions: [
+    {
+      indexName: "velero_new",
+      pathsToMatch: ["https://velero.io/docs**/**"],
+      recordExtractor: ({ helpers }) => {
+        return helpers.docsearch({
+          recordProps: {
+            lvl1: ["header h1", "article h1", "main h1", "h1", "head > title"],
+            content: ["article p, article li", "main p, main li", "p, li"],
+            lvl0: {
+              defaultValue: "Documentation",
+            },
+            lvl2: ["article h2", "main h2", "h2"],
+            lvl3: ["article h3", "main h3", "h3"],
+            lvl4: ["article h4", "main h4", "h4"],
+            lvl5: ["article h5", "main h5", "h5"],
+            lvl6: ["article h6", "main h6", "h6"],
+            version: "#dropdownMenuButton",
+          },
+          aggregateContent: true,
+          recordVersion: "v3",
+        });
+      },
+    },
+  ],
+  initialIndexSettings: {
+    velero_new: {
+      attributesForFaceting: ["type", "lang", "version"],
+      attributesToRetrieve: [
+        "hierarchy",
+        "content",
+        "anchor",
+        "url",
+        "url_without_anchor",
+        "type",
+        "version",
+      ],
+      attributesToHighlight: ["hierarchy", "content"],
+      attributesToSnippet: ["content:10"],
+      camelCaseAttributes: ["hierarchy", "content"],
+      searchableAttributes: [
+        "unordered(hierarchy.lvl0)",
+        "unordered(hierarchy.lvl1)",
+        "unordered(hierarchy.lvl2)",
+        "unordered(hierarchy.lvl3)",
+        "unordered(hierarchy.lvl4)",
+        "unordered(hierarchy.lvl5)",
+        "unordered(hierarchy.lvl6)",
+        "content",
+      ],
+      distinct: true,
+      attributeForDistinct: "url",
+      customRanking: [
+        "desc(weight.pageRank)",
+        "desc(weight.level)",
+        "asc(weight.position)",
+      ],
+      ranking: [
+        "words",
+        "filters",
+        "typo",
+        "attribute",
+        "proximity",
+        "exact",
+        "custom",
+      ],
+      highlightPreTag: '<span class="algolia-docsearch-suggestion--highlight">',
+      highlightPostTag: "</span>",
+      minWordSizefor1Typo: 3,
+      minWordSizefor2Typos: 7,
+      allowTyposOnNumericTokens: false,
+      minProximity: 1,
+      ignorePlurals: true,
+      advancedSyntax: true,
+      attributeCriteriaComputedByMinProximity: true,
+      removeWordsIfNoResults: "allOptional",
+    },
+  },
+  appId: "9ASKQJ1HR3",
+  apiKey: "6392a5916af73b73df2406d3aef5ca45",
+});

site/layouts/docs/docs.html

@@ -27,14 +27,16 @@
           <div class="col-md-3 toc">
             {{ .Render "versions" }}
             <br/>
-            <form class="d-flex align-items-center">
+            <div id="docsearch">
+              <!-- <form class="d-flex align-items-center">
                 <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;">
-                            <input type="search" class="form-control docsearch-input" id="search-input" placeholder="Search..."
+                  <input type="search" class="form-control docsearch" id="search-input" placeholder="Search..."
                           aria-label="Search for..." autocomplete="off" spellcheck="false" role="combobox"
                           aria-autocomplete="list" aria-expanded="false" aria-owns="algolia-autocomplete-listbox-0"
                           dir="auto" style="position: relative; vertical-align: top;">
                 </span>
-            </form>
+            </form> -->
+          </div>
             {{ .Render "nav" }}
           </div>
           <div class="col-md-8">
@@ -56,13 +58,14 @@
     {{ .Render "footer" }}
   </div>
 </div>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
 <script type="text/javascript"> docsearch({
-    apiKey: '3d80f66bb5ecf85f8e2760caef383f24',
+    appId: '9ASKQJ1HR3',
-    indexName: 'velero',
+    apiKey: '170ba79bfa16cebfdf10726ae4771d7e',
-    inputSelector: '.docsearch-input',
+    indexName: 'velero_new',
-    algoliaOptions: {'facetFilters': ["version:{{ .CurrentSection.Params.version }}"]},
+    container: '#docsearch',
-    debug: false // Set debug to true if you want to inspect the dropdown
+    searchParameters: {
+      facetFilters: ["version:{{ .CurrentSection.Params.version }}"]},
   });
 </script>
 </body>

site/layouts/partials/head-docs.html

@@ -8,4 +8,6 @@
   {{ $styles := resources.Get "styles.scss" | toCSS $options | resources.Fingerprint }}
   <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}">
   {{/* TODO  {% seo %}*/}}
+  <link rel="preconnect" href="https://9ASKQJ1HR3-dsn.algolia.net" crossorigin />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
 </head>