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,25 @@
   }
 }
 
-#search-input {
+/* Pagefind search widget in navbar */
+#search {
+  width: 200px;
+}
+
+#search .pagefind-ui__search-input {
   color: #333;
   font-family: inherit;
   font-size: 0.95rem;
-  width: 100px;
+  width: 100%;
   border: 1px solid #dbdbdb;
   border-radius: 0.1em;
   line-height: 1.5;
   padding: 0 0.25em;
 }
 
-@media screen and (min-width: 769px) {
-  #search-input {
-    width: 200px;
+@media screen and (max-width: 768px) {
+  #search {
+    width: 100px;
   }
 }