@rspress-theme-anatole/theme-default 0.7.30 → 0.7.31

package/dist/bundle.js

@@ -1732,6 +1732,10 @@ function HomepageLayout(props) {
                         frontmatter: frontmatter,
                         routePath: routePath
                     }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageMoreTopics, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageFeaturesTabs, {
                         frontmatter: frontmatter,
                         routePath: routePath
@@ -3141,6 +3145,11 @@ function HomeFeature({ frontmatter, routePath }) {
 
 function HomepageTopics({ frontmatter, routePath }) {
     const topics = frontmatter?.topics;
+
+    if (!topics || !topics.items || topics.items.length === 0) {
+        return null;
+    }
+
     return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "topics-container",
         children: [
@@ -3216,10 +3225,82 @@ function HomepageTopics({ frontmatter, routePath }) {
     });
 }
 
+function HomepageMoreTopics({ frontmatter, routePath }) {
+    let moreTopicsList = frontmatter?.moreTopics;
+
+    if (!moreTopicsList) {
+        return null;
+    }
+
+    if (!Array.isArray(moreTopicsList)) {
+        moreTopicsList = [moreTopicsList];
+    }
+
+    if (moreTopicsList.length === 0) {
+        return null;
+    }
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: moreTopicsList.map((moreTopics, sectionIndex) => {
+            if (!moreTopics.items || moreTopics.items.length === 0) {
+                return null;
+            }
+
+            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "topics-container",
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        children: [
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h2", {
+                                children: moreTopics.title ?? 'Topics',
+                                className: "topics-title"
+                            }),
+                        ],
+                        style: {
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            width: '100%',
+                        }
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: "topics-grid",
+                        children: moreTopics.items.map((topicItem) => {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                className: "topics-card",
+                                children: [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                        className: "topics-icon-wrapper",
+                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                            className: topicItem.icon + " topics-icon"
+                                        })
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                        href: topicItem.link,
+                                        className: "topics-link",
+                                        children: topicItem.text
+                                    }),
+                                    topicItem.desc && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                        className: "topics-desc",
+                                        children: topicItem.desc
+                                    })
+                                ]
+                            }, topicItem.text);
+                        })
+                    })
+                ],
+                className: "topics-div",
+            }, moreTopics.title ?? sectionIndex);
+        })
+    });
+}
 
 function HomepageFeatures({ frontmatter, routePath }) {
     const features = frontmatter?.features;
 
+    if(!features){
+        return;
+    }
+
     return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         children: [
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -3358,7 +3439,7 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
     const [activeTab, setActiveTab] = __WEBPACK_EXTERNAL_MODULE_react__.useState(0);
     const featureTab = frontmatter?.featureTabs;
 
-    return featureTab ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return featureTab && featureTab.tabs && featureTab.tabs.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "features-div",
         children: [
             //Tabs
@@ -3374,7 +3455,7 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
             }),
 
             // Tab content
-            featureTab.tabs[activeTab].rows?.length > 0 ?
+            featureTab.tabs[activeTab] && featureTab.tabs[activeTab].rows?.length > 0 ?
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 children: (featureTab.tabs[activeTab].rows || []).map((featuresRow) => {
                     return featuresRow.items?.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -3431,9 +3512,16 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
 function HomepageFaqs({ frontmatter, routePath }) {
     const tabs = frontmatter?.faqTabs || [];
     const [activeTab, setActiveTab] = __WEBPACK_EXTERNAL_MODULE_react__.useState(tabs[0]?.title || '');
+    const [isExpanded, setIsExpanded] = __WEBPACK_EXTERNAL_MODULE_react__.useState(false);
+    const DEFAULT_VISIBLE_COUNT = 5;
     
     const activeFaqs = tabs.find(tab => tab.title === activeTab);
 
+    const handleTabClick = (title) => {
+        setActiveTab(title);
+        setIsExpanded(false);
+    };
+
     const renderFaqItem = (faqItem) => {
         // If item has a link, render as a clickable link row (same style as FAQ question)
         if (faqItem.link) {
@@ -3499,6 +3587,11 @@ function HomepageFaqs({ frontmatter, routePath }) {
         }, faqItem.question);
     };
 
+    const visibleFaqs = activeFaqs
+        ? (isExpanded ? activeFaqs.items : activeFaqs.items.slice(0, DEFAULT_VISIBLE_COUNT))
+        : [];
+    const hasMoreItems = activeFaqs && activeFaqs.items.length > DEFAULT_VISIBLE_COUNT;
+
     return tabs.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "faqs-div",
         children: [
@@ -3508,21 +3601,51 @@ function HomepageFaqs({ frontmatter, routePath }) {
                 children: tabs.map((tab) => 
                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                         className: activeTab === tab.title ? "faqs-tab active" : "faqs-tab",
-                        onClick: () => setActiveTab(tab.title),
+                        onClick: () => handleTabClick(tab.title),
                         children: tab.title
                     }, tab.title)
                 )
             }),
             // Content FAQ
             activeFaqs ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        children: activeFaqs.items.map((faqItem) => renderFaqItem(faqItem)),
+                        children: visibleFaqs.map((faqItem) => renderFaqItem(faqItem)),
                         className: "faqs-box"
                     }) : null,
+            // Show more / Show less button (outside the white box)
+            hasMoreItems ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "faqs-show-more",
+                style: {
+                    textAlign: 'center',
+                    padding: '16px 0',
+                    cursor: 'pointer',
+                },
+                onClick: (e) => {
+                    e.preventDefault();
+                    setIsExpanded(!isExpanded);
+                },
+                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    style: {
+                        color: '#333',
+                        fontWeight: 500,
+                        fontSize: '14px',
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        gap: '6px',
+                    },
+                    children: [
+                        isExpanded ? "Show less" : "Show more",
+                        (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                            className: isExpanded ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down",
+                            style: { fontSize: '20px' }
+                        })
+                    ]
+                })
+            }) : null,
         ],
         style: {
-                    width: '100%',
-                    padding: '72px 40px 0 40px',
-                }
+            width: '100%',
+            padding: '72px 40px 0 40px',
+        }
     }) : null;
 }
 
@@ -7233,4 +7356,4 @@ async function exportContentToPDF() {
     });
 }
 
-export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeLayout, HomepageLayout, GettingStartLayout, RequestArticleLayout, HomepageTopSearch, IntroBanner, HomepageTopics, HomepageFeatures, HomepageFeaturesTabs, PopularTopicsSection, WhatsNew, HomepageFaqs, LastUpdated, Layout, Link, LinkCard, Nav, NotFoundLayout, Overview, PackageManagerTabs, PrevNextPage, types_RenderType as RenderType, ScrollToTop, Search, SearchPanel, Sidebar, SidebarList, SocialLinks, SourceCode, Steps, SwitchAppearance, Tab, Tabs, Tag, Toc, bindingAsideScroll, src_rslib_entry_ as default, getCustomMDXComponent, isMobileDevice, parseInlineMarkdownText, renderHtmlOrText, renderInlineMarkdown, scrollToTarget, setup, useEditLink, useEnableNav, useFullTextSearch, useHiddenNav, useLocaleSiteData, usePathUtils, usePrevNextPage, useRedirect4FirstVisit, useSidebarData, useThemeState };
+export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeLayout, HomepageLayout, GettingStartLayout, RequestArticleLayout, HomepageTopSearch, IntroBanner, HomepageTopics, HomepageMoreTopics as HomepageAnotherTopics, HomepageFeatures, HomepageFeaturesTabs, PopularTopicsSection, WhatsNew, HomepageFaqs, LastUpdated, Layout, Link, LinkCard, Nav, NotFoundLayout, Overview, PackageManagerTabs, PrevNextPage, types_RenderType as RenderType, ScrollToTop, Search, SearchPanel, Sidebar, SidebarList, SocialLinks, SourceCode, Steps, SwitchAppearance, Tab, Tabs, Tag, Toc, bindingAsideScroll, src_rslib_entry_ as default, getCustomMDXComponent, isMobileDevice, parseInlineMarkdownText, renderHtmlOrText, renderInlineMarkdown, scrollToTarget, setup, useEditLink, useEnableNav, useFullTextSearch, useHiddenNav, useLocaleSiteData, usePathUtils, usePrevNextPage, useRedirect4FirstVisit, useSidebarData, useThemeState };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rspress-theme-anatole/theme-default",
   "author": "Anatole Tong",
-  "version": "0.7.30",
+  "version": "0.7.31",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -21,8 +21,8 @@
   "types": "./dist/bundle.d.ts",
   "dependencies": {
     "@mdx-js/react": "2.3.0",
-    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.30",
-    "@rspress-theme-anatole/shared": "0.7.30",
+    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.31",
+    "@rspress-theme-anatole/shared": "0.7.31",
     "@rspress/runtime": "1.43.8",
     "body-scroll-lock": "4.0.0-beta.0",
     "copy-to-clipboard": "^3.3.3",