redirect to search page if no match found

Author: B4nan

apify-docs-theme/src/theme/NotFound.jsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { PageMetadata } from '@docusaurus/theme-common';
 import Layout from '@theme/Layout';
+import React from 'react';
 
 export default function NotFound() {
     return (

apify-docs-theme/src/theme/SearchPage/index.js

@@ -17,6 +17,7 @@ import {
 } from '@docusaurus/theme-common/internal';
 import Translate, { translate } from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useLocation } from '@docusaurus/router';
 import {
     useAlgoliaThemeConfig,
     useSearchResultUrlProcessor,
@@ -120,6 +121,8 @@ function SearchPageContent() {
     const documentsFoundPlural = useDocumentsFoundPlural();
     const docsSearchVersionsHelpers = useDocsSearchVersionsHelpers();
     const [searchQuery, setSearchQuery] = useSearchQueryString();
+    const location = useLocation();
+    const notFound = new URLSearchParams(location.search).get('not-found');
     const initialSearchResultState = {
         items: [],
         query: null,
@@ -302,7 +305,14 @@ function SearchPageContent() {
             </Head>
 
             <div className="container margin-vert--lg">
-                <h1>{getTitle()}</h1>
+                {notFound ? (
+                    <>
+                        <h1>Page Not Found</h1>
+                        <h2>{getTitle()}</h2>
+                    </>
+                ) : (
+                    <h1>{getTitle()}</h1>
+                )}
 
                 <form className="row" onSubmit={(e) => e.preventDefault()}>
                     <div

apify-docs-theme/static/js/custom.js

@@ -76,7 +76,7 @@ function scrollOpenApiSidebarItemIntoView() {
 }
 
 function redirectOpenApiDocs() {
-    const { hash, pathname } = new URL(window.location.href);
+    const { hash, pathname, origin } = new URL(window.location.href);
 
     // TODO change to '/api/v2'
     if (pathname.replace(/\/$/, '') !== '/api/v2-new') {
@@ -86,13 +86,21 @@ function redirectOpenApiDocs() {
     const sidebarItems = document.querySelectorAll('[data-altids]');
 
     if (hash.startsWith('#/reference/') || hash.startsWith('#tag/')) {
+        let matched = false;
+
         for (const item of sidebarItems) {
             const ids = item.getAttribute('data-altids').split(',');
+
             if (ids.find((variant) => variant === hash)) {
+                matched = true;
                 item.click();
                 setTimeout(() => scrollOpenApiSidebarItemIntoView(), 200);
             }
         }
+
+        if (!matched) {
+            window.location.href = `${origin}/search?q=${hash.slice(1)}&not-found=1`;
+        }
     }
 }