⚗️ (docs) Replace Algolia search with Community Search

baptisteArno · Dec 5, 2023 · c4f5df5 · c4f5df5
1 parent 1e3aafc
commit c4f5df5
Show file tree

Hide file tree

Showing 5 changed files with 77 additions and 0 deletions.
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -16,6 +16,7 @@
     "api:generate": "dotenv -e ./.env -e ../../.env -- tsx --tsconfig ../builder/tsconfig.json ../builder/src/helpers/server/generateOpenApi.ts && dotenv -e ./.env -e ../../.env -- tsx --tsconfig ../viewer/openapi.tsconfig.json ../viewer/src/helpers/server/generateOpenApi.ts"
   },
   "dependencies": {
+    "@docsearch/react": "^3.5.2",
     "@docusaurus/core": "2.4.1",
     "@docusaurus/preset-classic": "2.4.1",
     "@docusaurus/theme-common": "2.4.1",

diff --git a/apps/docs/src/css/custom.css b/apps/docs/src/css/custom.css
@@ -137,3 +137,7 @@ video {
 .asterix {
   color: rgb(239, 81, 81);
 }
+
+[aria-describedby='community-widget-description'] {
+  display: none !important;
+}
diff --git a/apps/docs/src/theme/SearchBar/index.js b/apps/docs/src/theme/SearchBar/index.js
@@ -0,0 +1,55 @@
+import React, { useCallback, useRef } from 'react'
+import { DocSearchButton } from '@docsearch/react'
+import Head from '@docusaurus/Head'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+import translations from '@theme/SearchTranslations'
+let DocSearchModal = null
+function DocSearch() {
+  // We let user override default searchParameters if she wants to
+  const searchButtonRef = useRef(null)
+  const importDocSearchModalIfNeeded = useCallback(() => {
+    if (DocSearchModal) {
+      return Promise.resolve()
+    }
+    return Promise.all([
+      import('@docsearch/react/modal'),
+      import('@docsearch/react/style'),
+      import('./styles.css'),
+    ]).then(([{ DocSearchModal: Modal }]) => {
+      DocSearchModal = Modal
+    })
+  }, [])
+
+  return (
+    <>
+      <Head>
+        <script
+          type="text/javascript"
+          defer
+          src="https://widget.orbit.love/widget.js"
+        />
+        <script type="text/javascript">
+          {`window.Widget = window.Widget || {};
+        window.Widget = Object.assign({}, window.Widget, {
+        baseUrl: "https://widget.orbit.love/widget/24a80353-75fd-49bd-a928-53dff3f4c097"
+        });`}
+        </script>
+      </Head>
+
+      <DocSearchButton
+        onTouchStart={importDocSearchModalIfNeeded}
+        onFocus={importDocSearchModalIfNeeded}
+        onMouseOver={importDocSearchModalIfNeeded}
+        onClick={() => {
+          window.Widget.toggleWidget()
+        }}
+        ref={searchButtonRef}
+        translations={translations.button}
+      />
+    </>
+  )
+}
+export default function SearchBar() {
+  useDocusaurusContext()
+  return <DocSearch />
+}
diff --git a/apps/docs/src/theme/SearchBar/styles.css b/apps/docs/src/theme/SearchBar/styles.css
@@ -0,0 +1,14 @@
+:root {
+  --docsearch-primary-color: var(--ifm-color-primary);
+  --docsearch-text-color: var(--ifm-font-color-base);
+}
+
+.DocSearch-Button {
+  margin: 0;
+  transition: all var(--ifm-transition-fast)
+    var(--ifm-transition-timing-default);
+}
+
+.DocSearch-Container {
+  z-index: calc(var(--ifm-z-index-fixed) + 1);
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml