dumi-theme-lobehub 1.8.6 → 1.9.1

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/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/DemoLayout/index.js

@@ -1,6 +1,5 @@
-import { useLocation } from "../../../example/.dumi/tmp/exports";
 import { ThemeProvider } from '@lobehub/ui';
-import { useLocale, useNavData, useOutlet, useRouteMeta, useSidebarData, useSiteData, useTabMeta } from 'dumi';
+import { useLocale, useLocation, useNavData, useOutlet, useRouteMeta, useSidebarData, useSiteData, useTabMeta } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { memo, useMemo } from 'react';
 import Analytics from "../../components/Analytics";

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/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.6",
+  "version": "1.9.1",
   "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/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;
-};