dumi-theme-lobehub 1.8.4 → 1.8.6

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

@@ -7,6 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Typography } from '@lobehub/ui';
 import Previewer from 'dumi/theme-default/builtins/Previewer';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,8 +20,13 @@ export default (function (_ref) {
   var _useStyles = useStyles(pure),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx("div", {
-    className: cx(styles.container, pure && styles.pure, center && styles.center, nopadding && styles.nopadding, styles[codePlacement]),
-    children: /*#__PURE__*/_jsx(Previewer, _objectSpread({}, props))
+  return /*#__PURE__*/_jsx(Typography, {
+    fontSize: 14,
+    headerMultiple: 0.25,
+    marginMultiple: 0,
+    children: /*#__PURE__*/_jsx("div", {
+      className: cx(styles.container, pure && styles.pure, center && styles.center, nopadding && styles.nopadding, styles[codePlacement]),
+      children: /*#__PURE__*/_jsx(Previewer, _objectSpread({}, props))
+    })
   });
 });

package/dist/components/Analytics/Clarity.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const MicrosoftClarity: import("react").NamedExoticComponent<{
+    projectId: string;
+}>;
+export default MicrosoftClarity;

package/dist/components/Analytics/Clarity.js

@@ -0,0 +1,12 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var MicrosoftClarity = /*#__PURE__*/memo(function (_ref) {
+  var projectId = _ref.projectId;
+  return /*#__PURE__*/_jsx("script", {
+    dangerouslySetInnerHTML: {
+      __html: "\n                (function(c,l,a,r,i,t,y){\n                    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\n                    t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i;\n                    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n                })(window, document, \"clarity\", \"script\", \"".concat(projectId, "\");\n                ")
+    },
+    id: "microsoft-clarity-init"
+  });
+});
+export default MicrosoftClarity;

package/dist/components/Analytics/GoogleAnalytics.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const GoogleAnalytics: import("react").NamedExoticComponent<{
+    measurementId: string;
+}>;
+export default GoogleAnalytics;

package/dist/components/Analytics/GoogleAnalytics.js

@@ -0,0 +1,20 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var GoogleAnalytics = /*#__PURE__*/memo(function (_ref) {
+  var measurementId = _ref.measurementId;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("script", {
+      async: true,
+      src: "https://www.googletagmanager.com/gtag/js?id=".concat(measurementId)
+    }), /*#__PURE__*/_jsx("script", {
+      dangerouslySetInnerHTML: {
+        __html: "\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', '".concat(measurementId, "');\n")
+      },
+      id: "google-analytics",
+      type: "text/javascript"
+    })]
+  });
+});
+export default GoogleAnalytics;

package/dist/components/Analytics/Plausible.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const PlausibleAnalytics: import("react").NamedExoticComponent<{
+    domain: string;
+    scriptBaseUrl: string;
+}>;
+export default PlausibleAnalytics;

package/dist/components/Analytics/Plausible.js

@@ -0,0 +1,12 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var PlausibleAnalytics = /*#__PURE__*/memo(function (_ref) {
+  var domain = _ref.domain,
+    scriptBaseUrl = _ref.scriptBaseUrl;
+  return /*#__PURE__*/_jsx("script", {
+    "data-domain": domain,
+    defer: true,
+    src: "".concat(scriptBaseUrl, "/js/script.js")
+  });
+});
+export default PlausibleAnalytics;

package/dist/components/Analytics/index.d.ts

@@ -0,0 +1,2 @@
+declare const Analytics: () => import("react/jsx-runtime").JSX.Element;
+export default Analytics;

package/dist/components/Analytics/index.js

@@ -0,0 +1,21 @@
+import { siteSelectors, useSiteStore } from "../../store";
+import ClarityAnalytics from "./Clarity";
+import GoogleAnalytics from "./GoogleAnalytics";
+import Plausible from "./Plausible";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Analytics = function Analytics() {
+  var analytics = useSiteStore(siteSelectors.analytics);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [(analytics === null || analytics === void 0 ? void 0 : analytics.googleAnalytics) && /*#__PURE__*/_jsx(GoogleAnalytics, {
+      measurementId: analytics.googleAnalytics.measurementId
+    }), (analytics === null || analytics === void 0 ? void 0 : analytics.clarity) && /*#__PURE__*/_jsx(ClarityAnalytics, {
+      projectId: analytics.clarity.projectId
+    }), (analytics === null || analytics === void 0 ? void 0 : analytics.plausible) && /*#__PURE__*/_jsx(Plausible, {
+      domain: analytics.plausible.domain,
+      scriptBaseUrl: analytics.plausible.scriptBaseUrl
+    })]
+  });
+};
+export default Analytics;

package/dist/components/StoreUpdater/index.js

@@ -72,6 +72,8 @@ export var StoreUpdater = /*#__PURE__*/memo(function () {
   var locale = useLocale();
   var storeApi = useStoreApi();
   useRouteMeta();
+
+  // @ts-ignore
   useSyncState('siteData', siteData, function () {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var setLoading = siteData.setLoading,
@@ -81,6 +83,8 @@ export var StoreUpdater = /*#__PURE__*/memo(function () {
       _ = _storeApi$getState$si.setLoading,
       prevData = _objectWithoutProperties(_storeApi$getState$si, _excluded2);
     if (isEqual(data, prevData)) return;
+
+    // @ts-ignore
     storeApi.setState({
       siteData: siteData
     });

package/dist/layouts/DemoLayout/GlobalStyle.d.ts

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

package/dist/layouts/DemoLayout/GlobalStyle.js

@@ -0,0 +1,8 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from 'antd-style';
+var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  #root {\n    min-height: 100vh;\n  }\n\n  #nprogress {\n    .bar {\n      background: ", ";\n    }\n\n    .peg {\n      display: none !important;\n    }\n\n    .spinner {\n      display: none;\n    }\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.colorText;
+});
+export default GlobalStyle;

package/dist/layouts/DemoLayout/index.js

@@ -1,21 +1,51 @@
+import { useLocation } from "../../../example/.dumi/tmp/exports";
 import { ThemeProvider } from '@lobehub/ui';
-import { useOutlet } from 'dumi';
+import { useLocale, useNavData, useOutlet, useRouteMeta, useSidebarData, useSiteData, useTabMeta } from 'dumi';
 import isEqual from 'fast-deep-equal';
-import { memo } from 'react';
-import Favicons from "../../components/Favicons";
-import { useThemeStore } from "../../store";
+import { memo, useMemo } from 'react';
+import Analytics from "../../components/Analytics";
+import { Provider, createStore as _createStore, useThemeStore } from "../../store";
+import Favicons from "../DocLayout/Head/Favicons";
+import Og from "../DocLayout/Head/Og";
+import GlobalStyle from "./GlobalStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default /*#__PURE__*/memo(function () {
+var App = /*#__PURE__*/memo(function (_ref) {
+  var initState = _ref.initState;
   var themeMode = useThemeStore(function (st) {
     return st.themeMode;
   }, isEqual);
   var outlet = useOutlet();
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(ThemeProvider, {
+  return /*#__PURE__*/_jsxs(Provider, {
+    createStore: function createStore() {
+      return _createStore(initState);
+    },
+    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(Og, {}), /*#__PURE__*/_jsx(Analytics, {}), /*#__PURE__*/_jsxs(ThemeProvider, {
       themeMode: themeMode,
-      children: outlet
+      children: [/*#__PURE__*/_jsx(GlobalStyle, {}), outlet]
     })]
   });
+});
+export default /*#__PURE__*/memo(function () {
+  var siteData = useSiteData();
+  var sidebar = useSidebarData();
+  var routeMeta = useRouteMeta();
+  var tabMeta = useTabMeta();
+  var navData = useNavData();
+  var location = useLocation();
+  var locale = useLocale();
+  var initState = useMemo(function () {
+    return {
+      locale: locale,
+      location: location,
+      navData: navData,
+      routeMeta: routeMeta,
+      sidebar: sidebar,
+      siteData: siteData,
+      tabMeta: tabMeta
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(App, {
+    initState: initState
+  });
 });

package/dist/layouts/DocLayout/DocumentLayout.js

@@ -10,7 +10,7 @@ import Footer from "dumi/theme/slots/Footer";
 import Header from "dumi/theme/slots/Header";
 import Sidebar from "dumi/theme/slots/Sidebar";
 import Toc from "dumi/theme/slots/Toc";
-import { isHeroPageSel, siteTitleSel, tocAnchorItemSel, useSiteStore } from "../../store";
+import { heroSelectors, siteSelectors, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -24,7 +24,7 @@ var DocumentLayout = /*#__PURE__*/memo(function () {
     laptop = _useResponsive.laptop;
   var _useSiteStore = useSiteStore(function (s) {
       var isChanlogPage = s.location.pathname === '/changelog';
-      var isHomePage = isHeroPageSel(s);
+      var isHomePage = heroSelectors.isHeroPage(s);
       var page;
       if (isHomePage) {
         page = 'home';
@@ -35,9 +35,9 @@ var DocumentLayout = /*#__PURE__*/memo(function () {
       }
       return {
         loading: s.siteData.loading,
-        noToc: tocAnchorItemSel(s).length === 0,
+        noToc: siteSelectors.tocAnchorItem(s).length === 0,
         page: page,
-        siteTitle: siteTitleSel(s)
+        siteTitle: siteSelectors.siteTitle(s)
       };
     }),
     loading = _useSiteStore.loading,

package/dist/layouts/DocLayout/GlobalStyle.js

@@ -1,7 +1,7 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createGlobalStyle } from 'antd-style';
-var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n#nprogress {\n  .bar {\n    background: ", ";\n  }\n\t\n  .peg {\n\t  display: none !important;\n  }\n\n  .spinner {\n    display: none;\n  }\n}\n\n\n\n\n"])), function (_ref) {
+var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  #root {\n    min-height: 100vh;\n  }\n\n  #nprogress {\n    .bar {\n      background: ", ";\n    }\n\n    .peg {\n      display: none !important;\n    }\n\n    .spinner {\n      display: none;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colorText;
 });

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

@@ -0,0 +1,56 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Helmet } from 'dumi';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { siteSelectors, useSiteStore } from "../../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Favicons = /*#__PURE__*/memo(function () {
+  var _metadata$icons, _metadata$icons2, _metadata$icons3;
+  var _useSiteStore = useSiteStore(function (s) {
+      return [siteSelectors.siteTitle(s), siteSelectors.logo(s)];
+    }),
+    _useSiteStore2 = _slicedToArray(_useSiteStore, 2),
+    title = _useSiteStore2[0],
+    logo = _useSiteStore2[1];
+  var metadata = useSiteStore(siteSelectors.metadata, isEqual);
+  return /*#__PURE__*/_jsxs(Helmet, {
+    children: [/*#__PURE__*/_jsx("link", {
+      href: (metadata === null || metadata === void 0 || (_metadata$icons = metadata.icons) === null || _metadata$icons === void 0 ? void 0 : _metadata$icons.apple) || logo,
+      rel: "apple-touch-icon",
+      sizes: "180x180"
+    }), /*#__PURE__*/_jsx("link", {
+      href: (metadata === null || metadata === void 0 || (_metadata$icons2 = metadata.icons) === null || _metadata$icons2 === void 0 ? void 0 : _metadata$icons2.shortcut) || logo,
+      rel: "icon",
+      sizes: "32x32",
+      type: "image/png"
+    }), /*#__PURE__*/_jsx("link", {
+      href: (metadata === null || metadata === void 0 || (_metadata$icons3 = metadata.icons) === null || _metadata$icons3 === void 0 ? void 0 : _metadata$icons3.shortcut) || logo,
+      rel: "shortcut icon",
+      type: "image/x-icon"
+    }), (metadata === null || metadata === void 0 ? void 0 : metadata.manifest) && /*#__PURE__*/_jsx("link", {
+      href: metadata === null || metadata === void 0 ? void 0 : metadata.manifest,
+      rel: "manifest"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: title,
+      name: "apple-mobile-web-app-title"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: title,
+      name: "application-name"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "#f8f8f8",
+      media: "(prefers-color-scheme: light)",
+      name: "theme-color"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "#000",
+      media: "(prefers-color-scheme: dark)",
+      name: "theme-color"
+    })]
+  });
+});
+export default Favicons;

package/dist/layouts/DocLayout/Head/Og.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Og: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default Og;

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

@@ -0,0 +1,74 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Helmet } from 'dumi';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { siteSelectors, useSiteStore } from "../../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+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)];
+    }),
+    _useSiteStore2 = _slicedToArray(_useSiteStore, 3),
+    title = _useSiteStore2[0],
+    desc = _useSiteStore2[1],
+    logo = _useSiteStore2[2];
+  var metadata = useSiteStore(siteSelectors.metadata, isEqual);
+  return /*#__PURE__*/_jsxs(Helmet, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: (metadata === null || metadata === void 0 ? void 0 : metadata.title) || title
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 ? void 0 : metadata.description) || desc,
+      name: "description"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 || (_metadata$openGraph = metadata.openGraph) === null || _metadata$openGraph === void 0 ? void 0 : _metadata$openGraph.title) || title,
+      property: "og:title"
+    }), /*#__PURE__*/_jsx("meta", {
+      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,
+      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,
+      property: "og:site_name"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "en",
+      property: "og:locale"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 || (_metadata$openGraph4 = metadata.openGraph) === null || _metadata$openGraph4 === void 0 ? void 0 : _metadata$openGraph4.title) || title,
+      property: "og:image:alt"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 || (_metadata$openGraph5 = metadata.openGraph) === null || _metadata$openGraph5 === void 0 ? void 0 : _metadata$openGraph5.image) || logo,
+      property: "og:image"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "website",
+      property: "og:type"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "summary_large_image",
+      name: "twitter:card"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: metadata === null || metadata === void 0 || (_metadata$twitter = metadata.twitter) === null || _metadata$twitter === void 0 ? void 0 : _metadata$twitter.site,
+      name: "twitter:site"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: metadata === null || metadata === void 0 || (_metadata$twitter2 = metadata.twitter) === null || _metadata$twitter2 === void 0 ? void 0 : _metadata$twitter2.site,
+      name: "twitter:creator"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 || (_metadata$twitter3 = metadata.twitter) === null || _metadata$twitter3 === void 0 ? void 0 : _metadata$twitter3.title) || (metadata === null || metadata === void 0 || (_metadata$openGraph6 = metadata.openGraph) === null || _metadata$openGraph6 === void 0 ? void 0 : _metadata$openGraph6.title) || title,
+      name: "twitter:title"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 || (_metadata$twitter4 = metadata.twitter) === null || _metadata$twitter4 === void 0 ? void 0 : _metadata$twitter4.description) || (metadata === null || metadata === void 0 || (_metadata$openGraph7 = metadata.openGraph) === null || _metadata$openGraph7 === void 0 ? void 0 : _metadata$openGraph7.description) || desc,
+      name: "twitter:description"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: (metadata === null || metadata === void 0 || (_metadata$twitter5 = metadata.twitter) === null || _metadata$twitter5 === void 0 ? void 0 : _metadata$twitter5.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph8 = metadata.openGraph) === null || _metadata$openGraph8 === void 0 ? void 0 : _metadata$openGraph8.image) || logo,
+      name: "twitter:image"
+    })]
+  });
+});
+export default Og;

package/dist/layouts/DocLayout/index.js

@@ -1,9 +1,11 @@
 import { useLocale, useLocation, useNavData, useRouteMeta, useSidebarData, useSiteData, useTabMeta } from 'dumi';
 import { memo, useMemo } from 'react';
-import Favicons from "../../components/Favicons";
+import Analytics from "../../components/Analytics";
 import { StoreUpdater } from "../../components/StoreUpdater";
 import { Provider, createStore as _createStore } from "../../store";
 import DocumentLayout from "./DocumentLayout";
+import Favicons from "./Head/Favicons";
+import Og from "./Head/Og";
 import ThemeProvider from "./ThemeProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -13,7 +15,7 @@ var App = /*#__PURE__*/memo(function (_ref) {
     createStore: function createStore() {
       return _createStore(initState);
     },
-    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsx(ThemeProvider, {
+    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(Og, {}), /*#__PURE__*/_jsx(Analytics, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsx(ThemeProvider, {
       children: /*#__PURE__*/_jsx(DocumentLayout, {})
     })]
   });

package/dist/pages/Changelog/index.js

@@ -6,25 +6,20 @@ import { Center } from 'react-layout-kit';
 import { ApiHeader } from "../../components/ApiHeader";
 import { useStyles } from "../Docs/styles";
 import Content from "dumi/theme/slots/Content";
-import { githubSel, useSiteStore } from "../../store";
+import { siteSelectors, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Changelog = /*#__PURE__*/memo(function () {
   var outlet = useOutlet();
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
+  var repoBase = useSiteStore(siteSelectors.github);
   var _useSiteStore = useSiteStore(function (s) {
-      return {
-        repoBase: githubSel(s)
-      };
-    }),
-    repoBase = _useSiteStore.repoBase;
-  var _useSiteStore2 = useSiteStore(function (s) {
       return {
         fm: s.routeMeta.frontmatter
       };
     }, isEqual),
-    fm = _useSiteStore2.fm;
+    fm = _useSiteStore.fm;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   useEffect(function () {

package/dist/pages/Docs/index.js

@@ -5,7 +5,7 @@ import { memo, useCallback, useEffect } from 'react';
 import { Center } from 'react-layout-kit';
 import ApiHeader from "dumi/theme/slots/ApiHeader";
 import Content from "dumi/theme/slots/Content";
-import { giscusSel, isApiPageSel, useSiteStore } from "../../store";
+import { apiHeaderSelectors, siteSelectors, useSiteStore } from "../../store";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -15,8 +15,8 @@ var Documents = /*#__PURE__*/memo(function () {
     mobile = _useResponsive.mobile;
   var _useSiteStore = useSiteStore(function (st) {
       return {
-        giscus: giscusSel(st),
-        isApiPage: isApiPageSel(st)
+        giscus: siteSelectors.giscus(st),
+        isApiPage: apiHeaderSelectors.isApiPage(st)
       };
     }),
     isApiPage = _useSiteStore.isApiPage,

package/dist/slots/ApiHeader/index.js

@@ -8,7 +8,7 @@ function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("
 import isEqual from 'fast-deep-equal';
 import { memo, useMemo } from 'react';
 import { ApiHeader as Header } from "../../components/ApiHeader";
-import { apiHeaderSel, useSiteStore } from "../../store";
+import { apiHeaderSelectors, useSiteStore } from "../../store";
 import BundlephobiaFilled from "./BundlephobiaFilled";
 import Graph from "./Graph";
 import NpmFilled from "./NpmFilled";
@@ -17,7 +17,7 @@ import Unpkg from "./Unpkg";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ApiHeader = /*#__PURE__*/memo(function (_ref) {
   var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var props = useSiteStore(apiHeaderSel, isEqual);
+  var props = useSiteStore(apiHeaderSelectors.apiHeader, isEqual);
   var pkg = props.pkg;
   var packages = useMemo(function () {
     var packageURL = encodeURIComponent(String(pkg));

package/dist/slots/Content/index.js

@@ -14,7 +14,7 @@ import isEqual from 'fast-deep-equal';
 import { memo, useEffect } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ContentFooter from "dumi/theme/slots/ContentFooter";
-import { themeConfig, useSiteStore } from "../../store";
+import { siteSelectors, useSiteStore } from "../../store";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -24,7 +24,7 @@ var Content = /*#__PURE__*/memo(function (_ref) {
   var loading = useSiteStore(function (s) {
     return s.siteData.loading;
   });
-  var _useSiteStore = useSiteStore(themeConfig, isEqual),
+  var _useSiteStore = useSiteStore(siteSelectors.themeConfig, isEqual),
     docStyle = _useSiteStore.docStyle;
   var _useStyles = useStyles(docStyle === 'pure'),
     styles = _useStyles.styles;

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

@@ -8,12 +8,12 @@ import { useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { contentBottomSel, useSiteStore } from "../../store";
+import { siteSelectors, useSiteStore } from "../../store";
 import Linker from "./Linker";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ContentFooter = /*#__PURE__*/memo(function () {
-  var _useSiteStore = useSiteStore(contentBottomSel, isEqual),
+  var _useSiteStore = useSiteStore(siteSelectors.contentBottom, isEqual),
     prev = _useSiteStore.prev,
     next = _useSiteStore.next;
   var _useResponsive = useResponsive(),

package/dist/slots/Features/index.js

@@ -2,10 +2,10 @@ import { Features as F } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
-import { featuresSel, useSiteStore } from "../../store";
+import { heroSelectors, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Features = /*#__PURE__*/memo(function () {
-  var features = useSiteStore(featuresSel, isEqual);
+  var features = useSiteStore(heroSelectors.features, isEqual);
   var theme = useTheme();
   if (!(features !== null && features !== void 0 && features.length)) return;
   return /*#__PURE__*/_jsx(F, {

package/dist/slots/Footer/index.js

@@ -4,7 +4,7 @@ import { useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
-import { githubSel, useSiteStore } from "../../store";
+import { siteSelectors, useSiteStore } from "../../store";
 import { getColumns } from "./columns";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,7 +17,7 @@ var Footer = /*#__PURE__*/memo(function () {
     pkg = _useSiteStore.pkg;
   var footerConfig = themeConfig.footerConfig,
     footer = themeConfig.footer;
-  var githubUrl = useSiteStore(githubSel);
+  var githubUrl = useSiteStore(siteSelectors.github);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     theme = _useStyles.theme;

package/dist/slots/Header/Burger.js

@@ -9,7 +9,7 @@ import { Link } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { uniq } from 'lodash-es';
 import { memo, useMemo, useState } from 'react';
-import { activePathSel, useSiteStore } from "../../store";
+import { siteSelectors, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Burger = /*#__PURE__*/memo(function () {
   var _useState = useState(false),
@@ -24,7 +24,7 @@ var Burger = /*#__PURE__*/memo(function () {
   }, isEqual);
   var _useSiteStore = useSiteStore(function (s) {
       return {
-        activePath: activePathSel(s),
+        activePath: siteSelectors.activePath(s),
         pathname: s.location.pathname
       };
     }),