@docusaurus/theme-search-algolia 0.0.0-4376 → 0.0.0-4377

package/lib/{theme/hooks/useSearchQuery.d.ts → client/index.d.ts}

@@ -4,6 +4,4 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import type { SearchQuery } from '@theme/hooks/useSearchQuery';
-declare function useSearchQuery(): SearchQuery;
-export default useSearchQuery;
+export { useAlgoliaContextualFacetFilters } from './useAlgoliaContextualFacetFilters';

package/lib/client/index.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { useAlgoliaContextualFacetFilters } from './useAlgoliaContextualFacetFilters';

package/lib/client/useAlgoliaContextualFacetFilters.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare function useAlgoliaContextualFacetFilters(): (string | string[])[];

package/lib/{theme/hooks → client}/useAlgoliaContextualFacetFilters.js

@@ -6,7 +6,7 @@
  */
 import { useContextualSearchFilters } from '@docusaurus/theme-common';
 // Translate search-engine agnostic search filters to Algolia search filters
-export default function useAlgoliaContextualFacetFilters() {
+export function useAlgoliaContextualFacetFilters() {
     const { locale, tags } = useContextualSearchFilters();
     // seems safe to convert locale->language, see AlgoliaSearchMetadata comment
     const languageFilter = `language:${locale}`;

package/lib/theme/SearchBar/index.js

@@ -12,10 +12,9 @@ import { useHistory } from '@docusaurus/router';
 import { useBaseUrlUtils } from '@docusaurus/useBaseUrl';
 import Link from '@docusaurus/Link';
 import Head from '@docusaurus/Head';
-import useSearchQuery from '@theme/hooks/useSearchQuery';
-import { isRegexpStringMatch } from '@docusaurus/theme-common';
+import { isRegexpStringMatch, useSearchPage } from '@docusaurus/theme-common';
 import { DocSearchButton, useDocSearchKeyboardEvents } from '@docsearch/react';
-import useAlgoliaContextualFacetFilters from '@theme/hooks/useAlgoliaContextualFacetFilters';
+import { useAlgoliaContextualFacetFilters } from '@docusaurus/theme-search-algolia/client';
 import { translate } from '@docusaurus/Translate';
 import styles from './styles.module.css';
 let DocSearchModal = null;
@@ -23,7 +22,7 @@ function Hit({ hit, children, }) {
     return <Link to={hit.url}>{children}</Link>;
 }
 function ResultsFooter({ state, onClose }) {
-    const { generateSearchPageLink } = useSearchQuery();
+    const { generateSearchPageLink } = useSearchPage();
     return (<Link to={generateSearchPageLink(state.query)} onClick={onClose}>
       See all {state.context.nbHits} results
     </Link>);

package/lib/theme/SearchPage/index.js

@@ -13,10 +13,9 @@ import clsx from 'clsx';
 import Head from '@docusaurus/Head';
 import Link from '@docusaurus/Link';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
-import { useTitleFormatter, usePluralForm, isRegexpStringMatch, useDynamicCallback, } from '@docusaurus/theme-common';
+import { useTitleFormatter, usePluralForm, isRegexpStringMatch, useDynamicCallback, useSearchPage, } from '@docusaurus/theme-common';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { useAllDocsData } from '@docusaurus/plugin-content-docs/client';
-import useSearchQuery from '@theme/hooks/useSearchQuery';
 import Layout from '@theme/Layout';
 import Translate, { translate } from '@docusaurus/Translate';
 import styles from './styles.module.css';
@@ -67,7 +66,7 @@ function SearchPage() {
     algolia: { appId, apiKey, indexName, externalUrlRegex }, }, }, i18n: { currentLocale }, } = useDocusaurusContext();
     const documentsFoundPlural = useDocumentsFoundPlural();
     const docsSearchVersionsHelpers = useDocsSearchVersionsHelpers();
-    const { searchQuery, setSearchQuery } = useSearchQuery();
+    const { searchQuery, setSearchQuery } = useSearchPage();
     const initialSearchResultState = {
         items: [],
         query: null,

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@docusaurus/theme-search-algolia",
-  "version": "0.0.0-4376",
+  "version": "0.0.0-4377",
   "description": "Algolia search component for Docusaurus.",
   "main": "lib/index.js",
+  "exports": {
+    "./client": "./lib/client/index.js",
+    ".": "./lib/index.js"
+  },
   "types": "src/theme-search-algolia.d.ts",
   "publishConfig": {
     "access": "public"
@@ -21,12 +25,12 @@
   },
   "dependencies": {
     "@docsearch/react": "^3.0.0-alpha.39",
-    "@docusaurus/core": "0.0.0-4376",
-    "@docusaurus/logger": "0.0.0-4376",
-    "@docusaurus/theme-common": "0.0.0-4376",
-    "@docusaurus/theme-translations": "0.0.0-4376",
-    "@docusaurus/utils": "0.0.0-4376",
-    "@docusaurus/utils-validation": "0.0.0-4376",
+    "@docusaurus/core": "0.0.0-4377",
+    "@docusaurus/logger": "0.0.0-4377",
+    "@docusaurus/theme-common": "0.0.0-4377",
+    "@docusaurus/theme-translations": "0.0.0-4377",
+    "@docusaurus/utils": "0.0.0-4377",
+    "@docusaurus/utils-validation": "0.0.0-4377",
     "algoliasearch": "^4.10.5",
     "algoliasearch-helper": "^3.5.5",
     "clsx": "^1.1.1",
@@ -35,7 +39,7 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-4376",
+    "@docusaurus/module-type-aliases": "0.0.0-4377",
     "fs-extra": "^10.0.0"
   },
   "peerDependencies": {
@@ -45,5 +49,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "d95874b8c1ad60ed595d2088f23284df72903c29"
+  "gitHead": "5dea134d7853ad86c969384e51bc51c1e7b9fc8a"
 }

package/src/client/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export {useAlgoliaContextualFacetFilters} from './useAlgoliaContextualFacetFilters';

package/src/{theme/hooks → client}/useAlgoliaContextualFacetFilters.ts

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type {useAlgoliaContextualFacetFiltersReturns} from '@theme/hooks/useAlgoliaContextualFacetFilters';
 import {useContextualSearchFilters} from '@docusaurus/theme-common';
 
 // Translate search-engine agnostic search filters to Algolia search filters
-export default function useAlgoliaContextualFacetFilters(): useAlgoliaContextualFacetFiltersReturns {
+export function useAlgoliaContextualFacetFilters() {
   const {locale, tags} = useContextualSearchFilters();
 
   // seems safe to convert locale->language, see AlgoliaSearchMetadata comment

package/src/theme/SearchBar/index.tsx

@@ -13,10 +13,9 @@ import {useHistory} from '@docusaurus/router';
 import {useBaseUrlUtils} from '@docusaurus/useBaseUrl';
 import Link from '@docusaurus/Link';
 import Head from '@docusaurus/Head';
-import useSearchQuery from '@theme/hooks/useSearchQuery';
-import {isRegexpStringMatch} from '@docusaurus/theme-common';
+import {isRegexpStringMatch, useSearchPage} from '@docusaurus/theme-common';
 import {DocSearchButton, useDocSearchKeyboardEvents} from '@docsearch/react';
-import useAlgoliaContextualFacetFilters from '@theme/hooks/useAlgoliaContextualFacetFilters';
+import {useAlgoliaContextualFacetFilters} from '@docusaurus/theme-search-algolia/client';
 import {translate} from '@docusaurus/Translate';
 import styles from './styles.module.css';
 
@@ -56,7 +55,7 @@ type ResultsFooterProps = {
 };
 
 function ResultsFooter({state, onClose}: ResultsFooterProps) {
-  const {generateSearchPageLink} = useSearchQuery();
+  const {generateSearchPageLink} = useSearchPage();
 
   return (
     <Link to={generateSearchPageLink(state.query)} onClick={onClose}>

package/src/theme/SearchPage/index.tsx

@@ -22,10 +22,10 @@ import {
   usePluralForm,
   isRegexpStringMatch,
   useDynamicCallback,
+  useSearchPage,
 } from '@docusaurus/theme-common';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import {useAllDocsData} from '@docusaurus/plugin-content-docs/client';
-import useSearchQuery from '@theme/hooks/useSearchQuery';
 import Layout from '@theme/Layout';
 import Translate, {translate} from '@docusaurus/Translate';
 import styles from './styles.module.css';
@@ -162,7 +162,7 @@ function SearchPage(): JSX.Element {
   const documentsFoundPlural = useDocumentsFoundPlural();
 
   const docsSearchVersionsHelpers = useDocsSearchVersionsHelpers();
-  const {searchQuery, setSearchQuery} = useSearchQuery();
+  const {searchQuery, setSearchQuery} = useSearchPage();
   const initialSearchResultState: ResultDispatcherState = {
     items: [],
     query: null,

package/src/theme-search-algolia.d.ts

@@ -5,24 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-declare module '@docusaurus/theme-search-algolia' {
-  export type Options = never;
-}
-
-declare module '@theme/hooks/useSearchQuery' {
-  export interface SearchQuery {
-    searchQuery: string;
-    setSearchQuery: (newSearchQuery: string) => void;
-    generateSearchPageLink: (targetSearchQuery: string) => string;
-  }
-
-  export default function useSearchQuery(): SearchQuery;
-}
-
-declare module '@theme/hooks/useAlgoliaContextualFacetFilters' {
-  export type useAlgoliaContextualFacetFiltersReturns = [string, string[]];
-
-  export default function useAlgoliaContextualFacetFilters(): useAlgoliaContextualFacetFiltersReturns;
+declare module '@docusaurus/theme-search-algolia/client' {
+  export function useAlgoliaContextualFacetFilters(): [string, string[]];
 }
 
 declare module '@theme/SearchPage' {

package/lib/theme/hooks/useAlgoliaContextualFacetFilters.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import type { useAlgoliaContextualFacetFiltersReturns } from '@theme/hooks/useAlgoliaContextualFacetFilters';
-export default function useAlgoliaContextualFacetFilters(): useAlgoliaContextualFacetFiltersReturns;

package/lib/theme/hooks/useSearchQuery.js

@@ -1,43 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { useHistory } from '@docusaurus/router';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import { useCallback, useEffect, useState } from 'react';
-const SEARCH_PARAM_QUERY = 'q';
-function useSearchQuery() {
-    const history = useHistory();
-    const { siteConfig: { baseUrl }, } = useDocusaurusContext();
-    const [searchQuery, setSearchQueryState] = useState('');
-    // Init search query just after React hydration
-    useEffect(() => {
-        var _a;
-        const searchQueryStringValue = (_a = new URLSearchParams(window.location.search).get(SEARCH_PARAM_QUERY)) !== null && _a !== void 0 ? _a : '';
-        setSearchQueryState(searchQueryStringValue);
-    }, []);
-    const setSearchQuery = useCallback((newSearchQuery) => {
-        const searchParams = new URLSearchParams(window.location.search);
-        if (newSearchQuery) {
-            searchParams.set(SEARCH_PARAM_QUERY, newSearchQuery);
-        }
-        else {
-            searchParams.delete(SEARCH_PARAM_QUERY);
-        }
-        history.replace({
-            search: searchParams.toString(),
-        });
-        setSearchQueryState(newSearchQuery);
-    }, [history]);
-    const generateSearchPageLink = useCallback((targetSearchQuery) => 
-    // Refer to https://github.com/facebook/docusaurus/pull/2838
-    `${baseUrl}search?q=${encodeURIComponent(targetSearchQuery)}`, [baseUrl]);
-    return {
-        searchQuery,
-        setSearchQuery,
-        generateSearchPageLink,
-    };
-}
-export default useSearchQuery;

package/src/theme/hooks/useSearchQuery.ts

@@ -1,63 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {useHistory} from '@docusaurus/router';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import {useCallback, useEffect, useState} from 'react';
-import type {SearchQuery} from '@theme/hooks/useSearchQuery';
-
-const SEARCH_PARAM_QUERY = 'q';
-
-function useSearchQuery(): SearchQuery {
-  const history = useHistory();
-  const {
-    siteConfig: {baseUrl},
-  } = useDocusaurusContext();
-
-  const [searchQuery, setSearchQueryState] = useState('');
-
-  // Init search query just after React hydration
-  useEffect(() => {
-    const searchQueryStringValue =
-      new URLSearchParams(window.location.search).get(SEARCH_PARAM_QUERY) ?? '';
-
-    setSearchQueryState(searchQueryStringValue);
-  }, []);
-
-  const setSearchQuery = useCallback(
-    (newSearchQuery: string) => {
-      const searchParams = new URLSearchParams(window.location.search);
-
-      if (newSearchQuery) {
-        searchParams.set(SEARCH_PARAM_QUERY, newSearchQuery);
-      } else {
-        searchParams.delete(SEARCH_PARAM_QUERY);
-      }
-
-      history.replace({
-        search: searchParams.toString(),
-      });
-      setSearchQueryState(newSearchQuery);
-    },
-    [history],
-  );
-
-  const generateSearchPageLink = useCallback(
-    (targetSearchQuery: string) =>
-      // Refer to https://github.com/facebook/docusaurus/pull/2838
-      `${baseUrl}search?q=${encodeURIComponent(targetSearchQuery)}`,
-    [baseUrl],
-  );
-
-  return {
-    searchQuery,
-    setSearchQuery,
-    generateSearchPageLink,
-  };
-}
-
-export default useSearchQuery;