@rspress-theme-anatole/theme-default 0.5.9 → 0.6.1-alpha

package/dist/bundle.js

@@ -41,6 +41,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_jump_20d3ca88__ from "@theme
 import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_title_56a7311e__ from "@theme-assets/title";
 import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_github_cac38251__ from "@theme-assets/github";
 import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_gitlab_a0e4f082__ from "@theme-assets/gitlab";
+import * as __WEBPACK_EXTERNAL_MODULE_html2pdf_js_65368f2c__ from "html2pdf.js";
 
 function isMobileDevice() {
     return window.innerWidth < 1280;
@@ -390,7 +391,7 @@ function DocFooter() {
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: "flex flex-col",
                 children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.EditLink, {})
-            }),
+           }),
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                 className: "flex flex-col sm:flex-row sm:justify-around gap-4 pt-6",
                 children: [
@@ -1225,7 +1226,10 @@ function DocLayout(props) {
                                         children: [
                                             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                                                 style: {
-                                                    padding: '0 0 28px 64px',
+                                                    padding: '0 64px 28px 64px',
+                                                    display: 'flex',
+                                                    justifyContent: 'space-between',
+                                                    alignItems: 'center',
                                                 },
                                                 children: [
                                                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
@@ -1251,6 +1255,23 @@ function DocLayout(props) {
                                                             ...breadcrumbNav
                                                         ]
                                                     }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                                        onClick: exportContentToPDF,
+                                                        children: [
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                                                className: "fa-regular fa-file-pdf",
+                                                            }),
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                                className: "ml-2",
+                                                                children: "Export to PDF"
+                                                            })
+                                                        ],
+                                                        style: {
+                                                            fontSize: '15px',
+                                                            fontWeight: '500',
+                                                            cursor: 'pointer',
+                                                        }
+                                                    }),
                                                 ]
                                             }),
                                             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
@@ -5454,4 +5475,80 @@ function loadGiscus() {
     }
 }
 
+function loadScript(src) {
+    return new Promise((resolve, reject) => {
+        if (document.querySelector(`script[src="${src}"]`)) return resolve();
+        const script = document.createElement('script');
+        script.src = src;
+        script.onload = resolve;
+        script.onerror = reject;
+        document.body.appendChild(script);
+    });
+}
+
+function fixMermaidSVGs() {
+    // 选取所有doc中的SVG
+    document.querySelectorAll('.rspress-doc svg').forEach(svg => {
+        // 自动根据内容调整宽高
+        const bbox = svg.getBBox();
+        svg.setAttribute('width', bbox.width + bbox.x);
+        svg.setAttribute('height', bbox.height + bbox.y);
+        svg.setAttribute('viewBox', `${bbox.x} ${bbox.y} ${bbox.width} ${bbox.height}`);
+        svg.style.width = '100%';
+        svg.style.height = 'auto';
+    });
+}
+
+async function exportContentToPDF() {
+    // 显示生成中提示
+    let tip = document.createElement('div');
+    tip.id = 'pdf-generating-tip';
+    tip.innerText = 'Generating PDF...';
+    Object.assign(tip.style, {
+        position: 'fixed',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        background: 'rgba(0,0,0,0.8)',
+        color: '#fff',
+        padding: '20px 40px',
+        borderRadius: '8px',
+        zIndex: 9999,
+        fontSize: '18px'
+    });
+    document.body.appendChild(tip);
+
+    fixMermaidSVGs();
+
+    // if (!window.html2pdf) {
+    //     await loadScript('https://cdn.jsdelivr.net/npm/html2pdf.js@0.10.1/dist/html2pdf.bundle.min.js');
+    // }
+    const element = document.querySelector('.rspress-doc');
+    if (!element) {
+        alert('No content to export.');
+        return;
+    }
+
+    const opt = {
+        margin: 0.5,
+        filename: document.title.replace(/\s+/g, '_') + '.pdf',
+        image: { type: 'jpeg', quality: 0.98 },
+        html2canvas: { scale: 2, useCORS: true },
+        jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' },
+        pagebreak: {
+            mode: ['avoid-all', 'css', 'legacy'],
+            before: '.page-break-before', // 在这些选择器前强制分页
+            after: '.page-break-after',  // 在这些选择器后强制分页
+            avoid: '.no-page-break'      // 避免这些选择器分页
+        }
+    };
+
+    // 生成 PDF 并在完成后移除提示
+    __WEBPACK_EXTERNAL_MODULE_html2pdf_js_65368f2c__.html2pdf().set(opt).from(element).save().then(() => {
+        document.body.removeChild(tip);
+    }).catch(() => {
+        document.body.removeChild(tip);
+    });
+}
+
 export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeLayout, HomepageLayout, HomepageTopSearch, HomepageTopics, HomepageFeatures, HomepageFaqs, LastUpdated, Layout, Link, LinkCard, Nav, NotFoundLayout, Overview, PackageManagerTabs, PrevNextPage, types_RenderType as RenderType, ScrollToTop, Search, SearchPanel, Sidebar, SidebarList, SocialLinks, SourceCode, Steps, SwitchAppearance, Tab, Tabs, Tag, Toc, bindingAsideScroll, src_rslib_entry_ as default, getCustomMDXComponent, isMobileDevice, parseInlineMarkdownText, renderHtmlOrText, renderInlineMarkdown, scrollToTarget, setup, useEditLink, useEnableNav, useFullTextSearch, useHiddenNav, useLocaleSiteData, usePathUtils, usePrevNextPage, useRedirect4FirstVisit, useSidebarData, useThemeState };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rspress-theme-anatole/theme-default",
   "author": "Anatole Tong",
-  "version": "0.5.9",
+  "version": "0.6.1-alpha",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -21,12 +21,14 @@
   "types": "./dist/bundle.d.ts",
   "dependencies": {
     "@mdx-js/react": "2.3.0",
-    "@rspress-theme-anatole/shared": "0.5.9",
+    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.6.1-alpha",
+    "@rspress-theme-anatole/shared": "0.6.1-alpha",
     "@rspress/runtime": "1.43.8",
     "body-scroll-lock": "4.0.0-beta.0",
     "copy-to-clipboard": "^3.3.3",
     "flexsearch": "0.7.43",
     "github-slugger": "^2.0.0",
+    "html2pdf.js": "^0.10.3",
     "htmr": "^1.0.2",
     "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
@@ -34,8 +36,7 @@
     "react-dom": "^18.3.1",
     "react-helmet-async": "^1.3.0",
     "react-router-dom": "6.29.0",
-    "react-syntax-highlighter": "^15.6.1",
-    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.5.9"
+    "react-syntax-highlighter": "^15.6.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.49.2",