@apify/docs-theme 1.0.150 → 1.0.152

package/package.json

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

package/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 (

package/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

package/src/theme/custom.css

@@ -990,7 +990,8 @@ html[data-theme='dark'] .actionLink:hover::after {
     }
 }
 
-aside li.section-header > div > .menu__link {
+aside li.section-header > div > .menu__link,
+aside li.section-header > ul > li > div > .menu__link {
     text-transform: uppercase;
     opacity: 0.8;
     font-size: 16px;
@@ -998,6 +999,10 @@ aside li.section-header > div > .menu__link {
     margin: 0;
 }
 
+aside li.section-header > div > .menu__link {
+    font-size: 20px;
+}
+
 aside li.section-header.menu__list-item {
     margin-top: 15px;
     margin-bottom: 5px;
@@ -1011,6 +1016,11 @@ aside li.section-header > .menu__list {
     padding-left: 0;
 }
 
+.theme-doc-sidebar-menu > li.section-header > ul > li.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible:hover,
+.theme-doc-sidebar-menu > li.section-header > ul > li.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible--active {
+    background: inherit !important;
+}
+
 .beta-chip {
     display: inline-block;
     border: 1px solid #ccc;

package/static/js/custom.js

@@ -63,7 +63,7 @@ function scrollSidebarItemIntoView() {
 
 // handles automatic scrolling of the API reference sidebar (openapi-docs)
 function scrollOpenApiSidebarItemIntoView() {
-    const $li = document.querySelector(`li > a.menu__link--active[href]`);
+    const $li = document.querySelector(`ul.theme-doc-sidebar-menu a.menu__link--active[href]`);
 
     if (!$li) {
         return;
@@ -76,27 +76,31 @@ 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') {
         return;
     }
 
-    if (hash.startsWith('#/reference/')) {
-        const sidebarItems = document.querySelectorAll('[data-altids]');
+    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 (hash.startsWith('#tag/')) {
-        const id = hash.substring('#tag/'.length);
-        console.log('redirect', { id, hash });
+        if (!matched) {
+            window.location.href = `${origin}/search?q=${hash.slice(1)}&not-found=1`;
+        }
     }
 }
 
@@ -121,7 +125,7 @@ window.addEventListener('load', () => {
     setTimeout(() => scrollSidebarItemIntoView(), 1000);
 
     // docusaurus-openapi-docs plugin: scroll sidebar into viewport, no need for a large timeout here
-    setTimeout(() => scrollOpenApiSidebarItemIntoView(), 100);
+    setTimeout(() => scrollOpenApiSidebarItemIntoView(), 200);
 });
 
 window.addEventListener('popstate', () => {