Kapa search/ask PoC

docusaurus.config.js

@@ -34,6 +34,23 @@ const config = {
       crossorigin: "anonymous",
     },
   ],
+  scripts: [
+    {
+      src: "https://widget.kapa.ai/kapa-widget.bundle.js",
+      async: true,
+      defer: true,
+      "data-website-id": "752e7a80-c213-4acd-b6c3-c3747fbe4ba6",
+      "data-project-name": "QuestDB",
+      "data-search-mode-enabled": "true",
+      "data-modal-open-on-command-k": "true",
+      "data-modal-command-k-search-mode-default": "true",
+      "data-project-color": "#21222c",
+      "data-project-logo": "/docs/images/favicon.webp",
+      "data-button-border": "1px solid #d9688b",
+      "data-modal-example-questions": "How do I create a table?,What is designated timestamp?,How do I insert data?",
+      "data-modal-disclaimer": "This AI assistant has access to QuestDB documentation and can help with time series database questions.",
+    },
+  ],
   markdown: {
     mermaid: true,
   },
@@ -122,13 +139,6 @@ const config = {
       theme: require("./src/internals/prism-github"),
       darkTheme: require("./src/internals/prism-dracula"),
     },
-    algolia: {
-      appId: process.env.ALGOLIA_APP_ID || 'placeholder-app-id',
-      apiKey: process.env.ALGOLIA_API_KEY || 'placeholder-api-key',
-      indexName: "questdb",
-      searchPagePath: false,
-      contextualSearch: false,
-    },
   },
   presets: [
     [

package.json

@@ -14,7 +14,6 @@
   "dependencies": {
     "@docusaurus/faster": "^3.7.0",
     "@docusaurus/theme-mermaid": "^3.7.0",
-    "@docusaurus/theme-search-algolia": "^3.7.0",
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "2.2.0",
     "@mdx-js/react": "3.1.0",

src/components/Tailwind/WideNav/MobileNav/index.tsx

@@ -7,7 +7,7 @@ import {
 } from "@headlessui/react"
 import { XMarkIcon, ChevronDownIcon } from "@heroicons/react/20/solid"
 import { useNavbarSecondaryMenu } from "@docusaurus/theme-common/internal"
-import SearchBar from "@theme/SearchBar"
+import SearchBar from "../../../../theme/SearchBar"
 
 type NavLink = {
   name: string

src/components/Tailwind/WideNav/index.tsx

@@ -14,7 +14,7 @@ import {
   ArrowDownTrayIcon,
 } from "@heroicons/react/24/outline"
 import { ChevronDownIcon } from "@heroicons/react/20/solid"
-import SearchBar from "@theme/SearchBar"
+import SearchBar from "../../../theme/SearchBar"
 import MobileNav from "./MobileNav"
 import { MainCTA } from "../../../components/MainCTA"
 import { Release } from "../../../utils"

src/theme/NotFound/index.tsx

@@ -1,7 +1,6 @@
-import React from "react"
 import Layout from "../Layout"
 import { Section } from "../../components/Section"
-import SearchBar from "@theme/SearchBar"
+import SearchBar from "../SearchBar"
 import Link from "@docusaurus/Link"
 import styles from "./styles.module.css"