@varlet/vite-plugins 2.18.0-alpha.1697559303154 → 2.18.0

package/lib/index.js

@@ -2,11 +2,15 @@
 import markdownIt from "markdown-it";
 import hljs from "highlight.js";
 import { kebabCase } from "@varlet/shared";
+import { pinyin } from "pinyin";
+function transformHash(hash) {
+  return pinyin(hash, { style: "tone2" }).flat(Infinity).join("-").replaceAll(" ", "-");
+}
 function htmlWrapper(html2) {
   const matches = html2.matchAll(/<h3>(.*?)<\/h3>/g);
   const hGroup = html2.replace(/<h3>/g, () => {
-    const content = matches.next().value[1];
-    return `:::<h3 id="${content}"><router-link to="#${content}">#</router-link>`;
+    const hash = transformHash(matches.next().value[1]);
+    return `:::<h3 id="${hash}"><router-link to="#${hash}">#</router-link>`;
   }).replace(/<h2/g, ":::<h2").split(":::");
   const cardGroup = hGroup.map((fragment) => fragment.includes("<h3") ? `<div class="card">${fragment}</div>` : fragment).join("");
   return cardGroup.replace(/<code>/g, "<code v-pre>");
@@ -94,16 +98,7 @@ function markdown(options) {
         return markdownToVue(source, options);
       } catch (e) {
         this.error(e);
-        return "";
       }
-    },
-    async handleHotUpdate(ctx) {
-      if (!/\.md$/.test(ctx.file))
-        return;
-      const readSource = ctx.read;
-      ctx.read = async function() {
-        return markdownToVue(await readSource(), options);
-      };
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/vite-plugins",
-  "version": "2.18.0-alpha.1697559303154",
+  "version": "2.18.0",
   "type": "module",
   "description": "vite plugins of varlet",
   "main": "lib/index.js",
@@ -25,16 +25,17 @@
     "fs-extra": "^9.0.1",
     "highlight.js": "^10.7.2",
     "markdown-it": "^12.2.3",
-    "@varlet/shared": "2.18.0-alpha.1697559303154"
+    "pinyin": "3.0.0-alpha.4",
+    "@varlet/shared": "2.18.0"
   },
   "devDependencies": {
-    "tsup": "7.2.0",
-    "vite": "4.3.5",
-    "typescript": "^5.1.5",
-    "@types/node": "^18.7.20",
     "@types/ejs": "^3.1.1",
+    "@types/fs-extra": "^9.0.2",
     "@types/markdown-it": "^12.2.3",
-    "@types/fs-extra": "^9.0.2"
+    "@types/node": "^18.7.20",
+    "tsup": "7.2.0",
+    "typescript": "^5.1.5",
+    "vite": "4.3.5"
   },
   "scripts": {
     "dev": "tsup src/index.ts --format esm --out-dir=lib --watch --dts",

package/src/markdown.ts

@@ -1,15 +1,20 @@
 import markdownIt from 'markdown-it'
 import hljs from 'highlight.js'
 import { kebabCase } from '@varlet/shared'
+import { pinyin } from 'pinyin'
 import type { Plugin } from 'vite'
 
+function transformHash(hash: string) {
+  return pinyin(hash, { style: 'tone2' }).flat(Infinity).join('-').replaceAll(' ', '-')
+}
+
 function htmlWrapper(html: string) {
   const matches = html.matchAll(/<h3>(.*?)<\/h3>/g)
   const hGroup = html
     .replace(/<h3>/g, () => {
-      const content = matches.next().value[1]
+      const hash = transformHash(matches.next().value[1])
 
-      return `:::<h3 id="${content}"><router-link to="#${content}">#</router-link>`
+      return `:::<h3 id="${hash}"><router-link to="#${hash}">#</router-link>`
     })
     .replace(/<h2/g, ':::<h2')
     .split(':::')
@@ -133,16 +138,6 @@ export function markdown(options: MarkdownOptions): Plugin {
         return markdownToVue(source, options)
       } catch (e: any) {
         this.error(e)
-        return ''
-      }
-    },
-
-    async handleHotUpdate(ctx) {
-      if (!/\.md$/.test(ctx.file)) return
-
-      const readSource = ctx.read
-      ctx.read = async function () {
-        return markdownToVue(await readSource(), options)
       }
     },
   }