@apify/docs-theme 1.0.75 → 1.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/docs-theme",
-    "version": "1.0.75",
+    "version": "1.0.77",
     "description": "",
     "main": "./src/index.js",
     "files": [

package/src/theme/SearchBar/index.js

@@ -21,7 +21,7 @@ function useLink(href, baseUrl) {
     return href.startsWith(baseUrl);
 }
 
-function A(props) {
+export function A(props) {
     props = { ...props };
 
     if (props.href.startsWith('https://docs.apify.com')) {

package/src/theme/SearchPage/index.js

@@ -5,7 +5,6 @@ import algoliaSearchHelper from 'algoliasearch-helper';
 import algoliaSearch from 'algoliasearch/lite';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import Head from '@docusaurus/Head';
-import Link from '@docusaurus/Link';
 import { useAllDocsData } from '@docusaurus/plugin-content-docs/client';
 import {
     HtmlClassNameProvider,
@@ -23,6 +22,7 @@ import {
     useSearchResultUrlProcessor,
 } from '@docusaurus/theme-search-algolia/client';
 import Layout from '@theme/Layout';
+import { A } from '../SearchBar';
 import styles from './styles.module.css';
 
 // Very simple pluralization: probably good enough for now
@@ -55,7 +55,10 @@ function useDocsSearchVersionsHelpers() {
     ),
     );
     // Set the value of a single select menu
-    const setSearchVersion = (pluginId, searchVersion) => setSearchVersions((s) => ({ ...s, [pluginId]: searchVersion }));
+    const setSearchVersion = (pluginId, searchVersion) => setSearchVersions((s) => ({
+        ...s,
+        [pluginId]: searchVersion,
+    }));
     const versioningEnabled = Object.values(allDocsData).some(
         (docsData) => docsData.versions.length > 1,
     );
@@ -109,9 +112,7 @@ function SearchVersionSelectList({ docsSearchVersionsHelpers }) {
 }
 
 function SearchPageContent() {
-    const {
-        i18n: { currentLocale },
-    } = useDocusaurusContext();
+    const { siteConfig, i18n: { currentLocale } } = useDocusaurusContext();
     const {
         algolia: { appId, apiKey, indexName },
     } = useAlgoliaThemeConfig();
@@ -183,15 +184,18 @@ function SearchPageContent() {
             );
             const items = hits.map(
                 ({
-                    url,
-                    _highlightResult: { hierarchy },
-                    _snippetResult: snippet = {},
-                }) => {
-                    const titles = Object.keys(hierarchy).map((key) => sanitizeValue(hierarchy[key].value),
-                    );
+                     url,
+                     _highlightResult: { hierarchy },
+                     _snippetResult: snippet = {},
+                 }) => {
+                    if (url.startsWith(siteConfig.url)) {
+                        url = url.substring(siteConfig.url.length);
+                    }
+
+                    const titles = Object.keys(hierarchy).map((key) => sanitizeValue(hierarchy[key].value));
                     return {
                         title: titles.pop(),
-                        url: processSearchResultUrl(url),
+                        url,
                         summary: snippet.content
                             ? `${sanitizeValue(snippet.content.value)}...`
                             : '',
@@ -382,7 +386,7 @@ function SearchPageContent() {
                             ({ title, url, summary, breadcrumbs }, i) => (
                                 <article key={i} className={styles.searchResultItem}>
                                     <h2 className={styles.searchResultItemHeading}>
-                                        <Link to={url} dangerouslySetInnerHTML={{ __html: title }}/>
+                                        <A href={url} dangerouslySetInnerHTML={{ __html: title }}/>
                                     </h2>
 
                                     {breadcrumbs.length > 0 && (