feat: add algolia search (#146)

homarr-labs · Dec 18, 2024 · d9a4dbf · d9a4dbf
1 parent 1c3a6ba
commit d9a4dbf
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 156 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -146,6 +146,12 @@ const config: Config = {
       ],
       hideOnScroll: false,
     },
+    algolia: {
+      appId: 'N69WSPZTID',
+      apiKey: 'b2b00f4ed8ca3dc87b5d211c55121416',
+      contextualSearch: true,
+      indexName: 'homarr'
+    },
     footer: {
       links: [
         {
@@ -222,7 +228,6 @@ const config: Config = {
     },
   } satisfies Preset.ThemeConfig,
   plugins: [
-    require.resolve('@cmfcmf/docusaurus-search-local'),
     'docusaurus-plugin-image-zoom',
     async function tailwindCssPlugin(context, options) {
       return {

diff --git a/package.json b/package.json
@@ -21,7 +21,6 @@
     "api-dump-contributors": "node ./scripts/dump-contributors.js"
   },
   "dependencies": {
-    "@cmfcmf/docusaurus-search-local": "^1.2.0",
     "@dipakparmar/docusaurus-plugin-umami": "^2.1.2",
     "@docusaurus/core": "^3.6.3",
     "@docusaurus/plugin-sitemap": "^3.6.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -55,23 +55,6 @@
   margin-right: 1rem;
 }
 
-.aa-DetachedSearchButton,
-form.aa-Form {
-  border-radius: 0.5rem !important;
-  border: none !important;
-  background-color: #e8e8e8 !important;
-}
-
-[data-theme='dark'] .aa-DetachedSearchButton,
-[data-theme='dark'] form.aa-Form {
-  background-color: var(--ifm-scrollbar-track-background-color) !important;
-  color: #e1e1e1;
-}
-
-[data-theme='dark'] .aa-DetachedSearchButton svg {
-  color: #e1e1e1;
-}
-
 .swiper-slide {
   width: initial !important;
   height: auto !important;
@@ -113,19 +96,6 @@ form.aa-Form {
   font-weight: 600;
 }
 
-.dsla-search-wrapper {
-  width: 300px;
-}
-
-.dsla-search-wrapper .aa-DetachedSearchButton svg {
-  color: #9a9a9a;
-}
-
-.dsla-search-wrapper .aa-DetachedSearchButtonPlaceholder,
-[data-theme="dark"] .dsla-search-wrapper .aa-DetachedSearchButton svg {
-  color: #9a9a9a;
-}
-
 .medium-zoom-overlay {
   background-color: transparent !important;
   backdrop-filter: blur(10px) brightness(0.7);