@docusaurus/theme-search-algolia 2.4.0 → 3.0.0-alpha.0

package/lib/theme/SearchPage/index.js

@@ -27,6 +27,7 @@ import {
   useSearchResultUrlProcessor,
 } from '@docusaurus/theme-search-algolia/client';
 import Layout from '@theme/Layout';
+import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 // Very simple pluralization: probably good enough for now
 function useDocumentsFoundPlural() {
@@ -305,7 +306,7 @@ function SearchPageContent() {
       </Head>
 
       <div className="container margin-vert--lg">
-        <h1>{getTitle()}</h1>
+        <Heading as="h1">{getTitle()}</Heading>
 
         <form className="row" onSubmit={(e) => e.preventDefault()}>
           <div
@@ -354,10 +355,8 @@ function SearchPageContent() {
               'text--right',
               styles.searchLogoColumn,
             )}>
-            <a
-              target="_blank"
-              rel="noopener noreferrer"
-              href="https://www.algolia.com/"
+            <Link
+              to="https://www.algolia.com/"
               aria-label={translate({
                 id: 'theme.SearchPage.algoliaLabel',
                 message: 'Search by Algolia',
@@ -379,7 +378,7 @@ function SearchPageContent() {
                   />
                 </g>
               </svg>
-            </a>
+            </Link>
           </div>
         </div>
 
@@ -388,9 +387,9 @@ function SearchPageContent() {
             {searchResultState.items.map(
               ({title, url, summary, breadcrumbs}, i) => (
                 <article key={i} className={styles.searchResultItem}>
-                  <h2 className={styles.searchResultItemHeading}>
+                  <Heading as="h2" className={styles.searchResultItemHeading}>
                     <Link to={url} dangerouslySetInnerHTML={{__html: title}} />
-                  </h2>
+                  </Heading>
 
                   {breadcrumbs.length > 0 && (
                     <nav aria-label="breadcrumbs">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-search-algolia",
-  "version": "2.4.0",
+  "version": "3.0.0-alpha.0",
   "description": "Algolia search component for Docusaurus.",
   "main": "lib/index.js",
   "sideEffects": [
@@ -33,32 +33,32 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docsearch/react": "^3.1.1",
-    "@docusaurus/core": "2.4.0",
-    "@docusaurus/logger": "2.4.0",
-    "@docusaurus/plugin-content-docs": "2.4.0",
-    "@docusaurus/theme-common": "2.4.0",
-    "@docusaurus/theme-translations": "2.4.0",
-    "@docusaurus/utils": "2.4.0",
-    "@docusaurus/utils-validation": "2.4.0",
-    "algoliasearch": "^4.13.1",
-    "algoliasearch-helper": "^3.10.0",
+    "@docsearch/react": "^3.3.3",
+    "@docusaurus/core": "3.0.0-alpha.0",
+    "@docusaurus/logger": "3.0.0-alpha.0",
+    "@docusaurus/plugin-content-docs": "3.0.0-alpha.0",
+    "@docusaurus/theme-common": "3.0.0-alpha.0",
+    "@docusaurus/theme-translations": "3.0.0-alpha.0",
+    "@docusaurus/utils": "3.0.0-alpha.0",
+    "@docusaurus/utils-validation": "3.0.0-alpha.0",
+    "algoliasearch": "^4.15.0",
+    "algoliasearch-helper": "^3.12.0",
     "clsx": "^1.2.1",
-    "eta": "^2.0.0",
-    "fs-extra": "^10.1.0",
+    "eta": "^2.0.1",
+    "fs-extra": "^11.1.0",
     "lodash": "^4.17.21",
-    "tslib": "^2.4.0",
+    "tslib": "^2.5.0",
     "utility-types": "^3.10.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.0"
+    "@docusaurus/module-type-aliases": "3.0.0-alpha.0"
   },
   "peerDependencies": {
-    "react": "^16.8.4 || ^17.0.0",
-    "react-dom": "^16.8.4 || ^17.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "engines": {
     "node": ">=16.14"
   },
-  "gitHead": "898b85ef134cc43bf3b1209aad0ca8cdcfb214c5"
+  "gitHead": "7327f7ff880ed97ad7855744e59c9c55d467a950"
 }

package/src/theme/SearchPage/index.tsx

@@ -31,7 +31,7 @@ import {
   useSearchResultUrlProcessor,
 } from '@docusaurus/theme-search-algolia/client';
 import Layout from '@theme/Layout';
-
+import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 
 // Very simple pluralization: probably good enough for now
@@ -372,7 +372,7 @@ function SearchPageContent(): JSX.Element {
       </Head>
 
       <div className="container margin-vert--lg">
-        <h1>{getTitle()}</h1>
+        <Heading as="h1">{getTitle()}</Heading>
 
         <form className="row" onSubmit={(e) => e.preventDefault()}>
           <div
@@ -421,10 +421,8 @@ function SearchPageContent(): JSX.Element {
               'text--right',
               styles.searchLogoColumn,
             )}>
-            <a
-              target="_blank"
-              rel="noopener noreferrer"
-              href="https://www.algolia.com/"
+            <Link
+              to="https://www.algolia.com/"
               aria-label={translate({
                 id: 'theme.SearchPage.algoliaLabel',
                 message: 'Search by Algolia',
@@ -446,7 +444,7 @@ function SearchPageContent(): JSX.Element {
                   />
                 </g>
               </svg>
-            </a>
+            </Link>
           </div>
         </div>
 
@@ -455,9 +453,9 @@ function SearchPageContent(): JSX.Element {
             {searchResultState.items.map(
               ({title, url, summary, breadcrumbs}, i) => (
                 <article key={i} className={styles.searchResultItem}>
-                  <h2 className={styles.searchResultItemHeading}>
+                  <Heading as="h2" className={styles.searchResultItemHeading}>
                     <Link to={url} dangerouslySetInnerHTML={{__html: title}} />
-                  </h2>
+                  </Heading>
 
                   {breadcrumbs.length > 0 && (
                     <nav aria-label="breadcrumbs">