dumi-theme-lobehub 1.3.0 → 1.4.0

package/README.md

@@ -67,6 +67,35 @@ $ pnpm install
 $ pnpm start
 ```
 
+Theme Config:
+
+```ts
+interface SiteThemeConfig {
+  actions: HeroProps['actions'];
+  apiHeader?: ApiHeaderConfig | false;
+  description?: string;
+  features: FeaturesProps['items'];
+  footer?: string | false;
+  footerConfig?: FooterConfig;
+  giscus?: {
+    category: string;
+    categoryId: string;
+    repo: `${string}/${string}`;
+    repoId: string;
+  };
+  hero?: HeroConfig | Record<string, HeroConfig>;
+  hideHomeNav?: boolean;
+  logo?: string;
+  name?: string;
+  siteToken?: SiteConfigToken;
+  socialLinks?: {
+    discord?: `https://discord.gg/${string}`;
+    github?: string;
+  };
+  title?: string;
+}
+```
+
 <div align="right">
 
 [![][back-to-top]](#readme-top)
@@ -77,23 +106,11 @@ $ pnpm start
 
 <!-- CONTRIBUTION GROUP -->
 
-> 📊 Total: <kbd>**5**</kbd>
+> 📊 Total: <kbd>**1**</kbd>
 
 <a href="https://github.com/canisminor1990" title="canisminor1990">
   <img src="https://avatars.githubusercontent.com/u/17870709?v=4" width="50" />
 </a>
-<a href="https://github.com/arvinxx" title="arvinxx">
-  <img src="https://avatars.githubusercontent.com/u/28616219?v=4" width="50" />
-</a>
-<a href="https://github.com/apps/dependabot" title="dependabot[bot]">
-  <img src="https://avatars.githubusercontent.com/in/29110?v=4" width="50" />
-</a>
-<a href="https://github.com/actions-user" title="actions-user">
-  <img src="https://avatars.githubusercontent.com/u/65916846?v=4" width="50" />
-</a>
-<a href="https://github.com/meganjohnson96" title="meganjohnson96">
-  <img src="https://avatars.githubusercontent.com/u/136729222?v=4" width="50" />
-</a>
 
 <!-- CONTRIBUTION END -->
 

package/dist/pages/Docs/index.js

@@ -6,7 +6,7 @@ import { Center } from 'react-layout-kit';
 import { shallow } from 'zustand/shallow';
 import ApiHeader from "dumi/theme/slots/ApiHeader";
 import Content from "dumi/theme/slots/Content";
-import { isApiPageSel, useSiteStore } from "../../store";
+import { giscusSel, isApiPageSel, useSiteStore } from "../../store";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -15,19 +15,26 @@ var Documents = /*#__PURE__*/memo(function () {
   var outlet = useOutlet();
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
-  var isApiPage = useSiteStore(isApiPageSel, shallow);
+  var _useSiteStore = useSiteStore(function (st) {
+      return {
+        giscus: giscusSel(st),
+        isApiPage: isApiPageSel(st)
+      };
+    }, shallow),
+    isApiPage = _useSiteStore.isApiPage,
+    giscus = _useSiteStore.giscus;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var Comment = useCallback(function () {
-    return /*#__PURE__*/_jsx(Giscus, {
-      category: "Q&A",
-      categoryId: "DIC_kwDOJloKoM4CXsCu",
+    return giscus && /*#__PURE__*/_jsx(Giscus, {
+      category: giscus.category,
+      categoryId: giscus.categoryId,
       id: "lobehub",
       mapping: "title",
-      repo: "lobehub/lobe-ui",
-      repoId: "R_kgDOJloKoA"
+      repo: giscus.repo,
+      repoId: giscus.repoId
     });
-  }, [location.pathname]);
+  }, [giscus, location.pathname]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       className: styles.background
@@ -44,7 +51,7 @@ var Documents = /*#__PURE__*/memo(function () {
         },
         children: /*#__PURE__*/_jsx(ApiHeader, {})
       }) : undefined, /*#__PURE__*/_jsxs(Content, {
-        children: [outlet, /*#__PURE__*/_jsx(Comment, {})]
+        children: [outlet, giscus && /*#__PURE__*/_jsx(Comment, {})]
       })]
     })]
   });

package/dist/slots/Footer/index.js

@@ -24,7 +24,7 @@ var Footer = /*#__PURE__*/memo(function () {
     mobile = _useResponsive.mobile;
   if (!themeConfig.footer) return;
   var footer = themeConfig.footerConfig;
-  var columns = (footer === null || footer === void 0 ? void 0 : footer.columns) === false ? undefined : getColumns({
+  var columns = footer !== null && footer !== void 0 && footer.columns ? undefined : getColumns({
     github: githubUrl || pkg.homepage
   });
   var bottomFooter = (footer === null || footer === void 0 ? void 0 : footer.bottom) || themeConfig.footer;
@@ -50,7 +50,7 @@ var Footer = /*#__PURE__*/memo(function () {
     }),
     columns: columns,
     contentMaxWidth: theme.contentMaxWidth,
-    theme: (footer === null || footer === void 0 ? void 0 : footer.theme) || theme.appearance
+    theme: theme.appearance
   });
 });
 export default Footer;

package/dist/slots/Header/DiscordButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DiscordButton: import("react").NamedExoticComponent<object>;
+export default DiscordButton;

package/dist/slots/Header/DiscordButton.js

@@ -0,0 +1,32 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { ActionIcon } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { createLucideIcon } from 'lucide-react';
+import { memo } from 'react';
+import { discordSel, useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Discord = createLucideIcon('Discord', [['path', {
+  d: 'M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z',
+  key: '18tl5t'
+}]]);
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    svg {\n      overflow: visible !important;\n    }\n  "])));
+});
+var DiscordButton = /*#__PURE__*/memo(function () {
+  var inviteUrl = useSiteStore(discordSel);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return inviteUrl ? /*#__PURE__*/_jsx("a", {
+    href: inviteUrl,
+    rel: "noreferrer",
+    target: '_blank',
+    children: /*#__PURE__*/_jsx(ActionIcon, {
+      className: styles,
+      icon: Discord,
+      size: "site"
+    })
+  }) : undefined;
+});
+export default DiscordButton;

package/dist/slots/Header/index.js

@@ -6,6 +6,7 @@ import Navbar from "dumi/theme/slots/Navbar";
 import SearchBar from "dumi/theme/slots/SearchBar";
 import { useSiteStore } from "../../store/useSiteStore";
 import Burger from "./Burger";
+import DiscordButton from "./DiscordButton";
 import GithubButton from "./GithubButton";
 import LangSwitch from "./LangSwitch";
 import ThemeSwitch from "./ThemeSwitch";
@@ -21,7 +22,7 @@ var Header = /*#__PURE__*/memo(function () {
   if (!hasHeader) return;
   return /*#__PURE__*/_jsx(Head, {
     actions: mobile ? /*#__PURE__*/_jsx(ThemeSwitch, {}) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [' ', /*#__PURE__*/_jsx(SearchBar, {}), /*#__PURE__*/_jsx(LangSwitch, {}), /*#__PURE__*/_jsx(GithubButton, {}), /*#__PURE__*/_jsx(ThemeSwitch, {})]
+      children: [/*#__PURE__*/_jsx(SearchBar, {}), " ", /*#__PURE__*/_jsx(LangSwitch, {}), /*#__PURE__*/_jsx(GithubButton, {}), /*#__PURE__*/_jsx(DiscordButton, {}), /*#__PURE__*/_jsx(ThemeSwitch, {})]
     }),
     logo: /*#__PURE__*/_jsx(Logo, {}),
     nav: mobile ? /*#__PURE__*/_jsx(Burger, {}) : /*#__PURE__*/_jsx(Navbar, {})

package/dist/slots/PreviewerActions/index.d.ts

@@ -1,6 +1,6 @@
 import { type IPreviewerProps } from 'dumi';
 import { type FC, type ReactNode } from 'react';
-export interface IPreviewerActionsProps extends IPreviewerProps {
+export interface PreviewerActionsProps extends IPreviewerProps {
     demoContainer: HTMLDivElement | HTMLIFrameElement;
     /**
      * disabled actions
@@ -9,5 +9,5 @@ export interface IPreviewerActionsProps extends IPreviewerProps {
     extra?: ReactNode;
     forceShowCode?: boolean;
 }
-declare const PreviewerActions: FC<IPreviewerActionsProps>;
+declare const PreviewerActions: FC<PreviewerActionsProps>;
 export default PreviewerActions;

package/dist/store/index.d.ts

@@ -1,17 +1,8 @@
 export * from './selectors';
 export * from './useSiteStore';
 export * from './useThemeStore';
-/**
- * @title 数据选择器
- */
 export declare const siteSelectors: {
-    /**
-     * @title API 头部选择器
-     */
     apiHeader: (s: import("./useSiteStore").SiteStore) => import("../components/ApiHeader").ApiHeaderProps;
-    /**
-     * @title 扁平化侧边栏选择器
-     */
     flattenSidebar: (s: import("./useSiteStore").SiteStore) => import("dumi/dist/client/theme-api/types").ISidebarItem[];
     token: (s: import("./useSiteStore").SiteStore) => any;
 };

package/dist/store/index.js

@@ -2,18 +2,8 @@ import { apiHeaderSel, flattenSidebarSel, tokenSel } from "./selectors";
 export * from "./selectors";
 export * from "./useSiteStore";
 export * from "./useThemeStore";
-
-/**
- * @title 数据选择器
- */
 export var siteSelectors = {
-  /**
-   * @title API 头部选择器
-   */
   apiHeader: apiHeaderSel,
-  /**
-   * @title 扁平化侧边栏选择器
-   */
   flattenSidebar: flattenSidebarSel,
   token: tokenSel
 };

package/dist/store/selectors/apiHeader.js

@@ -25,8 +25,6 @@ export var apiHeaderSel = function apiHeaderSel(s) {
   var REPO_BASE = githubSel(s);
   var fm = s.routeMeta.frontmatter;
   var localeId = s.locale.id;
-
-  // 统一的路径匹配替换方法
   var replaceUrl = function replaceUrl(rawString) {
     return rawString.replace('{github}', REPO_BASE).replace('{atomId}', fm.atomId || '').replace('{title}', fm.title).replace('{locale}', localeId);
   };
@@ -35,18 +33,8 @@ export var apiHeaderSel = function apiHeaderSel(s) {
     package_ = _ref$pkg === void 0 ? s.siteData.pkg.name : _ref$pkg,
     sourceUrlMatch = _ref.sourceUrl,
     documentUrlMatch = _ref.docUrl;
-
-  // 1. 兜底默认使用文档的 apiHeader.pkg
-  // 2. 如果 themeConfig 里配置了 pkg， 则使用配置的 pkg
-  // 3. 兜底使用 package.json 中的 name
   var displayPackage = ((_fm$apiHeader = fm.apiHeader) === null || _fm$apiHeader === void 0 ? void 0 : _fm$apiHeader.pkg) || package_;
-
-  // 1. 默认使用文档的 fm.atomId
-  // 2. 兜底到文档 title
   var componentName = fm.atomId || fm.title;
-
-  // 1. 优先选择使用文档 apiHeader.defaultImport
-  // 2. 默认使用 false
   var defaultImport = ((_fm$apiHeader2 = fm.apiHeader) === null || _fm$apiHeader2 === void 0 ? void 0 : _fm$apiHeader2.defaultImport) || false;
   var sourceUrl = ((_fm$apiHeader3 = fm.apiHeader) === null || _fm$apiHeader3 === void 0 ? void 0 : _fm$apiHeader3.sourceUrl) || (haseUrl(sourceUrlMatch) ? replaceUrl(sourceUrlMatch) : undefined);
   var documentUrl = ((_fm$apiHeader4 = fm.apiHeader) === null || _fm$apiHeader4 === void 0 ? void 0 : _fm$apiHeader4.docUrl) || (haseUrl(documentUrlMatch) ? replaceUrl(documentUrlMatch) : undefined);

package/dist/store/selectors/hero.d.ts

@@ -1,22 +1,7 @@
 import { type FeatureItem } from '@lobehub/ui';
 import { SiteStore } from '../useSiteStore';
 export declare const isHeroPageSel: (s: SiteStore) => boolean;
-/**
- * Hero Title 选择器
- * 选择逻辑：优先使用 hero 配置的 title， 再兜底到 themeConfig 中的 name
- */
 export declare const heroTitleSel: (s: SiteStore) => any;
-/**
- * Hero description 选择器
- * 选择逻辑：优先使用 hero 配置的 description， 再兜底到 themeConfig 中的 name
- */
 export declare const heroDescSel: (s: SiteStore) => any;
-/**
- * Hero Action 选择器
- * 选择逻辑：优先使用 hero 配置的 actions， 再兜底到 themeConfig 中的 actions
- */
 export declare const heroActionsSel: (s: SiteStore) => any;
-/**
- * Features 选择器
- */
 export declare const featuresSel: (s: SiteStore) => FeatureItem[];

package/dist/store/selectors/hero.js

@@ -6,54 +6,20 @@ var localeValueSel = function localeValueSel(s, value) {
   if (value[s.locale.id]) return value[s.locale.id];
   return value;
 };
-
-/**
- * Hero Title 选择器
- * 选择逻辑：优先使用 hero 配置的 title， 再兜底到 themeConfig 中的 name
- */
 export var heroTitleSel = function heroTitleSel(s) {
   var _s$routeMeta$frontmat, _localeValueSel;
-  return ((_s$routeMeta$frontmat = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat === void 0 ? void 0 : _s$routeMeta$frontmat.title) || ( // 从 hero 的 title 中选择
-  (_localeValueSel = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel === void 0 ? void 0 : _localeValueSel.title) ||
-  // @deprecated 1.0 正式版本移除
-  // 从 hero 的 title 中选择
-  localeValueSel(s, s.siteData.themeConfig.title) || s.siteData.themeConfig.name;
+  return ((_s$routeMeta$frontmat = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat === void 0 ? void 0 : _s$routeMeta$frontmat.title) || ((_localeValueSel = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel === void 0 ? void 0 : _localeValueSel.title) || localeValueSel(s, s.siteData.themeConfig.title) || s.siteData.themeConfig.name;
 };
-
-/**
- * Hero description 选择器
- * 选择逻辑：优先使用 hero 配置的 description， 再兜底到 themeConfig 中的 name
- */
 export var heroDescSel = function heroDescSel(s) {
   var _s$routeMeta$frontmat2, _localeValueSel2;
-  return ((_s$routeMeta$frontmat2 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat2 === void 0 ? void 0 : _s$routeMeta$frontmat2.description) || ( // 从 hero 的 description 中选择
-  (_localeValueSel2 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel2 === void 0 ? void 0 : _localeValueSel2.description) ||
-  // @deprecated 1.0 正式版本移除
-  // 从 hero 的 description 中选择
-  localeValueSel(s, s.siteData.themeConfig.description);
+  return ((_s$routeMeta$frontmat2 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat2 === void 0 ? void 0 : _s$routeMeta$frontmat2.description) || ((_localeValueSel2 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel2 === void 0 ? void 0 : _localeValueSel2.description) || localeValueSel(s, s.siteData.themeConfig.description);
 };
-
-/**
- * Hero Action 选择器
- * 选择逻辑：优先使用 hero 配置的 actions， 再兜底到 themeConfig 中的 actions
- */
 export var heroActionsSel = function heroActionsSel(s) {
   var _s$routeMeta$frontmat3, _localeValueSel3;
-  return ((_s$routeMeta$frontmat3 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat3 === void 0 ? void 0 : _s$routeMeta$frontmat3.actions) || ( // 从 hero 的 actions 中选择
-  (_localeValueSel3 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel3 === void 0 ? void 0 : _localeValueSel3.actions) ||
-  // @deprecated 1.0 正式版本移除
-  localeValueSel(s, s.siteData.themeConfig.actions);
+  return ((_s$routeMeta$frontmat3 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat3 === void 0 ? void 0 : _s$routeMeta$frontmat3.actions) || ((_localeValueSel3 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel3 === void 0 ? void 0 : _localeValueSel3.actions) || localeValueSel(s, s.siteData.themeConfig.actions);
 };
-
-/**
- * Features 选择器
- */
 export var featuresSel = function featuresSel(s) {
   var _localeValueSel4;
   if (!isHeroPageSel(s)) return [];
-  return ((_localeValueSel4 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel4 === void 0 ? void 0 : _localeValueSel4.features) ||
-  // @deprecated 1.0 正式版本移除
-  localeValueSel(s, s.siteData.themeConfig.features) ||
-  // 在themeConfig 没有配置的话，尝试兜底到 frontmatter 中的配置
-  s.routeMeta.frontmatter.features || [];
+  return ((_localeValueSel4 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel4 === void 0 ? void 0 : _localeValueSel4.features) || localeValueSel(s, s.siteData.themeConfig.features) || s.routeMeta.frontmatter.features || [];
 };

package/dist/store/selectors/siteBasicInfo.d.ts

@@ -1,6 +1,10 @@
 import { SiteStore } from '../useSiteStore';
-/**
- * 站点标题选择器
- */
-export declare const siteTitleSel: (s: SiteStore) => any;
-export declare const githubSel: (s: SiteStore) => any;
+export declare const siteTitleSel: (s: SiteStore) => string | undefined;
+export declare const githubSel: (s: SiteStore) => string;
+export declare const discordSel: (s: SiteStore) => "" | `https://discord.gg/${string}`;
+export declare const giscusSel: (s: SiteStore) => {
+    category: string;
+    categoryId: string;
+    repo: `${string}/${string}`;
+    repoId: string;
+} | undefined;

package/dist/store/selectors/siteBasicInfo.js

@@ -1,14 +1,14 @@
-/**
- * 站点标题选择器
- */
 export var siteTitleSel = function siteTitleSel(s) {
   return s.siteData.themeConfig.title;
 };
 export var githubSel = function githubSel(s) {
   var _s$siteData$themeConf;
-  return (
-    // 优先取 socialLinks 里的 github
-    // TODO: 后面的 github 在 1.0 里废弃
-    ((_s$siteData$themeConf = s.siteData.themeConfig.socialLinks) === null || _s$siteData$themeConf === void 0 ? void 0 : _s$siteData$themeConf.github) || s.siteData.themeConfig.github
-  );
+  return ((_s$siteData$themeConf = s.siteData.themeConfig.socialLinks) === null || _s$siteData$themeConf === void 0 ? void 0 : _s$siteData$themeConf.github) || '';
+};
+export var discordSel = function discordSel(s) {
+  var _s$siteData$themeConf2;
+  return ((_s$siteData$themeConf2 = s.siteData.themeConfig.socialLinks) === null || _s$siteData$themeConf2 === void 0 ? void 0 : _s$siteData$themeConf2.discord) || '';
+};
+export var giscusSel = function giscusSel(s) {
+  return s.siteData.themeConfig.giscus;
 };

package/dist/store/useSiteStore.d.ts

@@ -1,8 +1,9 @@
 import { AtomAsset } from 'dumi-assets-types';
-import { ILocale, ILocalesConfig, INavItem, IPreviewerProps, IRouteMeta, ISidebarGroup, IThemeConfig } from 'dumi/dist/client/theme-api/types';
+import { ILocale, ILocalesConfig, INavItem, IPreviewerProps, IRouteMeta, ISidebarGroup } from 'dumi/dist/client/theme-api/types';
 import { PICKED_PKG_FIELDS } from 'dumi/dist/constants';
 import type { Location } from 'history';
 import { ComponentType } from 'react';
+import { SiteThemeConfig } from "../types";
 export declare type NavData = (INavItem & {
     children?: INavItem[] | undefined;
 })[];
@@ -18,7 +19,7 @@ export interface ISiteData {
     locales: ILocalesConfig;
     pkg: Partial<Record<keyof typeof PICKED_PKG_FIELDS, any>>;
     setLoading: (status: boolean) => void;
-    themeConfig: IThemeConfig;
+    themeConfig: SiteThemeConfig;
 }
 export interface SiteStore {
     locale: ILocale;

package/dist/store/useThemeStore.d.ts

@@ -1,20 +1,19 @@
 import type { ThemeMode } from 'antd-style';
-interface Store {
+export interface ThemeStore {
     themeMode: ThemeMode;
 }
-export declare const useThemeStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<Store>, "persist"> & {
+export declare const useThemeStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ThemeStore>, "persist"> & {
     persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<Store, {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ThemeStore, {
             themeMode: ThemeMode;
         }>>) => void;
         clearStorage: () => void;
         rehydrate: () => void | Promise<void>;
         hasHydrated: () => boolean;
-        onHydrate: (fn: (state: Store) => void) => () => void;
-        onFinishHydration: (fn: (state: Store) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<Store, {
+        onHydrate: (fn: (state: ThemeStore) => void) => () => void;
+        onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ThemeStore, {
             themeMode: ThemeMode;
         }>>;
     };
 }>;
-export {};

package/dist/types/config.d.ts

@@ -1,101 +1,38 @@
-import { FooterColumn } from 'rc-footer/es/column';
-import { SiteCustomToken } from '../styles/customToken';
-import { IHero } from './hero';
+import type { FeaturesProps, FooterProps, HeroProps } from '@lobehub/ui';
+import type { SiteCustomToken } from "../styles/customToken";
+import type { HeroConfig } from './hero';
 export interface ApiHeaderConfig {
-    /**
-     * @title 文档链接
-     * @description 点击 ApiHeader 组件的文档链接跳转的地址
-     */
     docUrl?: string | false;
-    /**
-     * @title 匹配路由
-     * @description ApiHeader 组件的匹配路由
-     * @default ["/api", "/components"]
-     */
     match?: string[];
-    /**
-     * @title 组件库包名
-     * @description 可以从 package.json 中引入名称
-     */
     pkg?: string;
-    /**
-     * @title 源代码链接
-     * @description 点击 ApiHeader 组件的源代码链接跳转的地址
-     */
     sourceUrl?: string | false;
 }
-/**
- * @title 页面底部 Footer 组件的配置
- */
-export interface IFooter {
-    /**
-     * @title 底部内容
-     */
-    bottom?: string;
-    /**
-     * @title 列配置
-     */
-    columns?: FooterColumn[] | false;
-    /**
-     * @title 主题
-     * @enum ['dark', 'light']
-     * @enumNames ['黑色', '白色']
-     */
-    theme?: 'dark' | 'light';
+export interface FooterConfig {
+    bottom?: FooterProps['bottom'];
+    columns?: FooterProps['columns'];
 }
-/**
- * 网站主题配置
- */
 export interface SiteThemeConfig {
-    /**
-     * API 文档页头部配置
-     * @type ApiHeaderConfig | false
-     */
+    actions: HeroProps['actions'];
     apiHeader?: ApiHeaderConfig | false;
-    /**
-     * 网站页脚
-     * @type string | false
-     */
+    description?: string;
+    features: FeaturesProps['items'];
     footer?: string | false;
-    /**
-     * 网站页脚配置
-     * @type IFooter
-     */
-    footerConfig?: IFooter;
-    /**
-     * 导航栏 Github 图标链接，如不配置该字段，则不展示。
-     */
-    github?: string;
-    /**
-     * 网站首页头部
-     * @type IHero | Record<string, IHero>
-     */
-    hero?: IHero | Record<string, IHero>;
-    /**
-     * 是否隐藏首页的 nav tab，配置为 `false` 则不展示首页的 tab
-     */
+    footerConfig?: FooterConfig;
+    giscus?: {
+        category: string;
+        categoryId: string;
+        repo: `${string}/${string}`;
+        repoId: string;
+    };
+    hero?: HeroConfig | Record<string, HeroConfig>;
     hideHomeNav?: boolean;
-    /**
-     * 网站 logo 图片链接
-     */
     logo?: string;
-    /**
-     * 网站名称
-     */
     name?: string;
-    /**
-     * 网站主题 Token 配置
-     */
     siteToken?: SiteConfigToken;
     socialLinks?: {
-        facebook?: string;
+        discord?: `https://discord.gg/${string}`;
         github?: string;
-        gitlab?: string;
-        linkedin?: string;
-        twitter?: string;
-        weibo?: string;
-        yueque?: string;
-        zhihu?: string;
     };
+    title?: string;
 }
 export declare type SiteConfigToken = Partial<Pick<SiteCustomToken, 'headerHeight' | 'footerHeight' | 'sidebarWidth' | 'tocWidth' | 'contentMaxWidth'>>;

package/dist/types/hero.d.ts

@@ -1,6 +1,6 @@
 import { type FeatureItem, type HeroAction } from '@lobehub/ui';
 export declare type ImageContainerType = 'light' | 'primary' | 'soon';
-export interface IHero {
+export interface HeroConfig {
     actions: HeroAction[];
     description?: string;
     features?: FeatureItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui",
   "keywords": [
     "lobehub",