@huyooo/vite-markdown 0.3.16 → 0.3.17

package/dist/index.js

@@ -5,6 +5,55 @@ import { full as emoji } from 'markdown-it-emoji';
 import MarkdownItPrism from 'markdown-it-prism';
 import MarkdownItTocDoneRight from 'markdown-it-toc-done-right';
 import Markdown from 'unplugin-vue-markdown/vite';
+/** 容器默认标题（与 VitePress 一致，可后续做配置） */
+const DEFAULT_LABELS = {
+    info: '信息',
+    tip: '提示',
+    warning: '警告',
+    danger: '危险',
+    details: '详细信息',
+};
+/** 表格包装：宽表可横向滚动，并突破内容区内边距全宽显示（与 VitePress 等文档站一致） */
+function tableWrapper(md) {
+    const renderer = md.renderer;
+    const defaultOpen = renderer.rules.table_open;
+    const defaultClose = renderer.rules.table_close;
+    const proxy = (tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options);
+    const open = defaultOpen ?? proxy;
+    const close = defaultClose ?? proxy;
+    renderer.rules.table_open = (tokens, idx, options, env, self) => {
+        return ('<div data-table-wrapper="true" class="table-wrapper">' +
+            '<div class="table-wrapper-inner">' +
+            open(tokens, idx, options, env, self));
+    };
+    renderer.rules.table_close = (tokens, idx, options, env, self) => {
+        return close(tokens, idx, options, env, self) + '</div></div>';
+    };
+}
+/** 创建带自定义标题的容器（::: type 标题 或 ::: type）；标题为 type 后的文案，无则用 defaultTitle */
+function createContainer(md, klass, defaultTitle) {
+    return [
+        MarkdownItContainer,
+        klass,
+        {
+            render(tokens, idx) {
+                const token = tokens[idx];
+                if (token.nesting !== 1) {
+                    return klass === 'details' ? `</details>\n` : `</div>\n`;
+                }
+                token.attrJoin('class', `${klass} custom-block`);
+                const attrs = md.renderer.renderAttrs(token);
+                const info = token.info.trim().slice(klass.length).trim();
+                const title = info ? md.utils.escapeHtml(info) : defaultTitle;
+                const titleClass = 'custom-block-title' + (info ? '' : ' custom-block-title-default');
+                if (klass === 'details') {
+                    return `<details ${attrs}><summary class="${titleClass}">${title}</summary>\n`;
+                }
+                return `<div ${attrs}><p class="${titleClass}">${title}</p>\n`;
+            },
+        },
+    ];
+}
 export function createMarkdownPlugin() {
     return Markdown({
         markdownItOptions: {
@@ -14,6 +63,7 @@ export function createMarkdownPlugin() {
         },
         markdownItSetup(md) {
             md.use(MarkdownItAnchor);
+            md.use(tableWrapper);
             md.use(MarkdownItPrism);
             md.use(MarkdownItCopy, {
                 btnText: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z"/><path d="M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1"/></g></svg>',
@@ -23,16 +73,16 @@ export function createMarkdownPlugin() {
                 showCodeLanguage: true,
                 extraHtmlBeforeBtn: '',
             });
-            md.use(MarkdownItContainer, 'info');
-            md.use(MarkdownItContainer, 'tip');
-            md.use(MarkdownItContainer, 'warning');
-            md.use(MarkdownItContainer, 'danger');
+            md.use(...createContainer(md, 'tip', DEFAULT_LABELS.tip));
+            md.use(...createContainer(md, 'info', DEFAULT_LABELS.info));
+            md.use(...createContainer(md, 'warning', DEFAULT_LABELS.warning));
+            md.use(...createContainer(md, 'danger', DEFAULT_LABELS.danger));
+            md.use(...createContainer(md, 'details', DEFAULT_LABELS.details));
             md.use(emoji);
             md.use(MarkdownItTocDoneRight, {
                 level: [1, 2, 3],
                 containerClass: 'toc',
             });
-            // 如需 details 容器可在此解开
         },
         wrapperClasses: 'markdown-body',
     });

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huyooo/vite-markdown",
-  "version": "0.3.12",
+  "version": "0.3.17",
   "private": false,
   "type": "module",
   "description": "MCP server for fetching and parsing Hacker News stories",
@@ -13,7 +13,9 @@
   "scripts": {
     "build": "rimraf dist && tsc && cp package.json dist/",
     "watch": "tsc --watch",
-    "inspector": "npx @modelcontextprotocol/inspector node dist/index.js"
+    "inspector": "npx @modelcontextprotocol/inspector node dist/index.js",
+    "release": "bumpp && npm publish",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "markdown-it-anchor": "^9.2.0",
@@ -21,10 +23,12 @@
     "markdown-it-copy": "^1.2.0",
     "markdown-it-emoji": "^3.0.0",
     "markdown-it-prism": "^3.0.0",
+    "markdown-it-toc-done-right": "^4.2.0",
     "typescript": "^5.5.3",
     "unplugin-vue-markdown": "^28.3.1"
   },
   "devDependencies": {
+    "bumpp": "^10.2.0",
     "@types/markdown-it-container": "^2.0.10",
     "@types/markdown-it-emoji": "^3.0.1",
     "@types/node": "^22.14.0",
@@ -43,4 +47,4 @@
   },
   "homepage": "https://github.com/pskill9/hn-server#readme",
   "gitHead": "3b89c5f3e764bd2502a11e40fdb1a574d9ee508d"
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huyooo/vite-markdown",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "private": false,
   "type": "module",
   "description": "MCP server for fetching and parsing Hacker News stories",
@@ -13,7 +13,9 @@
   "scripts": {
     "build": "rimraf dist && tsc && cp package.json dist/",
     "watch": "tsc --watch",
-    "inspector": "npx @modelcontextprotocol/inspector node dist/index.js"
+    "inspector": "npx @modelcontextprotocol/inspector node dist/index.js",
+    "release": "bumpp && npm publish",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "markdown-it-anchor": "^9.2.0",
@@ -21,10 +23,12 @@
     "markdown-it-copy": "^1.2.0",
     "markdown-it-emoji": "^3.0.0",
     "markdown-it-prism": "^3.0.0",
+    "markdown-it-toc-done-right": "^4.2.0",
     "typescript": "^5.5.3",
     "unplugin-vue-markdown": "^28.3.1"
   },
   "devDependencies": {
+    "bumpp": "^10.2.0",
     "@types/markdown-it-container": "^2.0.10",
     "@types/markdown-it-emoji": "^3.0.1",
     "@types/node": "^22.14.0",
@@ -42,5 +46,5 @@
     "url": "https://github.com/pskill9/hn-server/issues"
   },
   "homepage": "https://github.com/pskill9/hn-server#readme",
-  "gitHead": "3cd2ee9550fc8d9a81d5197436287ac0f39cfe47"
+  "gitHead": "3b89c5f3e764bd2502a11e40fdb1a574d9ee508d"
 }

package/LICENSE.md

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 fuguoqiang
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.