dumi-theme-lobehub 1.10.1 → 1.10.3

package/dist/layouts/DemoLayout/index.js

@@ -2,10 +2,11 @@ import { ThemeProvider } from '@lobehub/ui';
 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";
 import { Provider, createStore as _createStore, useThemeStore } from "../../store";
+import Analytics from "../DocLayout/Head/Analytics";
 import Favicons from "../DocLayout/Head/Favicons";
 import Og from "../DocLayout/Head/Og";
+import StructuredData from "../DocLayout/Head/StructuredData";
 import GlobalStyle from "./GlobalStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,7 +20,7 @@ var App = /*#__PURE__*/memo(function (_ref) {
     createStore: function createStore() {
       return _createStore(initState);
     },
-    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(Og, {}), /*#__PURE__*/_jsx(Analytics, {}), /*#__PURE__*/_jsxs(ThemeProvider, {
+    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(Og, {}), /*#__PURE__*/_jsx(Analytics, {}), /*#__PURE__*/_jsx(StructuredData, {}), /*#__PURE__*/_jsxs(ThemeProvider, {
       themeMode: themeMode,
       children: [/*#__PURE__*/_jsx(GlobalStyle, {}), outlet]
     })]

package/dist/layouts/DocLayout/DocumentLayout.js

@@ -84,8 +84,9 @@ var DocumentLayout = /*#__PURE__*/memo(function () {
     setTimeout(function () {
       var elm = document.querySelector("#".concat(decodeURIComponent(id)));
       if (elm) {
+        var _window;
         elm.scrollIntoView();
-        window.scrollBy({
+        (_window = window) === null || _window === void 0 || _window.scrollBy({
           top: -80
         });
       }

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

@@ -0,0 +1,32 @@
+import { Helmet } from 'dumi';
+import { siteSelectors, useSiteStore } from "../../../store";
+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(Helmet, {
+    children: [(analytics === null || analytics === void 0 ? void 0 : analytics.googleAnalytics) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("script", {
+        async: true,
+        src: "https://www.googletagmanager.com/gtag/js?id=".concat(analytics.googleAnalytics.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(analytics.googleAnalytics.measurementId, "');\n")
+        },
+        id: "google-analytics",
+        type: "text/javascript"
+      })]
+    }), (analytics === null || analytics === void 0 ? void 0 : analytics.clarity) && /*#__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(analytics.clarity.projectId, "\");\n                ")
+      },
+      id: "microsoft-clarity-init"
+    }), (analytics === null || analytics === void 0 ? void 0 : analytics.plausible) && /*#__PURE__*/_jsx("script", {
+      "data-domain": analytics.plausible.domain,
+      defer: true,
+      src: "".concat(analytics.plausible.scriptBaseUrl, "/js/script.js")
+    })]
+  });
+};
+export default Analytics;

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

@@ -13,13 +13,14 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var Og = function Og() {
   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), siteSelectors.hostname(s)];
+      return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s), siteSelectors.hostname(s) || 'https://lobehub.com', s.location.pathname];
     }),
-    _useSiteStore2 = _slicedToArray(_useSiteStore, 4),
+    _useSiteStore2 = _slicedToArray(_useSiteStore, 5),
     title = _useSiteStore2[0],
     desc = _useSiteStore2[1],
     logo = _useSiteStore2[2],
-    hostname = _useSiteStore2[3];
+    hostname = _useSiteStore2[3],
+    pathname = _useSiteStore2[4];
   var metadata = useSiteStore(siteSelectors.metadata, isEqual);
   return /*#__PURE__*/_jsxs(Helmet, {
     children: [/*#__PURE__*/_jsx("title", {
@@ -28,7 +29,7 @@ var Og = function Og() {
       content: (metadata === null || metadata === void 0 ? void 0 : metadata.description) || desc,
       name: "description"
     }), /*#__PURE__*/_jsx("link", {
-      href: hostname || location.origin,
+      href: hostname,
       rel: "canonical"
     }), /*#__PURE__*/_jsx("meta", {
       content: (metadata === null || metadata === void 0 || (_metadata$openGraph = metadata.openGraph) === null || _metadata$openGraph === void 0 ? void 0 : _metadata$openGraph.title) || title,
@@ -37,7 +38,7 @@ var Og = function Og() {
       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: urlJoin(hostname || location.origin, location.pathname),
+      content: urlJoin(hostname, pathname),
       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/layouts/DocLayout/Head/StructuredData.js

@@ -13,7 +13,7 @@ var date = new Date().toISOString();
 var StructuredData = function StructuredData() {
   var _metadata$twitter, _metadata$openGraph, _metadata$twitter2, _metadata$openGraph2, _metadata$twitter3, _metadata$openGraph3;
   var _useSiteStore = useSiteStore(function (s) {
-      return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s), siteSelectors.hostname(s)];
+      return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s), siteSelectors.hostname(s) || 'https://lobehub.com'];
     }),
     _useSiteStore2 = _slicedToArray(_useSiteStore, 4),
     title = _useSiteStore2[0],
@@ -21,48 +21,47 @@ var StructuredData = function StructuredData() {
     logo = _useSiteStore2[2],
     hostname = _useSiteStore2[3];
   var metadata = useSiteStore(siteSelectors.metadata, isEqual);
-  var host = hostname || location.origin;
   var ld = {
     '@context': 'https://schema.org',
     '@graph': [{
-      '@id': urlJoin(host, '#website'),
+      '@id': urlJoin(hostname, '#website'),
       '@type': 'WebSite',
       'description': desc,
       'inLanguage': 'en-US',
       'name': 'LobeHub',
       'publisher': {
-        '@id': urlJoin(host, '#organization')
+        '@id': urlJoin(hostname, '#organization')
       },
-      'url': host
+      'url': hostname
     }, {
-      '@id': host,
+      '@id': hostname,
       '@type': 'WebPage',
       'about': {
-        '@id': urlJoin(host, '#organization')
+        '@id': urlJoin(hostname, '#organization')
       },
       'dateModified': date,
       'datePublished': date,
       'description': desc,
       'image': {
-        '@id': urlJoin(host, '#primaryimage')
+        '@id': urlJoin(hostname, '#primaryimage')
       },
       'inLanguage': 'en-US',
       'isPartOf': {
-        '@id': urlJoin(host, '#website')
+        '@id': urlJoin(hostname, '#website')
       },
       'name': title,
       'primaryImageOfPage': {
-        '@id': urlJoin(host, '#primaryimage')
+        '@id': urlJoin(hostname, '#primaryimage')
       },
       'thumbnailUrl': (metadata === null || metadata === void 0 || (_metadata$twitter = metadata.twitter) === null || _metadata$twitter === void 0 ? void 0 : _metadata$twitter.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph = metadata.openGraph) === null || _metadata$openGraph === void 0 ? void 0 : _metadata$openGraph.image)
     }, {
-      '@id': urlJoin(host, '#primaryimage'),
+      '@id': urlJoin(hostname, '#primaryimage'),
       '@type': 'ImageObject',
       'contentUrl': (metadata === null || metadata === void 0 || (_metadata$twitter2 = metadata.twitter) === null || _metadata$twitter2 === void 0 ? void 0 : _metadata$twitter2.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph2 = metadata.openGraph) === null || _metadata$openGraph2 === void 0 ? void 0 : _metadata$openGraph2.image) || logo,
       'inLanguage': 'en-US',
       'url': (metadata === null || metadata === void 0 || (_metadata$twitter3 = metadata.twitter) === null || _metadata$twitter3 === void 0 ? void 0 : _metadata$twitter3.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph3 = metadata.openGraph) === null || _metadata$openGraph3 === void 0 ? void 0 : _metadata$openGraph3.image) || logo
     }, {
-      '@id': urlJoin(host, '#organization'),
+      '@id': urlJoin(hostname, '#organization'),
       '@type': 'Organization',
       'alternateName': 'LobeHub',
       'contactPoint': {

package/dist/layouts/DocLayout/index.js

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

package/dist/pages/Changelog/index.js

@@ -23,8 +23,9 @@ var Changelog = /*#__PURE__*/memo(function () {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   useEffect(function () {
-    window.scrollTo(0, 0);
-    document.body.scrollTo(0, 0);
+    var _window, _document;
+    (_window = window) === null || _window === void 0 || _window.scrollTo(0, 0);
+    (_document = document) === null || _document === void 0 || _document.body.scrollTo(0, 0);
   }, []);
   return /*#__PURE__*/_jsxs(Center, {
     className: styles.content,

package/dist/pages/Docs/index.js

@@ -24,8 +24,9 @@ var Documents = /*#__PURE__*/memo(function () {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   useEffect(function () {
-    window.scrollTo(0, 0);
-    document.body.scrollTo(0, 0);
+    var _window, _document;
+    (_window = window) === null || _window === void 0 || _window.scrollTo(0, 0);
+    (_document = document) === null || _document === void 0 || _document.body.scrollTo(0, 0);
   }, [location.pathname]);
   var Comment = useCallback(function () {
     return giscus && /*#__PURE__*/_jsx("div", {

package/dist/pages/Home/index.js

@@ -8,8 +8,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var Home = /*#__PURE__*/memo(function () {
   var outlet = useOutlet();
   useEffect(function () {
-    window.scrollTo(0, 0);
-    document.body.scrollTo(0, 0);
+    var _window, _document;
+    (_window = window) === null || _window === void 0 || _window.scrollTo(0, 0);
+    (_document = document) === null || _document === void 0 || _document.body.scrollTo(0, 0);
   }, []);
   return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'center',

package/dist/slots/Toc/index.js

@@ -18,14 +18,18 @@ var Toc = /*#__PURE__*/memo(function () {
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   var theme = useTheme();
+  var hash = useSiteStore(function (s) {
+    return s.location.hash;
+  }, isEqual);
   var _useState = useState(GAP),
     _useState2 = _slicedToArray(_useState, 2),
     spacing = _useState2[0],
     setSpacing = _useState2[1];
   useEffect(function () {
-    var ApiTitle = document.querySelector('#api-header');
+    var _document;
+    var ApiTitle = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector('#api-header');
     if (ApiTitle) setSpacing(ApiTitle.clientHeight + GAP);
-  }, [window.location.href, items]);
+  }, [hash, items]);
   if ((items === null || items === void 0 ? void 0 : items.length) < 1) return;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [!mobile && /*#__PURE__*/_jsx("div", {
@@ -34,7 +38,8 @@ var Toc = /*#__PURE__*/memo(function () {
       }
     }), /*#__PURE__*/_jsx(T, {
       getContainer: function getContainer() {
-        return document.body;
+        var _document2;
+        return (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body;
       },
       headerHeight: theme.headerHeight,
       isMobile: mobile,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "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/components/Analytics/Clarity.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-declare const MicrosoftClarity: FC<{
-    projectId: string;
-}>;
-export default MicrosoftClarity;

package/dist/components/Analytics/Clarity.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-var MicrosoftClarity = function MicrosoftClarity(_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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-declare const GoogleAnalytics: FC<{
-    measurementId: string;
-}>;
-export default GoogleAnalytics;

package/dist/components/Analytics/GoogleAnalytics.js

@@ -1,19 +0,0 @@
-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 = function GoogleAnalytics(_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

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-declare const PlausibleAnalytics: FC<{
-    domain: string;
-    scriptBaseUrl: string;
-}>;
-export default PlausibleAnalytics;

package/dist/components/Analytics/Plausible.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-var PlausibleAnalytics = function PlausibleAnalytics(_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.js

@@ -1,21 +0,0 @@
-import { Helmet } from 'dumi';
-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 { jsxs as _jsxs } from "react/jsx-runtime";
-var Analytics = function Analytics() {
-  var analytics = useSiteStore(siteSelectors.analytics);
-  return /*#__PURE__*/_jsxs(Helmet, {
-    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;