Feature offline search

README.md

@@ -26,6 +26,8 @@ $ npm start
 
 This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
 
+**Note:** The Serach bar does not run in development mode and will be greyed out. To test the serach. Use the Build and Test commands below.
+
 ### Build
 
 It would help if you verified all your changes with a local build.

docusaurus.config.js

@@ -88,7 +88,11 @@ const config = {
           // { to: '/blog', label: 'Blog', position: 'left' },
           {
             type: 'search',
-            position: 'right',
+            position: 'left',
+          },
+          {
+            type: 'custom-customSearchBar', 
+            position: "right",
           },
           {
             to: 'https://www.shesha.io/get-started-with-shesha',
@@ -172,6 +176,7 @@ const config = {
       defer: true,
     }
   ],
+  plugins: [require.resolve('docusaurus-lunr-search')]
 };
 
 export default config;  

package.json

@@ -14,22 +14,23 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@ant-design/icons": "^5.2.6",
-    "@docusaurus/core": "3.0.0",
-    "@docusaurus/preset-classic": "3.0.0",
-    "@mdx-js/react": "^3.0.0",
-    "antd": "^5.11.1",
-    "clsx": "^1.2.1",
-    "markdown-to-jsx": "^7.3.2",
+    "@ant-design/icons": "^5.4.0",
+    "@docusaurus/core": "3.4.0",
+    "@docusaurus/preset-classic": "3.4.0",
+    "@mdx-js/react": "^3.0.1",
+    "antd": "^5.20.0",
+    "clsx": "^2.1.1",
+    "docusaurus-lunr-search": "^3.4.0",
+    "markdown-to-jsx": "^7.4.7",
     "package.json": "^2.0.1",
     "prism-react-renderer": "^2.3.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-icons": "^4.12.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.2.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.0.0",
-    "@docusaurus/types": "3.0.0"
+    "@docusaurus/module-type-aliases": "3.4.0",
+    "@docusaurus/types": "3.4.0"
   },
   "browserslist": {
     "production": [

src/components/custom-search/css/CustomSearch.css

@@ -6,6 +6,7 @@
     box-sizing: border-box;
     border-radius: 4px;
     flex-direction: row;
+    margin-right: 8px;
 }
 
 .custom-search-option {

src/css/custom.css

@@ -460,6 +460,18 @@ ul.circle>li:before {
   }
 }
 
+.search-bar {
+  border-radius: 5px;
+}
+
+html[data-theme='light'] .algolia-docsearch-suggestion--category-header {
+    font-size: small;
+}
+
+html[data-theme='datk'] .algolia-docsearch-suggestion--category-header {
+  font-size: small;
+}
+
 .footerWrapper {
   margin-top: 20px;
 }

src/theme/NavbarItem/ComponentTypes.js

@@ -0,0 +1,7 @@
+import ComponentTypes from '@theme-original/NavbarItem/ComponentTypes';
+import CustomSearchBar from '@site/src/components/custom-search/CustomSearchBar';
+
+export default {
+  ...ComponentTypes,
+  'custom-customSearchBar': CustomSearchBar,
+};