dumi-theme-lobehub 1.8.5 → 1.9.0

package/README.md

@@ -83,11 +83,23 @@ Usage After installation, start the site with `dumi`, and the theme will be auto
 
 ```ts
 interface SiteThemeConfig {
-  actions: HeroProps['actions'];
+  actions?: HeroProps['actions'];
+  analytics?: {
+    clarity?: {
+      projectId: string;
+    };
+    googleAnalytics?: {
+      measurementId: string;
+    };
+    plausible?: {
+      domain: string;
+      scriptBaseUrl: string;
+    };
+  };
   apiHeader?: ApiHeaderConfig | false;
   description?: string;
   docStyle?: 'block' | 'pure';
-  features: FeaturesProps['items'];
+  features?: FeaturesProps['items'];
   footer?: string | false;
   footerConfig?: FooterConfig;
   giscus?: {
@@ -100,6 +112,28 @@ interface SiteThemeConfig {
   hideHomeNav?: boolean;
   logo?: string;
   logoType?: LogoProps['type'];
+  metadata?: {
+    description?: string;
+    icons?: {
+      apple?: string;
+      icon?: string;
+      shortcut?: string;
+    };
+    manifest?: string;
+    openGraph?: {
+      description?: string;
+      image?: string;
+      siteName?: string;
+      title?: string;
+    };
+    title?: string;
+    twitter?: {
+      description?: string;
+      image?: string;
+      site?: string;
+      title?: string;
+    };
+  };
   name?: string;
   siteToken?: SiteConfigToken;
   socialLinks?: {

package/dist/builtins/Container/index.js

@@ -1,26 +1,20 @@
-import { Alert } from 'antd';
-import { useStyles } from "./style";
+import { Alert, Typography } from '@lobehub/ui';
 import { jsx as _jsx } from "react/jsx-runtime";
 var Container = function Container(_ref) {
   var type = _ref.type,
     title = _ref.title,
     children = _ref.children;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.container,
-    "data-type": type,
+  return /*#__PURE__*/_jsx(Typography, {
+    fontSize: 14,
+    headerMultiple: 0.25,
+    marginMultiple: 0,
     children: /*#__PURE__*/_jsx(Alert, {
-      className: styles.alert,
-      description: /*#__PURE__*/_jsx("div", {
-        className: cx(styles.desc,
-        // 为了让 markdown 的样式生效，需要在这里添加一个额外的 class
-        'markdown'),
-        children: children
-      }),
+      description: children,
       message: title || type.toUpperCase(),
       showIcon: true,
+      style: {
+        marginBlock: '1em'
+      },
       type: type
     })
   });

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-export { defineThemeConfig } from './config';
+import { SiteThemeConfig } from "./types";
 export { siteSelectors, type SiteStore, useSiteStore } from './store';
 export * from './types';
+export { styles } from "./store/initialState";
+export declare const defineThemeConfig: (config: SiteThemeConfig) => SiteThemeConfig;

package/dist/index.js

@@ -1,3 +1,6 @@
-export { defineThemeConfig } from "./config";
 export { siteSelectors, useSiteStore } from "./store";
-export * from "./types";
+export * from "./types";
+export { styles } from "./store/initialState";
+export var defineThemeConfig = function defineThemeConfig(config) {
+  return config;
+};

package/dist/layouts/DocLayout/Head/Og.js

@@ -13,12 +13,13 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var Og = /*#__PURE__*/memo(function () {
   var _metadata$openGraph, _metadata$openGraph2, _metadata$openGraph3, _metadata$openGraph4, _metadata$openGraph5, _metadata$twitter, _metadata$twitter2, _metadata$twitter3, _metadata$openGraph6, _metadata$twitter4, _metadata$openGraph7, _metadata$twitter5, _metadata$openGraph8;
   var _useSiteStore = useSiteStore(function (s) {
-      return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s)];
+      return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s), siteSelectors.hostname(s)];
     }),
-    _useSiteStore2 = _slicedToArray(_useSiteStore, 3),
+    _useSiteStore2 = _slicedToArray(_useSiteStore, 4),
     title = _useSiteStore2[0],
     desc = _useSiteStore2[1],
-    logo = _useSiteStore2[2];
+    logo = _useSiteStore2[2],
+    hostname = _useSiteStore2[3];
   var metadata = useSiteStore(siteSelectors.metadata, isEqual);
   return /*#__PURE__*/_jsxs(Helmet, {
     children: [/*#__PURE__*/_jsx("title", {
@@ -33,7 +34,7 @@ var Og = /*#__PURE__*/memo(function () {
       content: (metadata === null || metadata === void 0 || (_metadata$openGraph2 = metadata.openGraph) === null || _metadata$openGraph2 === void 0 ? void 0 : _metadata$openGraph2.description) || desc,
       property: "og:description"
     }), /*#__PURE__*/_jsx("meta", {
-      content: location.origin,
+      content: hostname || location.origin,
       property: "og:url"
     }), /*#__PURE__*/_jsx("meta", {
       content: metadata === null || metadata === void 0 || (_metadata$openGraph3 = metadata.openGraph) === null || _metadata$openGraph3 === void 0 ? void 0 : _metadata$openGraph3.siteName,

package/dist/slots/Content/style.js

@@ -7,6 +7,6 @@ export var useStyles = createStyles(function (_ref, isPure) {
     responsive = _ref.responsive,
     css = _ref.css;
   return {
-    content: cx(!isPure && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 24px 48px;\n        background-color: ", ";\n        border-radius: 10px;\n\n        ", " {\n          padding: 8px 16px;\n          border-radius: 0;\n        }\n      "])), token.colorBgContainer, responsive.mobile), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      flex: 1;\n      box-sizing: border-box;\n      width: 100%;\n      min-height: 400px;\n\n      &:has([data-page-tabs='true']) {\n        padding-top: 8px;\n      }\n    "]))))
+    content: cx(!isPure && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 24px 48px;\n        background-color: ", ";\n        border-radius: 10px;\n\n        ", " {\n          padding: 8px 16px;\n          border-radius: 0;\n        }\n      "])), token.colorBgContainer, responsive.mobile), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      flex: 1;\n      box-sizing: border-box;\n      width: 100%;\n      min-height: 400px;\n\n      &:has([data-page-tabs='true']) {\n        padding-top: 8px;\n      }\n\n      .dumi-default-table-content {\n        overflow: visible !important;\n        font-size: 14px;\n      }\n\n      .dumi-default-badge {\n        &:not([type]) {\n          color: ", ";\n          background: ", ";\n          border: 1px solid ", ";\n        }\n\n        &[type='warning'] {\n          color: ", ";\n          background: ", ";\n          border: 1px solid ", ";\n        }\n\n        &[type='error'] {\n          color: ", ";\n          background: ", ";\n          border: 1px solid ", ";\n        }\n\n        &[type='success'] {\n          color: ", ";\n          background: ", ";\n          border: 1px solid ", ";\n        }\n      }\n    "])), token.colorInfoText, token.colorInfoBg, token.colorInfoBorder, token.colorWarningText, token.colorWarningBg, token.colorWarningBorder, token.colorErrorText, token.colorErrorBg, token.colorErrorBorder, token.colorSuccessText, token.colorSuccessBg, token.colorSuccessBorder))
   };
 });

package/dist/store/initialState.d.ts

@@ -30,5 +30,6 @@ export interface SiteStore {
     siteData: ISiteData;
     tabMeta?: NonNullable<IRouteMeta['tabs']>[0]['meta'];
 }
-export declare const initialThemeConfig: SiteThemeConfig;
+export declare const initialThemeConfig: Partial<SiteThemeConfig>;
+export declare const styles: string[];
 export declare const initialState: SiteStore;

package/dist/store/initialState.js

@@ -15,6 +15,7 @@ export var initialThemeConfig = {
     }
   }
 };
+export var styles = ["html, body { background: transparent;  }\n\n  @media (prefers-color-scheme: dark) {\n    html, body { background: #000; }\n  }"];
 export var initialState = {
   locale: {
     id: 'en-US',
@@ -46,6 +47,7 @@ export var initialState = {
     pkg: {},
     // @ts-ignore
     setLoading: undefined,
+    styles: styles,
     // @ts-ignore
     themeConfig: initialThemeConfig
   }

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

@@ -29,6 +29,7 @@ export declare const siteSelectors: {
         repoId: string;
     } | undefined;
     github: (s: SiteStore) => string;
+    hostname: (s: SiteStore) => string | undefined;
     logo: (s: SiteStore) => string;
     metadata: (s: SiteStore) => {
         description?: string | undefined;
@@ -54,7 +55,7 @@ export declare const siteSelectors: {
     } | undefined;
     siteDesc: (s: SiteStore) => string | undefined;
     siteTitle: (s: SiteStore) => string | undefined;
-    themeConfig: (s: SiteStore) => import("dumi/dist/client/theme-api/types").IThemeConfig & import("../../types").SiteThemeConfig;
+    themeConfig: (s: SiteStore) => import("dumi/dist/client/theme-api/types").IThemeConfig & import("../../types").SiteThemeConfig & Partial<import("../../types").SiteThemeConfig>;
     tocAnchorItem: (s: SiteStore) => AnchorItem[];
     token: (s: SiteStore) => any;
 };

package/dist/store/selectors/site.js

@@ -93,6 +93,9 @@ var contentBottom = function contentBottom(s) {
     prev: dataFlatten[currentIndex - 1]
   };
 };
+var hostname = function hostname(s) {
+  return s.siteData.hostname;
+};
 export var siteSelectors = {
   activePath: activePath,
   analytics: analytics,
@@ -101,6 +104,7 @@ export var siteSelectors = {
   flattenSidebar: flattenSidebar,
   giscus: giscus,
   github: github,
+  hostname: hostname,
   logo: logo,
   metadata: metadata,
   siteDesc: siteDesc,

package/dist/store/useSiteStore.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ISiteContext } from 'dumi/dist/client/theme-api/context';
-import { ILocale, INavItem, IRouteMeta, ISidebarGroup, IThemeConfig } from 'dumi/dist/client/theme-api/types';
+import { ILocale, INavItem, IRouteMeta, ISidebarGroup } from 'dumi/dist/client/theme-api/types';
 import type { Location } from 'history';
 import { StoreApi } from 'zustand';
 import { SiteThemeConfig } from "../types";
@@ -8,7 +8,7 @@ export type NavData = (INavItem & {
     children?: INavItem[] | undefined;
 })[];
 export type ISiteData = ISiteContext & {
-    themeConfig: IThemeConfig & SiteThemeConfig;
+    themeConfig: SiteThemeConfig;
 };
 export interface SiteStore {
     locale: ILocale;

package/dist/types/config.d.ts

@@ -1,4 +1,5 @@
 import type { FeaturesProps, FooterProps, HeroProps, LogoProps } from '@lobehub/ui';
+import { IThemeConfig } from 'dumi/dist/client/theme-api/types';
 import { FooterColumn } from 'rc-footer/es/column';
 import type { SiteCustomToken } from "../styles/customToken";
 import type { HeroConfig } from './hero';
@@ -15,7 +16,7 @@ export interface FooterConfig {
     moreProducts?: FooterColumn;
     resources?: FooterColumn;
 }
-export interface SiteThemeConfig {
+export interface SiteThemeConfig extends IThemeConfig {
     actions?: HeroProps['actions'];
     analytics?: {
         clarity?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.8.5",
+  "version": "1.9.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",

package/dist/builtins/Container/style.d.ts

@@ -1,5 +0,0 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    alert: import("antd-style").SerializedStyles;
-    container: import("antd-style").SerializedStyles;
-    desc: import("antd-style").SerializedStyles;
-}>;

package/dist/builtins/Container/style.js

@@ -1,27 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-var toCamelCase = function toCamelCase(string_) {
-  return string_.replace(/( |^)[a-z]/g, function (L) {
-    return L.toUpperCase();
-  });
-};
-export var useStyles = createStyles(function (_ref) {
-  var token = _ref.token,
-    prefixCls = _ref.prefixCls,
-    css = _ref.css;
-  // 把首字母大写
-
-  var overwriteAlert = function overwriteAlert(type) {
-    var tokens = {
-      background: token["color".concat(toCamelCase(type), "Bg")],
-      text: token["color".concat(toCamelCase(type), "Text")]
-    };
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .", "-alert-", " {\n        background: ", ";\n\n        .", "-alert-message {\n          font-weight: bold;\n          color: ", ";\n        }\n\n        .", "-alert-description {\n          .markdown {\n            color: ", ";\n          }\n        }\n      }\n    "])), prefixCls, type, tokens.background, prefixCls, tokens.text, prefixCls, tokens.text);
-  };
-  return {
-    alert: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border: none;\n\n      .", "-alert-message {\n        font-weight: bold;\n      }\n    "])), prefixCls),
-    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin: 8px 0;\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    "])), overwriteAlert('info'), overwriteAlert('warning'), overwriteAlert('success'), overwriteAlert('error')),
-    desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      p {\n        margin: 0;\n      }\n    "])))
-  };
-});

package/dist/config.d.ts

@@ -1,2 +0,0 @@
-import { SiteThemeConfig } from './types';
-export declare const defineThemeConfig: (config: SiteThemeConfig) => SiteThemeConfig;

package/dist/config.js

@@ -1,3 +0,0 @@
-export var defineThemeConfig = function defineThemeConfig(config) {
-  return config;
-};