chore: use custom env for meilisearch

gnolang · Mar 20, 2024 · 029bd9c · 029bd9c
1 parent 39788c8
commit 029bd9c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
@@ -22,6 +22,12 @@ const config = {
     locales: ["en"],
   },
 
+  customFields: {
+    meilisearchURL: process.env.MEILISEARCH_URL || 'localhost:7700',
+    meilisearchApiKey: process.env.MEILISEARCH_API_KEY || 'masterKey',
+    meilisearchIndexUid: process.env.MEILISEARCH_INDEX_UID || 'dev'
+  },
+
   scripts: [
     {
       // 100% privacy-first analytics

diff --git a/docusaurus/src/theme/SearchBar.js b/docusaurus/src/theme/SearchBar.js
@@ -2,15 +2,26 @@ import React, { useEffect } from "react";
 // import "./style.css";
 import "meilisearch-docsearch/css";
 
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+
+
 export default function Component() {
+  const { siteConfig } = useDocusaurusContext();
+
+  const {
+    meilisearchURL,
+    meilisearchApiKey,
+    meilisearchIndexUid,
+  } = siteConfig.customFields
+
   useEffect(() => {
     const lang = document.querySelector("html").lang || "en";
 
     const docsearch = require("meilisearch-docsearch").default;
     const destroy = docsearch({
-      host: "http://localhost:7700",
-      apiKey: "xxx",
-      indexUid: "dev",
+      host: meilisearchURL,
+      apiKey: meilisearchApiKey,
+      indexUid: meilisearchIndexUid,
       container: "#docsearch",
       //   searchParams: {filter: [`lang = ${lang}`]},
     });