czon 0.9.3 → 0.9.5

package/dist/process/template.js

@@ -48,6 +48,7 @@ const resourceMap_1 = require("../ssg/resourceMap");
 const convertMarkdownToHtml_1 = require("../utils/convertMarkdownToHtml");
 const frontmatter_1 = require("../utils/frontmatter");
 const isExists_1 = require("../utils/isExists");
+const wordCount_1 = require("../utils/wordCount");
 const writeFile_1 = require("../utils/writeFile");
 const copyFavicon = async () => {
     const faviconSource = path.join(paths_1.CZON_DIR, 'icons', 'favicon.ico');
@@ -103,11 +104,15 @@ const spiderStaticSiteGenerator = async () => {
         for (const lang of metadata_1.MetaData.options.langs || []) {
             const markdown = await fs.readFile(path.join(paths_1.CZON_SRC_DIR, lang, file.path), 'utf-8');
             const body = (0, frontmatter_1.stripFrontmatter)(markdown);
+            const { total: wordCount } = (0, wordCount_1.countWords)(body);
+            const readingTimeMinutes = (0, wordCount_1.estimateReadingTime)(body);
             const article = {
                 lang,
                 file,
                 body: '',
                 headings: [],
+                wordCount,
+                readingTimeMinutes,
             };
             (0, convertMarkdownToHtml_1.convertMarkdownToHtml)(article, file.path, lang, body);
             contents.push(article);

package/dist/ssg/ContentPage.js

@@ -61,13 +61,13 @@ const ContentPage = props => {
             react_1.default.createElement(PageLayout_1.PageLayout, { header: react_1.default.createElement(CZONHeader_1.CZONHeader, { ctx: props.ctx, lang: props.lang, file: props.file }), navigator: react_1.default.createElement("nav", { className: "sidebar border-r" },
                     react_1.default.createElement(Navigator_1.Navigator, { ctx: props.ctx, file: props.file, lang: props.lang })), rightSidebar: react_1.default.createElement("aside", { className: "sidebar border-l" },
                     react_1.default.createElement("h2", { className: "text-2xl font-semibold mb-2" }, "Table of Contents"),
-                    props.content.headings.map(heading => (react_1.default.createElement("a", { key: heading.id, href: `#${heading.id}`, className: `block ms-${(heading.depth - 1) * 4} mb-2 border-b` }, heading.text)))), main: react_1.default.createElement("main", { className: "content max-w-4xl mx-auto my-8 px-4" },
+                    props.content.headings.map(heading => (react_1.default.createElement("a", { key: heading.id, href: `#${heading.id}`, className: `block ms-${(heading.depth - 1) * 4} mb-2 border-b`, dangerouslySetInnerHTML: { __html: heading.html } })))), main: react_1.default.createElement("main", { className: "content max-w-4xl mx-auto my-8 px-4" },
                     react_1.default.createElement(ContentMeta_1.ContentMeta, { ctx: props.ctx, file: props.file, lang: props.lang }),
                     react_1.default.createElement("div", { className: "border-b mb-4 pb-2 xl:hidden" },
                         react_1.default.createElement("h2", { className: "text-2xl font-semibold mb-2" }, "Table of Contents"),
                         props.content.headings.map(heading => (react_1.default.createElement("a", { key: heading.id, href: `#${heading.id}`, 
                             // 按照 heading.depth 设置缩进
-                            className: `block ps-${heading.depth * 4} mb-2` }, heading.text)))),
+                            className: `block ps-${heading.depth * 4} mb-2`, dangerouslySetInnerHTML: { __html: heading.html } })))),
                     react_1.default.createElement("div", { className: "content-body" },
                         react_1.default.createElement("article", { dangerouslySetInnerHTML: { __html: props.content.body } }),
                         relatedContents.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/ssg/components/ContentMeta.js

@@ -7,6 +7,7 @@ exports.ContentMeta = void 0;
 const react_1 = __importDefault(require("react"));
 const getCategoryDisplayName_1 = require("../utils/getCategoryDisplayName");
 const getLocalizedMetadata_1 = require("../utils/getLocalizedMetadata");
+const formatReadingStats_1 = require("../utils/formatReadingStats");
 const TagList_1 = require("./TagList");
 const ContentMeta = props => {
     const metadata = (0, getLocalizedMetadata_1.getLocalizedMetadata)(props.file, props.lang);
@@ -17,6 +18,10 @@ const ContentMeta = props => {
     const date = props.file.metadata?.inferred_date || '--';
     const tags = metadata?.tags || [];
     const category = props.file.category;
+    // 从 ctx.contents 中查找对应的文章内容，获取字数和阅读时长
+    const content = props.ctx.contents.find(c => c.file.path === props.file.path && c.lang === props.lang);
+    const wordCount = content?.wordCount ?? 0;
+    const readingTimeMinutes = content?.readingTimeMinutes ?? 0;
     return (react_1.default.createElement("header", { className: "content-header mb-4 pb-2 border-b" },
         react_1.default.createElement("h2", { className: "text-2xl font-bold mb-2" },
             react_1.default.createElement("a", { href: `${props.file.metadata?.slug}.html` }, title)),
@@ -28,9 +33,13 @@ const ContentMeta = props => {
         keyPoints.length > 0 && (react_1.default.createElement("ul", { className: "key-points list-inside my-2" }, keyPoints.slice(0, 5).map((point, index) => (react_1.default.createElement("li", { key: index },
             "\u2728 ",
             point))))),
-        date && date !== '--' && react_1.default.createElement("div", null,
-            "\uD83D\uDCC5 ",
-            date),
+        react_1.default.createElement("div", { className: "text-sm opacity-70 my-1" },
+            date && date !== '--' && react_1.default.createElement("span", null,
+                "\uD83D\uDCC5 ",
+                date),
+            wordCount > 0 && (react_1.default.createElement("span", null,
+                date && date !== '--' ? ' · ' : '',
+                (0, formatReadingStats_1.formatReadingStats)(wordCount, readingTimeMinutes, props.lang)))),
         react_1.default.createElement("div", { className: "tags" },
             react_1.default.createElement(TagList_1.TagList, { tags: tags }))));
 };

package/dist/ssg/utils/formatReadingStats.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatReadingStats = formatReadingStats;
+/**
+ * 格式化字数和阅读时长的显示文案（多语言）
+ */
+function formatReadingStats(wordCount, readingTimeMinutes, lang) {
+    const formattedCount = wordCount.toLocaleString('en-US');
+    if (lang.startsWith('zh')) {
+        return `${formattedCount} 字 · 约 ${readingTimeMinutes} 分钟阅读`;
+    }
+    if (lang.startsWith('ja')) {
+        return `${formattedCount} 文字 · 約 ${readingTimeMinutes} 分で読めます`;
+    }
+    if (lang.startsWith('ko')) {
+        return `${formattedCount} 자 · 약 ${readingTimeMinutes} 분 소요`;
+    }
+    const wordLabel = wordCount === 1 ? 'word' : 'words';
+    return `${formattedCount} ${wordLabel} · ~${readingTimeMinutes} min read`;
+}
+//# sourceMappingURL=formatReadingStats.js.map

package/dist/utils/convertMarkdownToHtml.js

@@ -100,13 +100,16 @@ const convertMarkdownToHtml = (article, path, lang, mdContent) => {
                 }
             }
         })();
+        // 使用 parseInline 渲染 inline tokens（KaTeX、加粗、斜体等）
+        const renderedHtml = this.parser.parseInline(heading.tokens);
         headings.push({
             id,
             text: heading.text,
+            html: renderedHtml,
             depth: heading.depth,
         });
         // TODO: 处理重复的标题文本以避免重复的 id
-        return `<h${heading.depth} id="${id}" class="anchor-heading">${heading.text}</h${heading.depth}>`;
+        return `<h${heading.depth} id="${id}" class="anchor-heading">${renderedHtml}</h${heading.depth}>`;
     };
     // 重写代码块渲染器以支持 Mermaid - 使用 any 类型绕过类型检查
     renderer.code = function (code, language, isEscaped) {

package/dist/utils/wordCount.js

@@ -0,0 +1,66 @@
+"use strict";
+/**
+ * 多语言感知的字数统计与阅读时长估算
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.countWords = countWords;
+exports.estimateReadingTime = estimateReadingTime;
+// CJK 字符正则：中文、日文假名、韩文
+const CJK_REGEX = /[\u4e00-\u9fff\u3400-\u4dbf\u3040-\u309f\u30a0-\u30ff\uac00-\ud7af]/g;
+/**
+ * 从 Markdown 文本中剥离语法标记，保留可读文本
+ */
+function stripMarkdown(md) {
+    return (md
+        // 移除代码块
+        .replace(/```[\s\S]*?```/g, '')
+        // 移除行内代码
+        .replace(/`[^`]*`/g, '')
+        // 移除 HTML 标签
+        .replace(/<[^>]+>/g, '')
+        // 移除图片 ![alt](url)
+        .replace(/!\[[^\]]*\]\([^)]*\)/g, '')
+        // 链接 [text](url) -> 保留 text
+        .replace(/\[([^\]]*)\]\([^)]*\)/g, '$1')
+        // 移除标题标记
+        .replace(/^#{1,6}\s+/gm, '')
+        // 移除粗体/斜体标记
+        .replace(/(\*{1,3}|_{1,3})(.*?)\1/g, '$2')
+        // 移除删除线
+        .replace(/~~(.*?)~~/g, '$1')
+        // 移除引用标记
+        .replace(/^\s*>\s?/gm, '')
+        // 移除水平线
+        .replace(/^[-*_]{3,}\s*$/gm, '')
+        // 移除列表标记
+        .replace(/^\s*[-*+]\s+/gm, '')
+        .replace(/^\s*\d+\.\s+/gm, ''));
+}
+/**
+ * 统计 Markdown 文本的字数（多语言感知）
+ * @param markdownBody 去除 frontmatter 后的 Markdown 文本
+ */
+function countWords(markdownBody) {
+    const text = stripMarkdown(markdownBody);
+    // 统计 CJK 字符
+    const cjkMatches = text.match(CJK_REGEX);
+    const cjk = cjkMatches ? cjkMatches.length : 0;
+    // 移除 CJK 字符后，按空白分词统计拉丁单词
+    const latinText = text.replace(CJK_REGEX, ' ').trim();
+    const latinWords = latinText.split(/\s+/).filter(w => w.length > 0);
+    const latin = latinWords.length;
+    return { total: cjk + latin, cjk, latin };
+}
+// 阅读速度（字/分钟）
+const CJK_WPM = 300;
+const LATIN_WPM = 225;
+/**
+ * 估算阅读时长（分钟）
+ * @param markdownBody 去除 frontmatter 后的 Markdown 文本
+ */
+function estimateReadingTime(markdownBody) {
+    const { cjk, latin } = countWords(markdownBody);
+    const minutes = cjk / CJK_WPM + latin / LATIN_WPM;
+    return Math.max(1, Math.ceil(minutes));
+}
+//# sourceMappingURL=wordCount.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "czon",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "CZON - AI enhanced Markdown content engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -61,7 +61,6 @@
     "marked": "^17.0.1",
     "marked-footnote": "^1.4.0",
     "marked-katex-extension": "^5.1.6",
-    "minimatch": "^10.1.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "yaml": "^2.8.2"