@rspress-theme-anatole/theme-default 0.1.3 → 0.1.4

package/dist/bundle.js

@@ -1177,6 +1177,37 @@ function DocLayout(props) {
         ]
     });
 }
+function HomepageLayout(props) {
+    const { page: { frontmatter, routePath } } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: "relative",
+        style: {
+            minHeight: 'calc(100vh - var(--rp-nav-height))',
+        },
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: "pb-12",
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageTopSearch, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
+                    // (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeHero, {
+                    //     frontmatter: frontmatter,
+                    //     routePath: routePath
+                    // }),
+                    // (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeFeature, {
+                    //     frontmatter: frontmatter,
+                    //     routePath: routePath
+                    // }),
+                ]
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeFooter, {})
+        ]
+    });
+}
+
 function HomeLayout(props) {
     const { beforeHero, afterHero, beforeFeatures, afterFeatures } = props;
     const { page: { frontmatter, routePath } } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
@@ -1208,6 +1239,7 @@ function HomeLayout(props) {
         ]
     });
 }
+
 function useRedirect4FirstVisit() {
     const { siteData, page } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
     const defaultLang = siteData.lang || '';
@@ -1326,7 +1358,11 @@ const Layout = (props) => {
     useRedirect4FirstVisit();
     let title = frontmatter.title ?? articleTitle;
     const mainTitle = siteData.title || localesData.title || '';
-    title = title && 'doc' === pageType ? concatTitle(title, frontmatter.titleSuffix || mainTitle) : 'home' === pageType ? concatTitle(mainTitle, frontmatter.titleSuffix) : '404' === pageType ? concatTitle('404', mainTitle) : mainTitle;
+    title = title &&
+        'doc' === pageType ? concatTitle(title, frontmatter.titleSuffix || mainTitle) :
+        'home' === pageType ? concatTitle(mainTitle, frontmatter.titleSuffix) :
+            'homepage' === pageType ? concatTitle(mainTitle, frontmatter.titleSuffix) :
+                '404' === pageType ? concatTitle('404', mainTitle) : mainTitle;
     const description = frontmatter?.description || siteData.description || localesData.description;
     const uiSwitch = {
         ...useUISwitch(),
@@ -1334,6 +1370,10 @@ const Layout = (props) => {
     };
     const getContentLayout = () => {
         switch (pageType) {
+            case 'homepage':
+                return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageLayout, {
+                    ...homeProps
+                });
             case 'home':
                 return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__["default"].HomeLayout, {
                     ...homeProps
@@ -2540,7 +2580,7 @@ function HomeFooter() {
             alignItems: "center",
             letterSpacing: "-1%",
             padding: "0 40px",
-            borderTop: "1px solid #7E8695", 
+            borderTop: "1px solid #7E8695",
         }
     });
 }
@@ -2556,6 +2596,70 @@ const DEFAULT_HERO = {
     actions: [],
     image: void 0
 };
+
+function HomepageTopSearch({ frontmatter, routePath }) {
+    const hero = frontmatter?.hero || DEFAULT_HERO;
+    const hasImage = void 0 !== hero.image;
+    const textMaxWidth = hasImage ? 'sm:max-w-xl' : 'sm:max-w-4xl';
+    const multiHeroText = hero.text ? hero.text.toString().split(/\n/g).filter((text) => '' !== text) : [];
+    const imageSrc = 'string' == typeof hero.image?.src ? {
+        light: hero.image.src,
+        dark: hero.image.src
+    } : hero.image?.src || {
+        light: '',
+        dark: ''
+    };
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                        children: [
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h1", {
+                                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                    style: {
+                                        lineHeight: '1.3'
+                                    },
+                                    children: renderHtmlOrText(hero.name)
+                                })
+                            }),
+                            0 !== multiHeroText.length && multiHeroText.map((heroText) => (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                style: {
+                                    lineHeight: '1.2'
+                                },
+                                children: renderHtmlOrText(heroText)
+                            }, heroText)),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                children: renderHtmlOrText(hero.tagline)
+                            }),
+                            hero.actions?.length && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                children: hero.actions.map((action) => {
+                                    const link = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isExternalUrl)(action.link) ? action.link : (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeHrefInRuntime)((0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.withBase)(action.link, routePath));
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.Button, {
+                                            type: "a",
+                                            href: link,
+                                            text: renderHtmlOrText(action.text),
+                                            theme: action.theme,
+                                        })
+                                    }, link);
+                                })
+                            })
+                        ]
+                    }),
+                ]
+            })
+        ],
+        style: {
+            height: "400px",
+            backgroundColor: "green",
+            backgroundImage: `url(${(0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeImagePath)(imageSrc.light)})`,
+            backgroundSize: "cover",
+        }
+    });
+}
+
 function HomeHero({ frontmatter, routePath }) {
     const hero = frontmatter?.hero || DEFAULT_HERO;
     const hasImage = void 0 !== hero.image;
@@ -4960,4 +5064,4 @@ const src_rslib_entry_ = {
     HomeLayout: HomeLayout,
     setup: setup
 };
-export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeHero, HomeLayout, 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, HomeHero, HomeLayout, HomepageLayout, 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.1.3",
+  "version": "0.1.4",
   "license": "MIT",
   "sideEffects": [
     "*.css",