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

package/dist/bundle.css

@@ -3507,14 +3507,4 @@ p {
 
 .rspress-nav {
   border-bottom: 1px solid var(--Colors-Neutral-3, #D2D5DA);
-}
-
-footer {
-  background-color: #32363E;
-  height: 60px;
-}
-
-.footer-link {
-  display: flex;
-  gap: 20px;
 }

package/dist/bundle.js

@@ -1,6 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__mdx_js_react_0d3abecb__ from "@mdx-js/react";
-import * as __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__ from "@rspress-theme-anatole/runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__ from "@rspress/runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__theme_75e53063__ from "@theme";
 import * as __WEBPACK_EXTERNAL_MODULE_github_slugger_8e9a17cb__ from "github-slugger";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
@@ -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)();
@@ -1184,7 +1215,7 @@ function HomeLayout(props) {
         className: "relative",
         style: {
             minHeight: 'calc(100vh - var(--rp-nav-height))',
-            paddingBottom: '80px'
+            // paddingBottom: '80px'
         },
         children: [
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
@@ -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
@@ -2483,27 +2523,65 @@ function HomeFeature({ frontmatter, routePath }) {
 
 function HomeFooter() {
     const { siteData } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
-    const { message } = siteData.themeConfig.footer || {};
+    const { group, message, links, social } = siteData.themeConfig.footer || {};
     if (!message) return null;
     return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("footer", {
-        className: "absolute bottom-0 mt-12 py-8 px-6 sm:p-8 w-full border-t border-solid border-divider-light",
-        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-            className: "m-auto w-full text-center",
-            children: [
-                (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: "font-medium text-sm text-text-2",
-                    dangerouslySetInnerHTML: {
-                        __html: message
-                    }
-                }),
-                (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: "font-medium text-sm text-text-2",
-                    dangerouslySetInnerHTML: {
-                        __html: message
-                    }
-                }),
-            ]
-        })
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                dangerouslySetInnerHTML: {
+                    __html: group.map((groupItem) => { return `<a href="${groupItem.link}" class="">${groupItem.text}</a>` }).join("")
+                },
+                style: {
+                    gap: "20px",
+                    display: "flex",
+                    fontWeight: "600",
+                }
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                dangerouslySetInnerHTML: {
+                    __html: links.map((link) => { return `<a href="${link.link}" class="">${link.text}</a>` }).join("")
+                },
+                style: {
+                    gap: "20px",
+                    display: "flex",
+                    fontWeight: "600",
+
+                }
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                dangerouslySetInnerHTML: {
+                    __html: message
+                },
+                style: {
+                    display: "flex",
+                    fontWeight: "400",
+
+                }
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                dangerouslySetInnerHTML: {
+                    __html: social.map((socialItem) => { return `<a href="${socialItem.link}" class="">${socialItem.text}</a>` }).join("")
+                },
+                style: {
+                    gap: "20px",
+                    display: "flex",
+                    fontWeight: "400",
+                    lineHeight: "18px",
+                }
+            }),
+        ],
+        style: {
+            height: "60px",
+            background: "#32363E",
+            color: "var(--Colors-White, #fff)",
+            fontSize: "14px",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            letterSpacing: "-1%",
+            padding: "0 40px",
+            borderTop: "1px solid #7E8695",
+        }
     });
 }
 
@@ -2518,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;
@@ -4922,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.2",
+  "version": "0.1.4",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -32,8 +32,8 @@
     "react-dom": "^18.3.1",
     "react-helmet-async": "^1.3.0",
     "react-syntax-highlighter": "^15.6.1",
-    "@rspress-theme-anatole/runtime": "0.1.2",
-    "@rspress-theme-anatole/shared": "0.1.2"
+    "@rspress/runtime": "1.43.8",
+    "@rspress-theme-anatole/shared": "0.1.3"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.49.2",

package/package1.json

@@ -1,89 +0,0 @@
-{
-  "name": "rspress-theme-anatole/theme-default",
-  "version": "0.0.10",
-  "description": "Anatole theme for Rspress",
-  "bugs": "https://github.com/web-infra-dev/rspress/issues",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/web-infra-dev/rspress",
-    "directory": "packages/theme-default"
-  },
-  "license": "MIT",
-  "sideEffects": [
-    "*.css",
-    "*.less",
-    "*.sass",
-    "*.scss",
-    "**/virtual-global-styles.js",
-    "virtual-global-styles",
-    "./src/styles/index.ts",
-    "./dist/index.js"
-  ],
-  "type": "module",
-  "imports": {
-    "#theme/*": "./src/*"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/bundle.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./node/*": "./dist/node/*",
-    "./package.json": "./package.json",
-    "./bundle.css": "./dist/bundle.css"
-  },
-  "main": "./dist/index.js",
-  "types": "./dist/bundle.d.ts",
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@mdx-js/react": "2.3.0",
-    "body-scroll-lock": "4.0.0-beta.0",
-    "copy-to-clipboard": "^3.3.3",
-    "flexsearch": "0.7.43",
-    "github-slugger": "^2.0.0",
-    "htmr": "^1.0.2",
-    "lodash-es": "^4.17.21",
-    "nprogress": "^0.2.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-helmet-async": "^1.3.0",
-    "react-syntax-highlighter": "^15.6.1",
-    "@rspress-theme-anatole/runtime": "0.1.0",
-    "@rspress-theme-anatole/shared": "0.1.0"
-  },
-  "devDependencies": {
-    "@microsoft/api-extractor": "^7.49.2",
-    "@modern-js/tsconfig": "2.64.0",
-    "@rsbuild/plugin-react": "~1.1.0",
-    "@rsbuild/plugin-sass": "~1.2.0",
-    "@rsbuild/plugin-svgr": "^1.0.6",
-    "@rslib/core": "0.5.2",
-    "@types/body-scroll-lock": "^3.1.2",
-    "@types/hast": "^2.3.10",
-    "@types/jest": "~29.5.14",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mdast": "^3.0.15",
-    "@types/nprogress": "^0.2.3",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "gray-matter": "4.0.3",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.5.3"
-  },
-  "engines": {
-    "node": ">=14.17.6"
-  },
-  "publishConfig": {
-    "access": "public",
-    "provenance": true,
-    "registry": "https://registry.npmjs.org/"
-  },
-  "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build -w",
-    "reset": "rimraf ./**/node_modules"
-  }
-}