vuepress-plugin-md-power 1.0.0-rc.127 → 1.0.0-rc.129

package/lib/client/components/CodeTabs.vue

@@ -134,6 +134,8 @@ function onTabNavClick(index: number): void {
   border-radius: 6px 6px 0 0;
   box-shadow: inset 0 -1px var(--vp-code-tab-divider);
   transition: background-color var(--vp-t-color), box-shadow var(--vp-t-color);
+
+  scrollbar-width: thin;
 }
 
 @media print {

package/lib/client/styles/steps.css

@@ -2,22 +2,20 @@
   margin: 16px 0;
 }
 
-.vp-doc .vp-steps > ol,
-.vp-doc .vp-steps > ul {
+.vp-doc .vp-steps > :where(ol,ul) {
   padding-inline-start: 0;
   list-style: none;
 }
 
-.vp-doc .vp-steps > ol > li,
-.vp-doc .vp-steps > ul > li {
+.vp-doc .vp-steps > :where(ol,ul) > li {
   position: relative;
-  min-height: 22px;
+  min-height: 28px;
   padding-bottom: 1px;
   padding-left: 44px;
+  line-height: 28px;
 }
 
-.vp-doc .vp-steps > ol > li::before,
-.vp-doc .vp-steps > ul > li::before {
+.vp-doc .vp-steps > :where(ol,ul) > li::before {
   position: absolute;
   inset-inline-start: 0;
   top: 0;
@@ -36,8 +34,7 @@
   transition-property: color, background-color, border-color;
 }
 
-.vp-doc .vp-steps > ol > li:not(:last-of-type)::after,
-.vp-doc .vp-steps > ul > li:not(:last-of-type)::after {
+.vp-doc .vp-steps > :where(ol,ul) > li:not(:last-of-type)::after {
   position: absolute;
   inset-inline-start: 14px;
   top: 34px;
@@ -48,22 +45,19 @@
   transition: background-color var(--vp-t-color);
 }
 
-.vp-doc .vp-steps > ol > li > :first-child,
-.vp-doc .vp-steps > ul > li > :first-child {
+.vp-doc .vp-steps > :where(ol,ul) > li > :first-child {
   margin-top: 0;
 }
 
-.vp-doc .vp-steps > ol > li > :first-child:where(h1,h2,h3,h4,h5,h6),
-.vp-doc .vp-steps > ul > li > :first-child:where(h1,h2,h3,h4,h5,h6) {
+.vp-doc .vp-steps > :where(ol,ul) > li > :first-child:where(h1,h2,h3,h4,h5,h6) {
   padding-top: 0;
   border-top: none;
 }
 
-.vp-doc .vp-steps > ol > li > :first-child:where(p) {
+.vp-doc .vp-steps > :where(ol,ul) > li > :first-child:where(p) {
   line-height: 28px;
 }
 
-.vp-doc .vp-steps > ol > li + li,
-.vp-doc .vp-steps > ul > li + li {
+.vp-doc .vp-steps > :where(ol,ul) > li + li {
   margin-top: 1px;
 }

package/lib/node/index.js

@@ -1942,7 +1942,7 @@ var markdownContainerRender = {
 
 // src/node/demo/normal.ts
 import fs5 from "node:fs";
-import path4 from "node:path";
+import path5 from "node:path";
 
 // src/node/demo/supports/compiler.ts
 import { isPackageExists } from "local-pkg";
@@ -1977,6 +1977,7 @@ async function compileScript(source, type2) {
   const transform = await compiler.script();
   const res = await transform(source, {
     target: "es2018",
+    platform: "browser",
     format: "cjs",
     loader: type2 === "ts" ? "ts" : "js",
     sourcemap: false
@@ -2022,8 +2023,8 @@ function importer(func) {
 
 // src/node/demo/supports/insertScript.ts
 var SCRIPT_RE = /<script.*?>/;
-function insertSetupScript({ export: name, path: path8 }, env) {
-  const imports = `import ${name ? `${name} from ` : ""}'${path8}';`;
+function insertSetupScript({ export: name, path: path9 }, env) {
+  const imports = `import ${name ? `${name} from ` : ""}'${path9}';`;
   const scriptSetup = env.sfcBlocks.scriptSetup ??= {
     type: "script",
     content: "<script setup>\n</script>",
@@ -2039,6 +2040,7 @@ ${imports}`);
 
 // src/node/demo/watcher.ts
 import fs4 from "node:fs";
+import path4 from "node:path";
 import { watch } from "chokidar";
 var renderDone = null;
 var renderCount = 0;
@@ -2074,46 +2076,47 @@ function demoWatcher(app, watchers) {
   if (!watcher) {
     watcher = watch([], { ignoreInitial: true });
   }
-  Object.keys(tasks).forEach((path8) => {
-    watcher.add(path8);
+  Object.keys(tasks).forEach((path9) => {
+    watcher.add(path9);
   });
   const code = readFileSync(app.dir.temp(target));
   if (code) {
     const paths = JSON.parse(code || "{}");
-    Object.entries(paths).forEach(([path8, output]) => {
-      watcher.add(path8);
-      tasks[path8] = output;
+    Object.entries(paths).forEach(([path9, output]) => {
+      watcher.add(path9);
+      tasks[path9] = output;
     });
   }
   updateWatchFiles(app);
-  watcher.on("change", (path8) => {
-    if (tasks[path8]) {
-      const code2 = readFileSync(path8);
+  watcher.on("change", (path9) => {
+    if (tasks[path9]) {
+      const code2 = readFileSync(path9);
       if (code2 === false)
         return;
       const source = parseEmbedCode(code2);
-      compileCode(source, tasks[path8]);
+      compileCode(source, tasks[path9]);
     }
   });
-  watcher.on("unlink", (path8) => {
-    delete tasks[path8];
-    watcher.unwatch(path8);
+  watcher.on("unlink", (path9) => {
+    delete tasks[path9];
+    watcher.unwatch(path9);
   });
   watchers.push(() => {
     watcher.close();
     watcher = null;
   });
 }
-function addTask(app, path8, output) {
-  if (tasks[path8])
+function addTask(app, path9, output) {
+  if (tasks[path9])
     return;
-  tasks[path8] = output;
+  tasks[path9] = output;
   if (watcher) {
-    watcher.add(path8);
+    watcher.add(path9);
   }
   updateWatchFiles(app);
 }
 async function updateWatchFiles(app) {
+  await fs4.promises.mkdir(app.dir.temp(path4.dirname(target)), { recursive: true });
   await fs4.promises.writeFile(app.dir.temp(target), JSON.stringify(tasks));
 }
 
@@ -2205,7 +2208,7 @@ function normalEmbed(app, md, env, { url, title, desc, codeSetting = "", expande
   }
   const source = parseEmbedCode(code);
   const prefix = (env.filePathRelative || "").replace(/\.md$/, "").replace(/\//g, "-");
-  const basename = path4.basename(filepath2).replace(/-|\./g, "_");
+  const basename = path5.basename(filepath2).replace(/-|\./g, "_");
   const name = `Demo${basename[0].toUpperCase()}${basename.slice(1)}`;
   const demo = { type: "normal", export: name, path: filepath2 };
   const output = app.dir.temp(target2, `${prefix}-${name}.js`);
@@ -2225,7 +2228,7 @@ var normalContainerRender = {
     const { url, title, desc, expanded = false } = meta;
     const name = `DemoContainer${url}`;
     const prefix = (env.filePathRelative || "").replace(/\.md$/, "").replace(/\//g, "-");
-    const output = app.dir.temp(path4.join(target2, `${prefix}-${name}.js`));
+    const output = app.dir.temp(path5.join(target2, `${prefix}-${name}.js`));
     env.demoFiles ??= [];
     if (!env.demoFiles.some((d) => d.path === output)) {
       const demo = { type: "normal", export: name, gitignore: true, path: output };
@@ -2303,7 +2306,7 @@ function normalizeAlias(info) {
 }
 
 // src/node/demo/vue.ts
-import path5 from "node:path";
+import path6 from "node:path";
 function vueEmbed(app, md, env, { url, title, desc, codeSetting = "", expanded = false }) {
   const filepath2 = findFile(app, env, url);
   const code = readFileSync(filepath2);
@@ -2311,8 +2314,8 @@ function vueEmbed(app, md, env, { url, title, desc, codeSetting = "", expanded =
     console.warn("[vuepress-plugin-md-power] Cannot read vue file:", filepath2);
     return "";
   }
-  const basename = path5.basename(filepath2).replace(/-|\./g, "_");
-  const ext = path5.extname(filepath2).slice(1);
+  const basename = path6.basename(filepath2).replace(/-|\./g, "_");
+  const ext = path6.extname(filepath2).slice(1);
   const name = `Demo${basename[0].toUpperCase()}${basename.slice(1)}`;
   const demo = { type: "vue", export: name, path: filepath2 };
   env.demoFiles ??= [];
@@ -2336,7 +2339,7 @@ var vueContainerRender = {
     const componentName2 = `DemoContainer${url}`;
     const prefix = (env.filePathRelative || "").replace(/\.md$/, "").replace(/\//g, "-");
     env.demoFiles ??= [];
-    const output = app.dir.temp(path5.join(target3, `${prefix}-${componentName2}`));
+    const output = app.dir.temp(path6.join(target3, `${prefix}-${componentName2}`));
     if (codeMap.vue || codeMap.js || codeMap.ts) {
       let scriptOutput = output;
       let content = "";
@@ -2393,7 +2396,7 @@ var STYLE_RE2 = /<style.*?>/;
 function transformImports(code, filepath2) {
   return code.replace(IMPORT_RE, (matched, url) => {
     if (url.startsWith("./") || url.startsWith("../")) {
-      return matched.replace(url, `${path5.resolve(path5.dirname(filepath2), url)}`);
+      return matched.replace(url, `${path6.resolve(path6.dirname(filepath2), url)}`);
     }
     return matched;
   });
@@ -2491,10 +2494,10 @@ function extendsPageWithDemo(page) {
   const markdownEnv = page.markdownEnv;
   const demoFiles = markdownEnv.demoFiles ?? [];
   page.deps.push(
-    ...demoFiles.filter(({ type: type2 }) => type2 === "markdown").map(({ path: path8 }) => path8)
+    ...demoFiles.filter(({ type: type2 }) => type2 === "markdown").map(({ path: path9 }) => path9)
   );
   (page.frontmatter.gitInclude ??= []).push(
-    ...demoFiles.filter(({ gitignore }) => !gitignore).map(({ path: path8 }) => path8)
+    ...demoFiles.filter(({ gitignore }) => !gitignore).map(({ path: path9 }) => path9)
   );
 }
 
@@ -2761,7 +2764,7 @@ var replitPlugin = (md) => {
 };
 
 // src/node/embed/pdf.ts
-import { path as path6 } from "vuepress/utils";
+import { path as path7 } from "vuepress/utils";
 var pdfPlugin = (md) => {
   createEmbedRuleBlock(md, {
     type: "pdf",
@@ -2777,7 +2780,7 @@ var pdfPlugin = (md) => {
         width: attrs2.width ? parseRect(attrs2.width) : "100%",
         height: attrs2.height ? parseRect(attrs2.height) : "",
         ratio: attrs2.ratio ? parseRect(attrs2.ratio) : "",
-        title: path6.basename(src || "")
+        title: path7.basename(src || "")
       };
     },
     content({ title, src, page, noToolbar, width, height, ratio, zoom }) {
@@ -3149,11 +3152,11 @@ function inlineSyntaxPlugin(md, options) {
 
 // src/node/prepareConfigFile.ts
 import { ensureEndingSlash } from "@vuepress/helper";
-import { getDirname, path as path7 } from "vuepress/utils";
+import { getDirname, path as path8 } from "vuepress/utils";
 var { url: filepath } = import.meta;
 var __dirname = getDirname(filepath);
 var CLIENT_FOLDER = ensureEndingSlash(
-  path7.resolve(__dirname, "../client")
+  path8.resolve(__dirname, "../client")
 );
 async function prepareConfigFile(app, options) {
   const imports = /* @__PURE__ */ new Set();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.127",
+  "version": "1.0.0-rc.129",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -61,31 +61,31 @@
     }
   },
   "dependencies": {
-    "@mdit/plugin-attrs": "^0.14.0",
-    "@mdit/plugin-footnote": "^0.14.0",
-    "@mdit/plugin-mark": "^0.14.0",
-    "@mdit/plugin-sub": "^0.14.0",
-    "@mdit/plugin-sup": "^0.14.0",
-    "@mdit/plugin-tab": "^0.14.0",
-    "@mdit/plugin-tasklist": "^0.14.0",
-    "@vuepress/helper": "2.0.0-rc.69",
-    "@vueuse/core": "^12.3.0",
+    "@mdit/plugin-attrs": "^0.16.2",
+    "@mdit/plugin-footnote": "^0.16.0",
+    "@mdit/plugin-mark": "^0.16.0",
+    "@mdit/plugin-sub": "^0.16.0",
+    "@mdit/plugin-sup": "^0.16.0",
+    "@mdit/plugin-tab": "^0.16.0",
+    "@mdit/plugin-tasklist": "^0.16.0",
+    "@vuepress/helper": "2.0.0-rc.73",
+    "@vueuse/core": "^12.4.0",
     "chokidar": "3.6.0",
     "image-size": "^1.2.0",
     "local-pkg": "^1.0.0",
     "lru-cache": "^11.0.2",
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.0.9",
-    "shiki": "^1.26.1",
-    "tm-grammars": "^1.22.3",
+    "shiki": "^2.0.3",
+    "tm-grammars": "^1.22.9",
     "tm-themes": "^1.9.8",
     "vue": "^3.5.13"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2",
-    "artplayer": "^5.2.1",
+    "artplayer": "^5.2.2",
     "dashjs": "^4.7.4",
-    "hls.js": "^1.5.18",
+    "hls.js": "^1.5.19",
     "mpegts.js": "1.7.3"
   },
   "publishConfig": {