Replace search with pagefind

Co-authored-by: riccardobl <4943530+riccardobl@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: riccardobl <4943530+riccardobl@users.noreply.github.com>

Author: Copilot

.github/workflows/main.yml

@@ -35,7 +35,7 @@ jobs:
     strategy:
       matrix:
         #Static version is used to maintain stability.
-        node-version: [12.17.0]
+        node-version: [20.x]
 
     env:
       ALGOLIA_API_KEY: ${{ secrets.ALGOLIA_API_KEY }}
@@ -49,9 +49,10 @@ jobs:
         fetch-depth: 1
 
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
+        cache: npm
 
     # Display the sha of the build triggering the repository_dispatch event.
     - name: wiki-ui-build

.nvmrc

@@ -0,0 +1 @@
+20

package-lock.json

@@ -8,9 +8,12 @@
     "lib": "lib"
   },
   "scripts": {
-    "buildDocs": "npx antora --stacktrace wiki-playbook.yml"
+    "buildDocs": "npx antora --stacktrace wiki-playbook.yml && npx pagefind --site build/site"
   },
   "private": true,
+  "engines": {
+    "node": ">=20"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jMonkeyEngine/wiki.git"
@@ -24,6 +27,7 @@
   "homepage": "https://github.com/jMonkeyEngine/wiki#readme",
   "dependencies": {
     "@antora/cli": "^3.0.1",
+    "pagefind": "^1.4.0",
     "@antora/site-generator": "^3.0.1",
     "asciidoctor-emoji": "^0.3.4"
   }

package.json

@@ -7,19 +7,11 @@
   justify-content: flex-end;
 }
 
-.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
-  max-height: calc(100vh - 3.25rem);
-}
-
 @media screen and (max-width: 768px) {
   .navbar-brand .navbar-item + .navbar-item {
     padding-left: 0;
     padding-right: 0;
   }
-
-  .algolia-autocomplete .ds-dropdown-menu {
-    min-width: calc(100vw - 2.75rem) !important;
-  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -36,20 +28,81 @@
   }
 }
 
-#search-input {
+/* Pagefind search widget in navbar */
+#search {
+  width: 200px;
+  position: relative;
+}
+
+#search .wiki-search-input {
   color: #333;
   font-family: inherit;
   font-size: 0.95rem;
-  width: 100px;
+  width: 100%;
   border: 1px solid #dbdbdb;
-  border-radius: 0.1em;
+  border-radius: 3px;
   line-height: 1.5;
-  padding: 0 0.25em;
+  padding: 0.25rem 0.4rem;
+  background: #fff;
+}
+
+#search .wiki-search-results {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  width: 500px;
+  max-width: 90vw;
+  max-height: 70vh;
+  overflow-y: auto;
+  background: #fff;
+  border: 1px solid #dbdbdb;
+  border-radius: 4px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+  z-index: 1000;
+  padding: 0.5rem 1rem;
+  margin-top: 0.25rem;
+}
+
+#search .wiki-search-item {
+  padding: 0.45rem 0;
+  border-top: 1px solid #efefef;
+}
+
+#search .wiki-search-item:first-child {
+  border-top: 0;
 }
 
-@media screen and (min-width: 769px) {
-  #search-input {
-    width: 200px;
+#search .wiki-search-link {
+  color: #1a0dab;
+  text-decoration: none;
+  font-size: 0.95rem;
+  font-weight: 600;
+}
+
+#search .wiki-search-link:hover {
+  text-decoration: underline;
+}
+
+#search .wiki-search-excerpt {
+  color: #333;
+  margin: 0.2rem 0 0;
+  font-size: 0.85rem;
+  line-height: 1.35;
+}
+
+#search .wiki-search-empty {
+  color: #555;
+  margin: 0;
+  padding: 0.25rem 0;
+}
+
+@media screen and (max-width: 768px) {
+  #search {
+    width: 100px;
+  }
+  #search .wiki-search-results {
+    width: 300px;
+    right: -50px;
   }
 }