czon 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.d.ts","sourceRoot":"","sources":["../../src/ssg/ContentPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,
|
|
1
|
+
{"version":3,"file":"ContentPage.d.ts","sourceRoot":"","sources":["../../src/ssg/ContentPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAyIA,CAAC"}
|
package/dist/ssg/ContentPage.js
CHANGED
|
@@ -19,6 +19,7 @@ const ContentPage = props => {
|
|
|
19
19
|
const date = frontmatter.date || '--';
|
|
20
20
|
const tags = frontmatter.tags || [];
|
|
21
21
|
const category = props.file.category;
|
|
22
|
+
const relatedContents = props.ctx.site.files.filter(f => f.category === category && f.hash !== props.file.hash);
|
|
22
23
|
return (react_1.default.createElement("html", { lang: props.lang, style: { background: 'black', overflow: 'hidden' } },
|
|
23
24
|
react_1.default.createElement("head", null,
|
|
24
25
|
react_1.default.createElement("meta", { charSet: "UTF-8" }),
|
|
@@ -26,8 +27,6 @@ const ContentPage = props => {
|
|
|
26
27
|
react_1.default.createElement("title", null, title),
|
|
27
28
|
react_1.default.createElement("meta", { name: "description", content: `tags: ${tags.join(', ')}` }),
|
|
28
29
|
react_1.default.createElement("script", { src: "https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4", defer: true }),
|
|
29
|
-
react_1.default.createElement("link", { rel: "preload", as: "style", href: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github.min.css" }),
|
|
30
|
-
react_1.default.createElement("link", { rel: "preload", as: "style", href: "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css", integrity: "sha384-GvrOXuhMATgEsSwCs4smul74iXGOixntILdUW9XmUC6+HX0sLNAK3q71HotJqlAn", crossOrigin: "anonymous" }),
|
|
31
30
|
react_1.default.createElement("style", null, style_1.style)),
|
|
32
31
|
react_1.default.createElement("body", null,
|
|
33
32
|
react_1.default.createElement(PageLayout_1.PageLayout, { header: react_1.default.createElement(CZONHeader_1.CZONHeader, { ctx: props.ctx }), navigator: react_1.default.createElement("nav", { className: "sidebar" },
|
|
@@ -35,14 +34,13 @@ const ContentPage = props => {
|
|
|
35
34
|
react_1.default.createElement(ContentMeta_1.ContentMeta, { ctx: props.ctx, file: props.file, lang: props.lang }),
|
|
36
35
|
react_1.default.createElement("div", { className: "content-body" },
|
|
37
36
|
react_1.default.createElement("article", { dangerouslySetInnerHTML: { __html: props.content.body } }),
|
|
38
|
-
react_1.default.createElement(
|
|
39
|
-
|
|
40
|
-
.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}))),
|
|
37
|
+
relatedContents.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
|
+
react_1.default.createElement("h2", null, "See Also"),
|
|
39
|
+
react_1.default.createElement("ul", null, relatedContents.map(f => {
|
|
40
|
+
const theContent = props.ctx.contents.find(c => c.lang === props.lang && c.hash === f.hash);
|
|
41
|
+
return (react_1.default.createElement("li", { key: f.hash },
|
|
42
|
+
react_1.default.createElement("a", { href: `${f.metadata?.slug}.html` }, theContent?.frontmatter.title)));
|
|
43
|
+
}))))),
|
|
46
44
|
react_1.default.createElement("footer", { className: "footer" },
|
|
47
45
|
react_1.default.createElement(LanguageSwitcher_1.LanguageSwitcher, { ctx: props.ctx, lang: props.lang, file: props.file }),
|
|
48
46
|
react_1.default.createElement(CZONFooter_1.CZONFooter, null))), footer: null }),
|
|
@@ -79,6 +77,35 @@ const ContentPage = props => {
|
|
|
79
77
|
},
|
|
80
78
|
});
|
|
81
79
|
});
|
|
80
|
+
`),
|
|
81
|
+
react_1.default.createElement("script", null, `
|
|
82
|
+
// 异步加载CSS函数
|
|
83
|
+
function loadCSS(href, id) {
|
|
84
|
+
return new Promise((resolve) => {
|
|
85
|
+
const link = document.createElement('link');
|
|
86
|
+
link.rel = 'stylesheet';
|
|
87
|
+
link.href = href;
|
|
88
|
+
if (id) link.id = id;
|
|
89
|
+
link.onload = resolve;
|
|
90
|
+
document.head.appendChild(link);
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
// 页面主要内容加载完成后加载非关键CSS
|
|
95
|
+
if (document.readyState === 'loading') {
|
|
96
|
+
document.addEventListener('DOMContentLoaded', loadNonCriticalCSS);
|
|
97
|
+
} else {
|
|
98
|
+
loadNonCriticalCSS();
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
function loadNonCriticalCSS() {
|
|
102
|
+
// 延迟一点,确保首屏渲染完成
|
|
103
|
+
setTimeout(() => {
|
|
104
|
+
loadCSS("https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css", 'katex-css');
|
|
105
|
+
loadCSS("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github.min.css", 'hljs-css');
|
|
106
|
+
}, 300);
|
|
107
|
+
}
|
|
108
|
+
|
|
82
109
|
`))));
|
|
83
110
|
};
|
|
84
111
|
exports.ContentPage = ContentPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../src/ssg/ContentPage.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0DAAuD;AACvD,wDAAqD;AACrD,wDAAqD;AACrD,oEAAiE;AACjE,sDAAmD;AACnD,qDAAkD;AAClD,mCAAgC;AAEzB,MAAM,WAAW,GAKnB,KAAK,CAAC,EAAE;IACX,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;IACpD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAChC,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IAErC,OAAO,CACL,wCAAM,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACxE;YACE,wCAAM,OAAO,EAAC,OAAO,GAAG;YACxB,wCAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,uCAAuC,GAAG;YACxE,6CAAQ,KAAK,CAAS;YACtB,wCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAI;YAChE,0CAAQ,GAAG,EAAC,qDAAqD,EAAC,KAAK,SAAU;YACjF,
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../src/ssg/ContentPage.tsx"],"names":[],"mappings":"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"}
|
package/dist/ssg/style.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const style = "\n\n html[lang='ar-SA'] {\n direction: rtl;\n }\n\n body {\n color: #333;\n background: #f8f9fa;\n }\n\n .sidebar {\n width: 280px;\n background: #fff;\n border-right: 1px solid #e9ecef;\n padding: 2rem 1rem;\n overflow-y: auto;\n\n flex-shrink: 0;\n }\n\n .sidebar-header {\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #e9ecef;\n }\n\n .sidebar-header h1 {\n font-size: 1.5rem;\n font-weight: 600;\n color: #212529;\n }\n\n .sidebar-header p {\n color: #6c757d;\n font-size: 0.875rem;\n margin-top: 0.5rem;\n }\n\n .nav-list {\n list-style: none;\n }\n\n .nav-item {\n margin-bottom: 0.5rem;\n }\n\n .nav-link {\n display: block;\n padding: 0.5rem 1rem;\n color: #495057;\n text-decoration: none;\n border-radius: 4px;\n transition: all 0.2s;\n }\n\n .nav-link:hover {\n background: #e9ecef;\n color: #212529;\n }\n\n .nav-link.active {\n background: #007bff;\n color: white;\n }\n\n .nav-submenu {\n list-style: none;\n margin-left: 1rem;\n margin-top: 0.25rem;\n }\n\n blockquote {\n border-left: 4px solid #007bff;\n padding: 0.5rem 1rem;\n margin: 1rem 0;\n background: #f8f9fa;\n color: #495057;\n }\n\n .content {\n flex: 1;\n margin-inline-start: 80px;\n padding: 3rem 4rem;\n max-width: 900px;\n }\n\n .content-header {\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #e9ecef;\n }\n\n .content-header h1 {\n font-size: 2.5rem;\n font-weight: 700;\n color: #212529;\n margin-bottom: 0.5rem;\n }\n\n .content-header .meta {\n color: #6c757d;\n font-size: 0.875rem;\n }\n\n .content-body {\n font-size: 1.125rem;\n line-height: 1.8;\n }\n\n .content-body h1 {\n font-size: 2rem;\n margin: 2rem 0 1rem;\n color: #212529;\n }\n\n .content-body h2 {\n font-size: 1.75rem;\n margin: 1.75rem 0 0.875rem;\n color: #343a40;\n }\n\n .content-body h3 {\n font-size: 1.5rem;\n margin: 1.5rem 0 0.75rem;\n color: #495057;\n }\n\n .content-body p {\n margin: 1rem 0;\n }\n\n .content-body ul,\n .content-body ol {\n margin: 1rem 0 1rem 2rem;\n }\n\n .content-body li {\n margin: 0.5rem 0;\n }\n\n .content-body blockquote {\n border-left: 4px solid #007bff;\n padding: 0.5rem 1rem;\n margin: 1rem 0;\n background: #f8f9fa;\n color: #495057;\n }\n\n .content-body code {\n background: #f8f9fa;\n padding: 0.2rem 0.4rem;\n border-radius: 3px;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 0.875em;\n }\n\n .content-body pre {\n background: #f8f9fa;\n padding: 1rem;\n border-radius: 6px;\n overflow-x: auto;\n margin: 1rem 0;\n }\n\n .content-body pre code {\n background: none;\n padding: 0;\n }\n\n .content-body table {\n width: 100%;\n border-collapse: collapse;\n margin: 1rem 0;\n }\n\n .content-body th,\n .content-body td {\n border: 1px solid #dee2e6;\n padding: 0.75rem;\n text-align: left;\n }\n\n .content-body th {\n background: #f8f9fa;\n font-weight: 600;\n }\n\n .content-body img {\n max-width: 100%;\n height: auto;\n border-radius: 6px;\n margin: 1rem 0;\n }\n\n a {\n color: #007bff;\n text-decoration: none;\n }\n\n .content-body a:hover {\n text-decoration: underline;\n }\n\n .footer {\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid #e9ecef;\n color: #6c757d;\n font-size: 0.875rem;\n text-align: center;\n }\n\n .tags-list {\n list-style: none;\n padding: 0;\n display: flex;\n gap: 0.5rem;\n margin-top: 0.5rem;\n flex-wrap: wrap;\n }\n\n .tag-item {\n background: #e9ecef;\n color: #495057;\n padding: 0.25rem 0.5rem;\n border-radius: 4px;\n font-size: 0.875rem;\n }\n\n @media (max-width: 768px) {\n\n .sidebar {\n width: 100%;\n height: auto;\n position: static;\n border-right: none;\n border-bottom: 1px solid #e9ecef;\n }\n\n .content {\n margin-left: 0;\n padding: 2rem;\n }\n }\n \n /* Mermaid diagram styles */\n .mermaid-diagram {\n margin: 1.5rem 0;\n border: 1px solid #e9ecef;\n border-radius: 6px;\n overflow: hidden;\n background: #fff;\n }\n\n .mermaid-placeholder {\n padding: 2rem;\n background: #f8f9fa;\n min-height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n }\n\n .mermaid-loading {\n color: #6c757d;\n font-style: italic;\n font-size: 0.875rem;\n }\n\n .mermaid-error {\n color: #dc3545;\n padding: 1rem;\n background: #f8d7da;\n border-radius: 4px;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 0.875rem;\n line-height: 1.5;\n }\n\n .mermaid-source {\n display: none;\n }\n\n /* Ensure Mermaid diagrams are responsive */\n .mermaid-diagram svg {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 0 auto;\n }\n ";
|
|
1
|
+
export declare const style = "\n\n html, body {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n }\n\n html[lang='ar-SA'] {\n direction: rtl;\n }\n\n body {\n color: #333;\n background: #f8f9fa;\n }\n\n .sidebar {\n width: 280px;\n background: #fff;\n border-right: 1px solid #e9ecef;\n padding: 2rem 1rem;\n overflow-y: auto;\n\n flex-shrink: 0;\n }\n\n .sidebar-header {\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #e9ecef;\n }\n\n .sidebar-header h1 {\n font-size: 1.5rem;\n font-weight: 600;\n color: #212529;\n }\n\n .sidebar-header p {\n color: #6c757d;\n font-size: 0.875rem;\n margin-top: 0.5rem;\n }\n\n .nav-list {\n list-style: none;\n }\n\n .nav-item {\n margin-bottom: 0.5rem;\n }\n\n .nav-link {\n display: block;\n padding: 0.5rem 1rem;\n color: #495057;\n text-decoration: none;\n border-radius: 4px;\n transition: all 0.2s;\n }\n\n .nav-link:hover {\n background: #e9ecef;\n color: #212529;\n }\n\n .nav-link.active {\n background: #007bff;\n color: white;\n }\n\n .nav-submenu {\n list-style: none;\n margin-left: 1rem;\n margin-top: 0.25rem;\n }\n\n blockquote {\n border-left: 4px solid #007bff;\n padding: 0.5rem 1rem;\n margin: 1rem 0;\n background: #f8f9fa;\n color: #495057;\n }\n\n .content {\n flex: 1;\n margin-inline-start: 80px;\n padding: 3rem 4rem;\n max-width: 900px;\n }\n\n .content-header {\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #e9ecef;\n }\n\n .content-header h1 {\n font-size: 2.5rem;\n font-weight: 700;\n color: #212529;\n margin-bottom: 0.5rem;\n }\n\n .content-header .meta {\n color: #6c757d;\n font-size: 0.875rem;\n }\n\n .content-body {\n font-size: 1.125rem;\n line-height: 1.8;\n }\n\n .content-body h1 {\n font-size: 2rem;\n margin: 2rem 0 1rem;\n color: #212529;\n }\n\n .content-body h2 {\n font-size: 1.75rem;\n margin: 1.75rem 0 0.875rem;\n color: #343a40;\n }\n\n .content-body h3 {\n font-size: 1.5rem;\n margin: 1.5rem 0 0.75rem;\n color: #495057;\n }\n\n .content-body p {\n margin: 1rem 0;\n }\n\n .content-body ul,\n .content-body ol {\n margin: 1rem 0 1rem 2rem;\n }\n\n .content-body li {\n margin: 0.5rem 0;\n }\n\n .content-body blockquote {\n border-left: 4px solid #007bff;\n padding: 0.5rem 1rem;\n margin: 1rem 0;\n background: #f8f9fa;\n color: #495057;\n }\n\n .content-body code {\n background: #f8f9fa;\n padding: 0.2rem 0.4rem;\n border-radius: 3px;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 0.875em;\n }\n\n .content-body pre {\n background: #f8f9fa;\n padding: 1rem;\n border-radius: 6px;\n overflow-x: auto;\n margin: 1rem 0;\n }\n\n .content-body pre code {\n background: none;\n padding: 0;\n }\n\n .content-body table {\n width: 100%;\n border-collapse: collapse;\n margin: 1rem 0;\n }\n\n .content-body th,\n .content-body td {\n border: 1px solid #dee2e6;\n padding: 0.75rem;\n text-align: left;\n }\n\n .content-body th {\n background: #f8f9fa;\n font-weight: 600;\n }\n\n .content-body img {\n max-width: 100%;\n height: auto;\n border-radius: 6px;\n margin: 1rem 0;\n }\n\n a {\n color: #007bff;\n text-decoration: none;\n }\n\n .content-body a:hover {\n text-decoration: underline;\n }\n\n .footer {\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid #e9ecef;\n color: #6c757d;\n font-size: 0.875rem;\n text-align: center;\n }\n\n .tags-list {\n list-style: none;\n padding: 0;\n display: flex;\n gap: 0.5rem;\n margin-top: 0.5rem;\n flex-wrap: wrap;\n }\n\n .tag-item {\n background: #e9ecef;\n color: #495057;\n padding: 0.25rem 0.5rem;\n border-radius: 4px;\n font-size: 0.875rem;\n }\n\n @media (max-width: 768px) {\n\n .sidebar {\n width: 100%;\n height: auto;\n position: static;\n border-right: none;\n border-bottom: 1px solid #e9ecef;\n }\n\n .content {\n margin-left: 0;\n padding: 2rem;\n }\n }\n \n /* Mermaid diagram styles */\n .mermaid-diagram {\n margin: 1.5rem 0;\n border: 1px solid #e9ecef;\n border-radius: 6px;\n overflow: hidden;\n background: #fff;\n }\n\n .mermaid-placeholder {\n padding: 2rem;\n background: #f8f9fa;\n min-height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n }\n\n .mermaid-loading {\n color: #6c757d;\n font-style: italic;\n font-size: 0.875rem;\n }\n\n .mermaid-error {\n color: #dc3545;\n padding: 1rem;\n background: #f8d7da;\n border-radius: 4px;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 0.875rem;\n line-height: 1.5;\n }\n\n .mermaid-source {\n display: none;\n }\n\n /* Ensure Mermaid diagrams are responsive */\n .mermaid-diagram svg {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 0 auto;\n }\n ";
|
|
2
2
|
//# sourceMappingURL=style.d.ts.map
|
package/dist/ssg/style.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/ssg/style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/ssg/style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,4qMA2ST,CAAC"}
|
package/dist/ssg/style.js
CHANGED
package/dist/ssg/style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/ssg/style.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/ssg/style.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2SZ,CAAC"}
|