@docusaurus/theme-search-algolia 0.0.0-4203 → 0.0.0-4207

package/lib/index.js

@@ -14,9 +14,7 @@ const eta_1 = require("eta");
 const utils_1 = require("@docusaurus/utils");
 const opensearch_1 = (0, tslib_1.__importDefault)(require("./templates/opensearch"));
 const lodash_1 = require("lodash");
-const getCompiledOpenSearchTemplate = (0, lodash_1.memoize)(() => {
-    return (0, eta_1.compile)(opensearch_1.default.trim());
-});
+const getCompiledOpenSearchTemplate = (0, lodash_1.memoize)(() => (0, eta_1.compile)(opensearch_1.default.trim()));
 function renderOpenSearchTemplate(data) {
     const compiled = getCompiledOpenSearchTemplate();
     return compiled(data, eta_1.defaultConfig);

package/lib/theme/SearchBar/index.js

@@ -93,21 +93,21 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
             }
         },
     }).current;
-    const transformItems = useRef((items) => {
-        return items.map((item) => {
-            // If Algolia contains a external domain, we should navigate without relative URL
-            if (isRegexpStringMatch(externalUrlRegex, item.url)) {
-                return item;
-            }
-            // We transform the absolute URL into a relative URL.
-            const url = new URL(item.url);
-            return {
-                ...item,
-                url: withBaseUrl(`${url.pathname}${url.hash}`),
-            };
-        });
-    }).current;
-    const resultsFooterComponent = useMemo(() => (footerProps) => <ResultsFooter {...footerProps} onClose={onClose}/>, [onClose]);
+    const transformItems = useRef((items) => items.map((item) => {
+        // If Algolia contains a external domain, we should navigate without relative URL
+        if (isRegexpStringMatch(externalUrlRegex, item.url)) {
+            return item;
+        }
+        // We transform the absolute URL into a relative URL.
+        const url = new URL(item.url);
+        return {
+            ...item,
+            url: withBaseUrl(`${url.pathname}${url.hash}`),
+        };
+    })).current;
+    const resultsFooterComponent = useMemo(
+    // eslint-disable-next-line react/no-unstable-nested-components
+    () => (footerProps) => <ResultsFooter {...footerProps} onClose={onClose}/>, [onClose]);
     const transformSearchClient = useCallback((searchClient) => {
         searchClient.addAlgoliaAgent('docusaurus', siteMetadata.docusaurusVersion);
         return searchClient;

package/lib/theme/SearchPage/index.js

@@ -33,11 +33,10 @@ function useDocsSearchVersionsHelpers() {
     const allDocsData = useAllDocsData();
     // State of the version select menus / algolia facet filters
     // docsPluginId -> versionName map
-    const [searchVersions, setSearchVersions] = useState(() => {
-        return Object.entries(allDocsData).reduce((acc, [pluginId, pluginData]) => {
-            return { ...acc, [pluginId]: pluginData.versions[0].name };
-        }, {});
-    });
+    const [searchVersions, setSearchVersions] = useState(() => Object.entries(allDocsData).reduce((acc, [pluginId, pluginData]) => ({
+        ...acc,
+        [pluginId]: pluginData.versions[0].name,
+    }), {}));
     // Set the value of a single select menu
     const setSearchVersion = (pluginId, searchVersion) => setSearchVersions((s) => ({ ...s, [pluginId]: searchVersion }));
     const versioningEnabled = Object.values(allDocsData).some((docsData) => docsData.versions.length > 1);
@@ -49,7 +48,7 @@ function useDocsSearchVersionsHelpers() {
     };
 }
 // We want to display one select per versioned docs plugin instance
-const SearchVersionSelectList = ({ docsSearchVersionsHelpers, }) => {
+function SearchVersionSelectList({ docsSearchVersionsHelpers, }) {
     const versionedPluginEntries = Object.entries(docsSearchVersionsHelpers.allDocsData)
         // Do not show a version select for unversioned docs plugin instances
         .filter(([, docsData]) => docsData.versions.length > 1);
@@ -61,7 +60,7 @@ const SearchVersionSelectList = ({ docsSearchVersionsHelpers, }) => {
           </select>);
         })}
     </div>);
-};
+}
 function SearchPage() {
     const { siteConfig: { themeConfig: { 
     // @ts-ignore
@@ -120,14 +119,10 @@ function SearchPage() {
             searchResultStateDispatcher({ type: 'reset' });
             return;
         }
-        const sanitizeValue = (value) => {
-            return value.replace(/algolia-docsearch-suggestion--highlight/g, 'search-result-match');
-        };
+        const sanitizeValue = (value) => value.replace(/algolia-docsearch-suggestion--highlight/g, 'search-result-match');
         const items = hits.map(({ url, _highlightResult: { hierarchy }, _snippetResult: snippet = {}, }) => {
             const parsedURL = new URL(url);
-            const titles = Object.keys(hierarchy).map((key) => {
-                return sanitizeValue(hierarchy[key].value);
-            });
+            const titles = Object.keys(hierarchy).map((key) => sanitizeValue(hierarchy[key].value));
             return {
                 title: titles.pop(),
                 url: isRegexpStringMatch(externalUrlRegex, parsedURL.href)

package/lib/theme/hooks/useSearchQuery.js

@@ -31,10 +31,9 @@ function useSearchQuery() {
         });
         setSearchQueryState(newSearchQuery);
     }, [history]);
-    const generateSearchPageLink = useCallback((targetSearchQuery) => {
-        // Refer to https://github.com/facebook/docusaurus/pull/2838
-        return `${baseUrl}search?q=${encodeURIComponent(targetSearchQuery)}`;
-    }, [baseUrl]);
+    const generateSearchPageLink = useCallback((targetSearchQuery) => 
+    // Refer to https://github.com/facebook/docusaurus/pull/2838
+    `${baseUrl}search?q=${encodeURIComponent(targetSearchQuery)}`, [baseUrl]);
     return {
         searchQuery,
         setSearchQuery,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-search-algolia",
-  "version": "0.0.0-4203",
+  "version": "0.0.0-4207",
   "description": "Algolia search component for Docusaurus.",
   "main": "lib/index.js",
   "types": "src/theme-search-algolia.d.ts",
@@ -21,10 +21,10 @@
   },
   "dependencies": {
     "@docsearch/react": "^3.0.0-alpha.39",
-    "@docusaurus/core": "0.0.0-4203",
-    "@docusaurus/theme-common": "0.0.0-4203",
-    "@docusaurus/utils": "0.0.0-4203",
-    "@docusaurus/utils-validation": "0.0.0-4203",
+    "@docusaurus/core": "0.0.0-4207",
+    "@docusaurus/theme-common": "0.0.0-4207",
+    "@docusaurus/utils": "0.0.0-4207",
+    "@docusaurus/utils-validation": "0.0.0-4207",
     "algoliasearch": "^4.10.5",
     "algoliasearch-helper": "^3.5.5",
     "clsx": "^1.1.1",
@@ -32,7 +32,7 @@
     "lodash": "^4.17.20"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-4203",
+    "@docusaurus/module-type-aliases": "0.0.0-4207",
     "fs-extra": "^10.0.0"
   },
   "peerDependencies": {
@@ -42,5 +42,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "c593f92915e118d87c10015d5db2c42eda4b5ef3"
+  "gitHead": "63059ec789f63c76514839ed417d2ef58456666e"
 }

package/src/index.ts

@@ -14,9 +14,9 @@ import {memoize} from 'lodash';
 
 import type {DocusaurusContext, Plugin} from '@docusaurus/types';
 
-const getCompiledOpenSearchTemplate = memoize(() => {
-  return compile(openSearchTemplate.trim());
-});
+const getCompiledOpenSearchTemplate = memoize(() =>
+  compile(openSearchTemplate.trim()),
+);
 
 function renderOpenSearchTemplate(data: {
   title: string;

package/src/theme/SearchBar/index.tsx

@@ -152,8 +152,8 @@ function DocSearch({
   }).current;
 
   const transformItems = useRef<DocSearchModalProps['transformItems']>(
-    (items) => {
-      return items.map((item) => {
+    (items) =>
+      items.map((item) => {
         // If Algolia contains a external domain, we should navigate without relative URL
         if (isRegexpStringMatch(externalUrlRegex, item.url)) {
           return item;
@@ -165,11 +165,11 @@ function DocSearch({
           ...item,
           url: withBaseUrl(`${url.pathname}${url.hash}`),
         };
-      });
-    },
+      }),
   ).current;
 
   const resultsFooterComponent = useMemo(
+    // eslint-disable-next-line react/no-unstable-nested-components
     () => (footerProps: ResultsFooterProps) =>
       <ResultsFooter {...footerProps} onClose={onClose} />,
     [onClose],
@@ -250,7 +250,7 @@ function DocSearch({
   );
 }
 
-function SearchBar() {
+function SearchBar(): JSX.Element {
   const {siteConfig} = useDocusaurusContext();
   // @ts-ignore
   return <DocSearch {...siteConfig.themeConfig.algolia} />;

package/src/theme/SearchPage/index.tsx

@@ -54,14 +54,14 @@ function useDocsSearchVersionsHelpers() {
   // State of the version select menus / algolia facet filters
   // docsPluginId -> versionName map
   const [searchVersions, setSearchVersions] = useState<Record<string, string>>(
-    () => {
-      return Object.entries(allDocsData).reduce(
-        (acc, [pluginId, pluginData]) => {
-          return {...acc, [pluginId]: pluginData.versions[0].name};
-        },
+    () =>
+      Object.entries(allDocsData).reduce(
+        (acc, [pluginId, pluginData]) => ({
+          ...acc,
+          [pluginId]: pluginData.versions[0].name,
+        }),
         {},
-      );
-    },
+      ),
   );
 
   // Set the value of a single select menu
@@ -81,11 +81,11 @@ function useDocsSearchVersionsHelpers() {
 }
 
 // We want to display one select per versioned docs plugin instance
-const SearchVersionSelectList = ({
+function SearchVersionSelectList({
   docsSearchVersionsHelpers,
 }: {
   docsSearchVersionsHelpers: ReturnType<typeof useDocsSearchVersionsHelpers>;
-}) => {
+}) {
   const versionedPluginEntries = Object.entries(
     docsSearchVersionsHelpers.allDocsData,
   )
@@ -126,7 +126,7 @@ const SearchVersionSelectList = ({
       })}
     </div>
   );
-};
+}
 
 type ResultDispatcherState = {
   items: {
@@ -225,12 +225,11 @@ function SearchPage(): JSX.Element {
         return;
       }
 
-      const sanitizeValue = (value: string) => {
-        return value.replace(
+      const sanitizeValue = (value: string) =>
+        value.replace(
           /algolia-docsearch-suggestion--highlight/g,
           'search-result-match',
         );
-      };
 
       const items = hits.map(
         ({
@@ -239,9 +238,9 @@ function SearchPage(): JSX.Element {
           _snippetResult: snippet = {},
         }) => {
           const parsedURL = new URL(url);
-          const titles = Object.keys(hierarchy).map((key) => {
-            return sanitizeValue(hierarchy[key].value);
-          });
+          const titles = Object.keys(hierarchy).map((key) =>
+            sanitizeValue(hierarchy[key].value),
+          );
 
           return {
             title: titles.pop()!,

package/src/theme/hooks/useSearchQuery.ts

@@ -47,10 +47,9 @@ function useSearchQuery(): SearchQuery {
   );
 
   const generateSearchPageLink = useCallback(
-    (targetSearchQuery: string) => {
+    (targetSearchQuery: string) =>
       // Refer to https://github.com/facebook/docusaurus/pull/2838
-      return `${baseUrl}search?q=${encodeURIComponent(targetSearchQuery)}`;
-    },
+      `${baseUrl}search?q=${encodeURIComponent(targetSearchQuery)}`,
     [baseUrl],
   );