vuepress-plugin-md-power 1.0.0-rc.135 → 1.0.0-rc.137

package/lib/node/index.js

@@ -1,275 +1,3 @@
-// src/node/enhance/imageSize.ts
-import { Buffer } from "node:buffer";
-import http from "node:https";
-import { URL } from "node:url";
-import { isLinkExternal, isLinkHttp } from "@vuepress/helper";
-import imageSize from "image-size";
-import { fs, logger, path } from "vuepress/utils";
-
-// src/node/utils/resolveAttrs.ts
-var RE_ATTR_VALUE = /(?:^|\s+)(?<attr>[\w-]+)(?:=\s*(?<quote>['"])(?<value>.+?)\k<quote>)?(?:\s+|$)/;
-function resolveAttrs(info) {
-  info = info.trim();
-  if (!info)
-    return { rawAttrs: "", attrs: {} };
-  const attrs2 = {};
-  const rawAttrs = info;
-  let matched;
-  while (matched = info.match(RE_ATTR_VALUE)) {
-    const { attr, value } = matched.groups;
-    attrs2[attr] = value ?? true;
-    info = info.slice(matched[0].length);
-  }
-  Object.keys(attrs2).forEach((key) => {
-    let value = attrs2[key];
-    value = typeof value === "string" ? value.trim() : value;
-    if (value === "true")
-      value = true;
-    else if (value === "false")
-      value = false;
-    attrs2[key] = value;
-    if (key.includes("-")) {
-      const _key = key.replace(/-(\w)/g, (_, c) => c.toUpperCase());
-      attrs2[_key] = value;
-    }
-  });
-  return { attrs: attrs2, rawAttrs };
-}
-
-// src/node/enhance/imageSize.ts
-var REG_IMG = /!\[.*?\]\(.*?\)/g;
-var REG_IMG_TAG = /<img(.*?)>/g;
-var REG_IMG_TAG_SRC = /src(?:set)?=(['"])(.+?)\1/g;
-var BADGE_LIST = [
-  "https://img.shields.io",
-  "https://badge.fury.io",
-  "https://badgen.net",
-  "https://forthebadge.com",
-  "https://vercel.com/button"
-];
-var cache = /* @__PURE__ */ new Map();
-async function imageSizePlugin(app, md, type2 = false) {
-  if (!app.env.isBuild || !type2)
-    return;
-  if (type2 === "all") {
-    const start = performance.now();
-    try {
-      await scanRemoteImageSize(app);
-    } catch {
-    }
-    if (app.env.isDebug) {
-      logger.info(`[vuepress-plugin-md-power] imageSizePlugin: scan all images time spent: ${performance.now() - start}ms`);
-    }
-  }
-  const imageRule = md.renderer.rules.image;
-  md.renderer.rules.image = (tokens, idx, options, env, self) => {
-    if (!env.filePathRelative || !env.filePath)
-      return imageRule(tokens, idx, options, env, self);
-    const token = tokens[idx];
-    const src = token.attrGet("src");
-    const width = token.attrGet("width");
-    const height = token.attrGet("height");
-    const size = resolveSize(src, width, height, env);
-    if (size) {
-      token.attrSet("width", `${size.width}`);
-      token.attrSet("height", `${size.height}`);
-    }
-    return imageRule(tokens, idx, options, env, self);
-  };
-  const rawHtmlBlockRule = md.renderer.rules.html_block;
-  const rawHtmlInlineRule = md.renderer.rules.html_inline;
-  md.renderer.rules.html_block = createHtmlRule(rawHtmlBlockRule);
-  md.renderer.rules.html_inline = createHtmlRule(rawHtmlInlineRule);
-  function createHtmlRule(rawHtmlRule) {
-    return (tokens, idx, options, env, self) => {
-      const token = tokens[idx];
-      token.content = token.content.replace(REG_IMG_TAG, (raw, info) => {
-        const { attrs: attrs2 } = resolveAttrs(info);
-        const src = attrs2.src || attrs2.srcset;
-        const size = resolveSize(src, attrs2.width, attrs2.height, env);
-        if (!size)
-          return raw;
-        attrs2.width = size.width;
-        attrs2.height = size.height;
-        const imgAttrs = Object.entries(attrs2).map(([key, value]) => typeof value === "boolean" ? key : `${key}="${value}"`).join(" ");
-        return `<img ${imgAttrs}>`;
-      });
-      return rawHtmlRule(tokens, idx, options, env, self);
-    };
-  }
-  function resolveSize(src, width, height, env) {
-    if (!src || src.startsWith("data:"))
-      return false;
-    if (width && height)
-      return false;
-    const isExternal = isLinkExternal(src, env.base);
-    const filepath2 = isExternal ? src : resolveImageUrl(src, env, app);
-    if (isExternal) {
-      if (!cache.has(filepath2))
-        return false;
-    } else {
-      if (!cache.has(filepath2)) {
-        if (!fs.existsSync(filepath2))
-          return false;
-        const { width: w, height: h } = imageSize(fs.readFileSync(filepath2));
-        if (!w || !h)
-          return false;
-        cache.set(filepath2, { width: w, height: h });
-      }
-    }
-    const { width: originalWidth, height: originalHeight } = cache.get(filepath2);
-    const ratio = originalWidth / originalHeight;
-    if (width && !height) {
-      const w = Number.parseInt(width, 10);
-      return { width: w, height: Math.round(w / ratio) };
-    } else if (height && !width) {
-      const h = Number.parseInt(height, 10);
-      return { width: Math.round(h * ratio), height: h };
-    } else {
-      return { width: originalWidth, height: originalHeight };
-    }
-  }
-}
-function resolveImageUrl(src, env, app) {
-  if (src[0] === "/")
-    return app.dir.public(src.slice(1));
-  if (env.filePathRelative && src[0] === ".")
-    return app.dir.source(path.join(path.dirname(env.filePathRelative), src));
-  if (env.filePath && (src[0] === "." || src[0] === "/"))
-    return path.resolve(env.filePath, src);
-  return path.resolve(src);
-}
-async function scanRemoteImageSize(app) {
-  if (!app.env.isBuild)
-    return;
-  const cwd = app.dir.source();
-  const files = await fs.readdir(cwd, { recursive: true });
-  const imgList = [];
-  for (const file of files) {
-    const filepath2 = path.join(cwd, file);
-    if ((await fs.stat(filepath2)).isFile() && !filepath2.includes(".vuepress") && !filepath2.includes("node_modules") && filepath2.endsWith(".md")) {
-      const content = await fs.readFile(filepath2, "utf-8");
-      const syntaxMatched = content.match(REG_IMG) ?? [];
-      for (const img of syntaxMatched) {
-        const src = img.slice(img.indexOf("](") + 2, -1);
-        addList(src.split(/\s+/)[0]);
-      }
-      const tagMatched = content.match(REG_IMG_TAG) ?? [];
-      for (const img of tagMatched) {
-        const src = img.match(REG_IMG_TAG_SRC)?.[2] ?? "";
-        addList(src);
-      }
-    }
-  }
-  function addList(src) {
-    if (src && isLinkHttp(src) && !imgList.includes(src) && !BADGE_LIST.some((badge) => src.startsWith(badge))) {
-      imgList.push(src);
-    }
-  }
-  await Promise.all(imgList.map(async (src) => {
-    if (!cache.has(src)) {
-      const { width, height } = await fetchImageSize(src);
-      if (width && height)
-        cache.set(src, { width, height });
-    }
-  }));
-}
-function fetchImageSize(src) {
-  const link = new URL(src);
-  return new Promise((resolve) => {
-    http.get(link, async (stream) => {
-      const chunks = [];
-      for await (const chunk of stream) {
-        chunks.push(chunk);
-        try {
-          const { width: width2, height: height2 } = imageSize(Buffer.concat(chunks));
-          if (width2 && height2) {
-            return resolve({ width: width2, height: height2 });
-          }
-        } catch {
-        }
-      }
-      const { width, height } = imageSize(Buffer.concat(chunks));
-      resolve({ width, height });
-    }).on("error", () => resolve({ width: 0, height: 0 }));
-  });
-}
-async function resolveImageSize(app, url, remote = false) {
-  if (cache.has(url))
-    return cache.get(url);
-  if (isLinkHttp(url) && remote) {
-    return await fetchImageSize(url);
-  }
-  if (url[0] === "/") {
-    const filepath2 = app.dir.public(url.slice(1));
-    if (fs.existsSync(filepath2)) {
-      const { width, height } = imageSize(fs.readFileSync(filepath2));
-      return { width, height };
-    }
-  }
-  return { width: 0, height: 0 };
-}
-
-// src/node/plugin.ts
-import { addViteOptimizeDepsInclude } from "@vuepress/helper";
-import { isPackageExists as isPackageExists3 } from "local-pkg";
-
-// src/node/container/index.ts
-import { isPlainObject as isPlainObject2 } from "@vuepress/helper";
-
-// src/node/container/createContainer.ts
-import container from "markdown-it-container";
-function createContainerPlugin(md, type2, options = {}) {
-  const render = (tokens, index) => {
-    const token = tokens[index];
-    const info = token.info.trim().slice(type2.length).trim() || "";
-    if (token.nesting === 1) {
-      return options.before?.(info, tokens, index) || `<div class="custom-container ${type2}">`;
-    } else {
-      return options.after?.(info, tokens, index) || "</div>";
-    }
-  };
-  md.use(container, type2, { render });
-}
-
-// src/node/container/align.ts
-var alignList = ["left", "center", "right", "justify"];
-function alignPlugin(md) {
-  for (const name of alignList) {
-    createContainerPlugin(md, name, {
-      before: () => `<div style="text-align:${name}">`
-    });
-  }
-}
-
-// src/node/container/card.ts
-function cardPlugin(md) {
-  createContainerPlugin(md, "card", {
-    before(info) {
-      const { attrs: attrs2 } = resolveAttrs(info);
-      const { title, icon } = attrs2;
-      return `<VPCard${title ? ` title="${title}"` : ""}${icon ? ` icon="${icon}"` : ""}>`;
-    },
-    after: () => "</VPCard>"
-  });
-  createContainerPlugin(md, "card-grid", {
-    before: () => "<VPCardGrid>",
-    after: () => "</VPCardGrid>"
-  });
-  createContainerPlugin(md, "card-masonry", {
-    before: (info) => {
-      const { attrs: attrs2 } = resolveAttrs(info);
-      let cols;
-      if (attrs2.cols) {
-        cols = attrs2.cols[0] === "{" ? attrs2.cols : Number.parseInt(`${attrs2.cols}`);
-      }
-      const gap = Number.parseInt(`${attrs2.gap}`);
-      return `<VPCardMasonry${cols ? ` :cols="${cols}"` : ""}${gap >= 0 ? ` :gap="${gap}"` : ""}>`;
-    },
-    after: () => "</VPCardMasonry>"
-  });
-}
-
 // src/node/container/codeTabs.ts
 import { tab } from "@mdit/plugin-tab";
 import { isPlainObject } from "@vuepress/helper";
@@ -1094,104 +822,477 @@ function getFileIcon(fileName, type2) {
     return type2 !== "folder" ? defaultFile : defaultFolder;
   return name;
 }
-function getFileIconName(fileName, type2 = "file") {
-  if (type2 === "folder") {
-    const icon2 = definitions.folders[fileName];
-    if (icon2)
-      return icon2;
-    if (fileName.includes("/"))
-      return definitions.folders[fileName.slice(fileName.lastIndexOf("/") + 1)];
+function getFileIconName(fileName, type2 = "file") {
+  if (type2 === "folder") {
+    const icon2 = definitions.folders[fileName];
+    if (icon2)
+      return icon2;
+    if (fileName.includes("/"))
+      return definitions.folders[fileName.slice(fileName.lastIndexOf("/") + 1)];
+    return;
+  }
+  let icon = definitions.named[fileName] || definitions.files[fileName];
+  if (icon)
+    return icon;
+  icon = getFileIconTypeFromExtension(fileName) || void 0;
+  if (icon)
+    return icon;
+  for (const [partial, partialIcon] of Object.entries(definitions.partials)) {
+    if (fileName.includes(partial))
+      return partialIcon;
+  }
+  return icon;
+}
+function getFileIconTypeFromExtension(fileName) {
+  const firstDotIndex = fileName.indexOf(".");
+  if (firstDotIndex === -1)
+    return;
+  let extension = fileName.slice(firstDotIndex);
+  while (extension !== "") {
+    const icon = definitions.extensions[extension];
+    if (icon)
+      return icon;
+    const nextDotIndex = extension.indexOf(".", 1);
+    if (nextDotIndex === -1)
+      return;
+    extension = extension.slice(nextDotIndex);
+  }
+}
+
+// src/node/utils/cleanMarkdownEnv.ts
+function cleanMarkdownEnv(env) {
+  return {
+    base: env.base,
+    filePath: env.filePath,
+    filePathRelative: env.filePathRelative,
+    references: env.references,
+    abbreviations: env.abbreviations,
+    annotations: env.annotations
+  };
+}
+
+// src/node/utils/stringifyProp.ts
+function stringifyProp(data) {
+  return JSON.stringify(data).replace(/'/g, "&#39");
+}
+
+// src/node/container/codeTabs.ts
+function createCodeTabIconGetter(options = {}) {
+  const noop = () => void 0;
+  if (options.icon === false)
+    return noop;
+  const { named, extensions } = isPlainObject(options.icon) ? options.icon : {};
+  return function getIcon(filename) {
+    if (named === false && definitions.named[filename])
+      return void 0;
+    if (extensions === false && getFileIconTypeFromExtension(filename)) {
+      return void 0;
+    }
+    const hasNamed = named && named.length;
+    const hasExt = extensions && extensions.length;
+    if (hasNamed || hasExt) {
+      if (hasNamed && named.includes(filename))
+        return definitions.named[filename];
+      if (hasExt && extensions.some((ext) => filename.endsWith(ext)))
+        return getFileIconTypeFromExtension(filename);
+      return void 0;
+    }
+    return getFileIconName(filename);
+  };
+}
+var codeTabs = (md, options = {}) => {
+  const getIcon = createCodeTabIconGetter(options);
+  tab(md, {
+    name: "code-tabs",
+    tabsOpenRenderer: ({ active, data }, tokens, index, _, env) => {
+      const { meta } = tokens[index];
+      const titles = data.map(({ title }) => md.renderInline(title, cleanMarkdownEnv(env)));
+      const tabsData = data.map((item, dataIndex) => {
+        const { id = titles[dataIndex] } = item;
+        return { id };
+      });
+      const titlesContent = titles.map((title, index2) => {
+        const icon = getIcon(title);
+        return `<template #title${index2}="{ value, isActive }">${icon ? `<VPIcon name="${icon}"/>` : ""}<span>${title}</span></template>`;
+      }).join("");
+      return `<CodeTabs id="${index}" :data='${stringifyProp(tabsData)}'${active === -1 ? "" : ` :active="${active}"`}${meta.id ? ` tab-id="${meta.id}"` : ""}>${titlesContent}`;
+    },
+    tabsCloseRenderer: () => `</CodeTabs>`,
+    tabOpenRenderer: ({ index }, tokens, tokenIndex) => {
+      let foundFence = false;
+      for (let i = tokenIndex; i < tokens.length; i++) {
+        const { type: type2 } = tokens[i];
+        if (type2 === "code-tabs_tab_close")
+          break;
+        if ((type2 === "fence" || type2 === "import_code") && !foundFence) {
+          foundFence = true;
+          continue;
+        }
+        tokens[i].type = "code_tab_empty";
+        tokens[i].hidden = true;
+      }
+      return `<template #tab${index}="{ value, isActive }">`;
+    },
+    tabCloseRenderer: () => `</template>`
+  });
+};
+
+// src/node/enhance/imageSize.ts
+import { Buffer } from "node:buffer";
+import http from "node:https";
+import { URL } from "node:url";
+import { isLinkExternal, isLinkHttp } from "@vuepress/helper";
+import imageSize from "image-size";
+import { fs, logger, path } from "vuepress/utils";
+
+// src/node/utils/resolveAttrs.ts
+var RE_ATTR_VALUE = /(?:^|\s+)(?<attr>[\w-]+)(?:=\s*(?<quote>['"])(?<value>.+?)\k<quote>)?(?:\s+|$)/;
+function resolveAttrs(info) {
+  info = info.trim();
+  if (!info)
+    return { rawAttrs: "", attrs: {} };
+  const attrs2 = {};
+  const rawAttrs = info;
+  let matched;
+  while (matched = info.match(RE_ATTR_VALUE)) {
+    const { attr, value } = matched.groups;
+    attrs2[attr] = value ?? true;
+    info = info.slice(matched[0].length);
+  }
+  Object.keys(attrs2).forEach((key) => {
+    let value = attrs2[key];
+    value = typeof value === "string" ? value.trim() : value;
+    if (value === "true")
+      value = true;
+    else if (value === "false")
+      value = false;
+    attrs2[key] = value;
+    if (key.includes("-")) {
+      const _key = key.replace(/-(\w)/g, (_, c) => c.toUpperCase());
+      attrs2[_key] = value;
+    }
+  });
+  return { attrs: attrs2, rawAttrs };
+}
+
+// src/node/enhance/imageSize.ts
+var REG_IMG = /!\[.*?\]\(.*?\)/g;
+var REG_IMG_TAG = /<img(.*?)>/g;
+var REG_IMG_TAG_SRC = /src(?:set)?=(['"])(.+?)\1/g;
+var BADGE_LIST = [
+  "https://img.shields.io",
+  "https://badge.fury.io",
+  "https://badgen.net",
+  "https://forthebadge.com",
+  "https://vercel.com/button"
+];
+var cache = /* @__PURE__ */ new Map();
+async function imageSizePlugin(app, md, type2 = false) {
+  if (!app.env.isBuild || !type2)
+    return;
+  if (type2 === "all") {
+    const start = performance.now();
+    try {
+      await scanRemoteImageSize(app);
+    } catch {
+    }
+    if (app.env.isDebug) {
+      logger.info(`[vuepress-plugin-md-power] imageSizePlugin: scan all images time spent: ${performance.now() - start}ms`);
+    }
+  }
+  const imageRule = md.renderer.rules.image;
+  md.renderer.rules.image = (tokens, idx, options, env, self) => {
+    if (!env.filePathRelative || !env.filePath)
+      return imageRule(tokens, idx, options, env, self);
+    const token = tokens[idx];
+    const src = token.attrGet("src");
+    const width = token.attrGet("width");
+    const height = token.attrGet("height");
+    const size = resolveSize(src, width, height, env);
+    if (size) {
+      token.attrSet("width", `${size.width}`);
+      token.attrSet("height", `${size.height}`);
+    }
+    return imageRule(tokens, idx, options, env, self);
+  };
+  const rawHtmlBlockRule = md.renderer.rules.html_block;
+  const rawHtmlInlineRule = md.renderer.rules.html_inline;
+  md.renderer.rules.html_block = createHtmlRule(rawHtmlBlockRule);
+  md.renderer.rules.html_inline = createHtmlRule(rawHtmlInlineRule);
+  function createHtmlRule(rawHtmlRule) {
+    return (tokens, idx, options, env, self) => {
+      const token = tokens[idx];
+      token.content = token.content.replace(REG_IMG_TAG, (raw, info) => {
+        const { attrs: attrs2 } = resolveAttrs(info);
+        const src = attrs2.src || attrs2.srcset;
+        const size = resolveSize(src, attrs2.width, attrs2.height, env);
+        if (!size)
+          return raw;
+        attrs2.width = size.width;
+        attrs2.height = size.height;
+        const imgAttrs = Object.entries(attrs2).map(([key, value]) => typeof value === "boolean" ? key : `${key}="${value}"`).join(" ");
+        return `<img ${imgAttrs}>`;
+      });
+      return rawHtmlRule(tokens, idx, options, env, self);
+    };
+  }
+  function resolveSize(src, width, height, env) {
+    if (!src || src.startsWith("data:"))
+      return false;
+    if (width && height)
+      return false;
+    const isExternal = isLinkExternal(src, env.base);
+    const filepath2 = isExternal ? src : resolveImageUrl(src, env, app);
+    if (isExternal) {
+      if (!cache.has(filepath2))
+        return false;
+    } else {
+      if (!cache.has(filepath2)) {
+        if (!fs.existsSync(filepath2))
+          return false;
+        const { width: w, height: h } = imageSize(fs.readFileSync(filepath2));
+        if (!w || !h)
+          return false;
+        cache.set(filepath2, { width: w, height: h });
+      }
+    }
+    const { width: originalWidth, height: originalHeight } = cache.get(filepath2);
+    const ratio = originalWidth / originalHeight;
+    if (width && !height) {
+      const w = Number.parseInt(width, 10);
+      return { width: w, height: Math.round(w / ratio) };
+    } else if (height && !width) {
+      const h = Number.parseInt(height, 10);
+      return { width: Math.round(h * ratio), height: h };
+    } else {
+      return { width: originalWidth, height: originalHeight };
+    }
+  }
+}
+function resolveImageUrl(src, env, app) {
+  if (src[0] === "/")
+    return app.dir.public(src.slice(1));
+  if (env.filePathRelative && src[0] === ".")
+    return app.dir.source(path.join(path.dirname(env.filePathRelative), src));
+  if (env.filePath && (src[0] === "." || src[0] === "/"))
+    return path.resolve(env.filePath, src);
+  return path.resolve(src);
+}
+async function scanRemoteImageSize(app) {
+  if (!app.env.isBuild)
     return;
+  const cwd = app.dir.source();
+  const files = await fs.readdir(cwd, { recursive: true });
+  const imgList = [];
+  for (const file of files) {
+    const filepath2 = path.join(cwd, file);
+    if ((await fs.stat(filepath2)).isFile() && !filepath2.includes(".vuepress") && !filepath2.includes("node_modules") && filepath2.endsWith(".md")) {
+      const content = await fs.readFile(filepath2, "utf-8");
+      const syntaxMatched = content.match(REG_IMG) ?? [];
+      for (const img of syntaxMatched) {
+        const src = img.slice(img.indexOf("](") + 2, -1);
+        addList(src.split(/\s+/)[0]);
+      }
+      const tagMatched = content.match(REG_IMG_TAG) ?? [];
+      for (const img of tagMatched) {
+        const src = img.match(REG_IMG_TAG_SRC)?.[2] ?? "";
+        addList(src);
+      }
+    }
   }
-  let icon = definitions.named[fileName] || definitions.files[fileName];
-  if (icon)
-    return icon;
-  icon = getFileIconTypeFromExtension(fileName) || void 0;
-  if (icon)
-    return icon;
-  for (const [partial, partialIcon] of Object.entries(definitions.partials)) {
-    if (fileName.includes(partial))
-      return partialIcon;
+  function addList(src) {
+    if (src && isLinkHttp(src) && !imgList.includes(src) && !BADGE_LIST.some((badge) => src.startsWith(badge))) {
+      imgList.push(src);
+    }
   }
-  return icon;
+  await Promise.all(imgList.map(async (src) => {
+    if (!cache.has(src)) {
+      const { width, height } = await fetchImageSize(src);
+      if (width && height)
+        cache.set(src, { width, height });
+    }
+  }));
 }
-function getFileIconTypeFromExtension(fileName) {
-  const firstDotIndex = fileName.indexOf(".");
-  if (firstDotIndex === -1)
-    return;
-  let extension = fileName.slice(firstDotIndex);
-  while (extension !== "") {
-    const icon = definitions.extensions[extension];
-    if (icon)
-      return icon;
-    const nextDotIndex = extension.indexOf(".", 1);
-    if (nextDotIndex === -1)
-      return;
-    extension = extension.slice(nextDotIndex);
+function fetchImageSize(src) {
+  const link = new URL(src);
+  return new Promise((resolve) => {
+    http.get(link, async (stream) => {
+      const chunks = [];
+      for await (const chunk of stream) {
+        chunks.push(chunk);
+        try {
+          const { width: width2, height: height2 } = imageSize(Buffer.concat(chunks));
+          if (width2 && height2) {
+            return resolve({ width: width2, height: height2 });
+          }
+        } catch {
+        }
+      }
+      const { width, height } = imageSize(Buffer.concat(chunks));
+      resolve({ width, height });
+    }).on("error", () => resolve({ width: 0, height: 0 }));
+  });
+}
+async function resolveImageSize(app, url, remote = false) {
+  if (cache.has(url))
+    return cache.get(url);
+  if (isLinkHttp(url) && remote) {
+    return await fetchImageSize(url);
+  }
+  if (url[0] === "/") {
+    const filepath2 = app.dir.public(url.slice(1));
+    if (fs.existsSync(filepath2)) {
+      const { width, height } = imageSize(fs.readFileSync(filepath2));
+      return { width, height };
+    }
   }
+  return { width: 0, height: 0 };
 }
 
-// src/node/utils/stringifyProp.ts
-function stringifyProp(data) {
-  return JSON.stringify(data).replace(/'/g, "&#39");
-}
+// src/node/plugin.ts
+import { addViteOptimizeDepsInclude } from "@vuepress/helper";
+import { isPackageExists as isPackageExists3 } from "local-pkg";
 
-// src/node/container/codeTabs.ts
-var codeTabs = (md, options = {}) => {
-  const getIcon = (filename) => {
-    if (options.icon === false)
-      return void 0;
-    const { named, extensions } = isPlainObject(options.icon) ? options.icon : {};
-    if (named === false && definitions.named[filename])
-      return void 0;
-    if (extensions === false && getFileIconTypeFromExtension(filename)) {
-      return void 0;
-    }
-    const hasNamed = named && named.length;
-    const hasExt = extensions && extensions.length;
-    if (hasNamed || hasExt) {
-      if (hasNamed && named.includes(filename))
-        return definitions.named[filename];
-      if (hasExt && extensions.some((ext) => filename.endsWith(ext)))
-        return getFileIconTypeFromExtension(filename);
-      return void 0;
+// src/node/container/index.ts
+import { isPlainObject as isPlainObject2 } from "@vuepress/helper";
+
+// src/node/container/createContainer.ts
+import container from "markdown-it-container";
+function createContainerPlugin(md, type2, { before, after } = {}) {
+  const render = (tokens, index, options, env) => {
+    const token = tokens[index];
+    const info = token.info.trim().slice(type2.length).trim() || "";
+    if (token.nesting === 1) {
+      return before?.(info, tokens, index, options, env) || `<div class="custom-container ${type2}">`;
+    } else {
+      return after?.(info, tokens, index, options, env) || "</div>";
     }
-    return getFileIconName(filename);
   };
-  tab(md, {
-    name: "code-tabs",
-    tabsOpenRenderer: ({ active, data }, tokens, index, _, env) => {
-      const { meta } = tokens[index];
-      const titles = data.map(({ title }) => md.renderInline(title, env));
-      const tabsData = data.map((item, dataIndex) => {
-        const { id = titles[dataIndex] } = item;
-        return { id };
-      });
-      const titlesContent = titles.map((title, index2) => {
-        const icon = getIcon(title);
-        return `<template #title${index2}="{ value, isActive }">${icon ? `<VPIcon name="${icon}"/>` : ""}<span>${title}</span></template>`;
-      }).join("");
-      return `<CodeTabs id="${index}" :data='${stringifyProp(tabsData)}'${active === -1 ? "" : ` :active="${active}"`}${meta.id ? ` tab-id="${meta.id}"` : ""}>${titlesContent}`;
+  md.use(container, type2, { render });
+}
+
+// src/node/container/align.ts
+var alignList = ["left", "center", "right", "justify"];
+function alignPlugin(md) {
+  for (const name of alignList) {
+    createContainerPlugin(md, name, {
+      before: () => `<div style="text-align:${name}">`
+    });
+  }
+}
+
+// src/node/container/card.ts
+function cardPlugin(md) {
+  createContainerPlugin(md, "card", {
+    before(info) {
+      const { attrs: attrs2 } = resolveAttrs(info);
+      const { title, icon } = attrs2;
+      return `<VPCard${title ? ` title="${title}"` : ""}${icon ? ` icon="${icon}"` : ""}>`;
     },
-    tabsCloseRenderer: () => `</CodeTabs>`,
-    tabOpenRenderer: ({ index }, tokens, tokenIndex) => {
-      let foundFence = false;
-      for (let i = tokenIndex; i < tokens.length; i++) {
-        const { type: type2 } = tokens[i];
-        if (type2 === "code-tabs_tab_close")
-          break;
-        if ((type2 === "fence" || type2 === "import_code") && !foundFence) {
-          foundFence = true;
-          continue;
-        }
-        tokens[i].type = "code_tab_empty";
-        tokens[i].hidden = true;
+    after: () => "</VPCard>"
+  });
+  createContainerPlugin(md, "card-grid", {
+    before: () => "<VPCardGrid>",
+    after: () => "</VPCardGrid>"
+  });
+  createContainerPlugin(md, "card-masonry", {
+    before: (info) => {
+      const { attrs: attrs2 } = resolveAttrs(info);
+      let cols;
+      if (attrs2.cols) {
+        cols = attrs2.cols[0] === "{" ? attrs2.cols : Number.parseInt(`${attrs2.cols}`);
       }
-      return `<template #tab${index}="{ value, isActive }">`;
+      const gap = Number.parseInt(`${attrs2.gap}`);
+      return `<VPCardMasonry${cols ? ` :cols="${cols}"` : ""}${gap >= 0 ? ` :gap="${gap}"` : ""}>`;
     },
-    tabCloseRenderer: () => `</template>`
+    after: () => "</VPCardMasonry>"
   });
-};
+}
+
+// src/node/container/collapse.ts
+function collapsePlugin(md) {
+  createContainerPlugin(md, "collapse", {
+    before: (info, tokens, index) => {
+      const { attrs: attrs2 } = resolveAttrs(info);
+      const idx = parseCollapse(tokens, index, attrs2);
+      const { accordion } = attrs2;
+      return `<VPCollapse${accordion ? " accordion" : ""}${idx !== void 0 ? ` :index="${idx}"` : ""}>`;
+    },
+    after: () => `</VPCollapse>`
+  });
+  md.renderer.rules.collapse_item_open = (tokens, idx) => {
+    const token = tokens[idx];
+    const { expand, index } = token.meta;
+    return `<VPCollapseItem${expand ? " expand" : ""}${` :index="${index}"`}>`;
+  };
+  md.renderer.rules.collapse_item_close = () => "</VPCollapseItem>";
+  md.renderer.rules.collapse_item_title_open = () => "<template #title>";
+  md.renderer.rules.collapse_item_title_close = () => "</template>";
+}
+function parseCollapse(tokens, index, attrs2) {
+  const listStack = [];
+  let idx = -1;
+  let defaultIndex;
+  let hashExpand = false;
+  for (let i = index + 1; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.type === "container_collapse_close") {
+      break;
+    }
+    if (token.type === "bullet_list_open") {
+      listStack.push(0);
+      if (listStack.length === 1)
+        token.hidden = true;
+    } else if (token.type === "bullet_list_close") {
+      listStack.pop();
+      if (listStack.length === 0)
+        token.hidden = true;
+    } else if (token.type === "list_item_open") {
+      const currentLevel = listStack.length;
+      if (currentLevel === 1) {
+        token.type = "collapse_item_open";
+        tokens[i + 1].type = "collapse_item_title_open";
+        tokens[i + 3].type = "collapse_item_title_close";
+        idx++;
+        const inlineToken = tokens[i + 2];
+        const firstToken = inlineToken.children[0];
+        let flag = "";
+        let expand;
+        if (firstToken.type === "text") {
+          firstToken.content = firstToken.content.trim().replace(/^:[+\-]\s*/, (match) => {
+            flag = match.trim();
+            return "";
+          });
+        }
+        if (attrs2.accordion) {
+          if (!hashExpand && flag === ":+") {
+            expand = hashExpand = true;
+            defaultIndex = idx;
+          }
+        } else if (flag === ":+") {
+          expand = true;
+        } else if (flag === ":-") {
+          expand = false;
+        } else {
+          expand = !!attrs2.expand;
+        }
+        token.meta = {
+          index: idx,
+          expand
+        };
+      }
+    } else if (token.type === "list_item_close") {
+      const currentLevel = listStack.length;
+      if (currentLevel === 1) {
+        token.type = "collapse_item_close";
+      }
+    }
+  }
+  if (attrs2.accordion && attrs2.expand && !hashExpand) {
+    defaultIndex = 0;
+  }
+  return defaultIndex;
+}
 
 // src/node/container/demoWrapper.ts
 function demoWrapperPlugin(md) {
@@ -1760,7 +1861,7 @@ function parseArgs(line) {
           isNextValue = !isBool;
         }
         if (!isKey && !isNextValue) {
-          cmd += `${value}`;
+          cmd += ` ${value}`;
         } else {
           newLine += `${value}${i !== npmArgs.length - 1 ? v : ""}`;
           if (!isKey && isNextValue) {
@@ -1791,7 +1892,7 @@ var tabs = (md) => {
     name: "tabs",
     tabsOpenRenderer: ({ active, data }, tokens, index, _, env) => {
       const { meta } = tokens[index];
-      const titles = data.map(({ title }) => md.renderInline(title, env));
+      const titles = data.map(({ title }) => md.renderInline(title, cleanMarkdownEnv(env)));
       const tabsData = data.map((item, dataIndex) => {
         const { id = titles[dataIndex] } = item;
         return { id };
@@ -1807,6 +1908,99 @@ ${titles.map(
   });
 };
 
+// src/node/container/timeline.ts
+import { isEmptyObject } from "@pengzhanbo/utils";
+var RE_KEY = /(\w+)=\s*/;
+var RE_SEARCH_KEY = /\s+\w+=\s*|$/;
+var RE_CLEAN_VALUE = /(?<quote>["'])(.*?)(\k<quote>)/;
+function timelinePlugin(md) {
+  createContainerPlugin(md, "timeline", {
+    before(info, tokens, index) {
+      parseTimeline(tokens, index);
+      const { attrs: attrs2 } = resolveAttrs(info);
+      const { horizontal, card, placement, line } = attrs2;
+      return `<VPTimeline${horizontal ? " horizontal" : ""}${card ? " card" : ' :card="undefined"'}${placement ? ` placement="${placement}"` : ""}${line ? ` line="${line}"` : ""}>`;
+    },
+    after: () => "</VPTimeline>"
+  });
+  md.renderer.rules.timeline_item_open = (tokens, idx) => {
+    const token = tokens[idx];
+    const { time, type: type2, icon, color, line, card, placement } = token.meta;
+    return `<VPTimelineItem${time ? ` time="${time}"` : ""}${type2 ? ` type="${type2}"` : ""}${color ? ` color="${color}"` : ""}${line ? ` line="${line}"` : ""}${icon ? ` icon="${icon}"` : ""}${card === "true" ? " card" : card === "false" ? "" : ' :card="undefined"'}${placement ? ` placement="${placement}"` : ""}>${icon ? `<template #icon><VPIcon name="${icon}"/></template>` : ""}`;
+  };
+  md.renderer.rules.timeline_item_close = () => "</VPTimelineItem>";
+  md.renderer.rules.timeline_item_title_open = () => "<template #title>";
+  md.renderer.rules.timeline_item_title_close = () => "</template>";
+}
+function parseTimeline(tokens, index) {
+  const listStack = [];
+  for (let i = index + 1; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.type === "container_timeline_close") {
+      break;
+    }
+    if (token.type === "bullet_list_open") {
+      listStack.push(0);
+      if (listStack.length === 1)
+        token.hidden = true;
+    } else if (token.type === "bullet_list_close") {
+      listStack.pop();
+      if (listStack.length === 0)
+        token.hidden = true;
+    } else if (token.type === "list_item_open") {
+      const currentLevel = listStack.length;
+      if (currentLevel === 1) {
+        token.type = "timeline_item_open";
+        tokens[i + 1].type = "timeline_item_title_open";
+        tokens[i + 3].type = "timeline_item_title_close";
+        const inlineToken = tokens[i + 2];
+        const softbreakIndex = inlineToken.children.findLastIndex(
+          (token2) => token2.type === "softbreak"
+        );
+        if (softbreakIndex !== -1) {
+          const lastToken = inlineToken.children[inlineToken.children.length - 1];
+          token.meta = extractTimelineAttributes(lastToken.content.trim());
+          if (!isEmptyObject(token.meta)) {
+            inlineToken.children = inlineToken.children.slice(0, softbreakIndex);
+          }
+        } else {
+          token.meta = {};
+        }
+      }
+    } else if (token.type === "list_item_close") {
+      const currentLevel = listStack.length;
+      if (currentLevel === 1) {
+        token.type = "timeline_item_close";
+      }
+    }
+  }
+}
+function extractTimelineAttributes(rawText) {
+  const attrKeys = ["time", "type", "icon", "line", "color", "card", "placement"];
+  const attrs2 = {};
+  let buffer = rawText.trim();
+  while (buffer.length) {
+    const keyMatch = buffer.match(RE_KEY);
+    if (!keyMatch) {
+      break;
+    }
+    const matchedKey = keyMatch[1].toLowerCase();
+    if (!attrKeys.includes(matchedKey)) {
+      break;
+    }
+    const keyStart = keyMatch.index;
+    const keyEnd = keyStart + keyMatch[0].length;
+    buffer = buffer.slice(keyEnd);
+    let valueEnd = buffer.search(RE_SEARCH_KEY);
+    if (valueEnd === -1)
+      valueEnd = buffer.length;
+    const value = buffer.slice(0, valueEnd).trim();
+    attrs2[matchedKey] = value.replace(RE_CLEAN_VALUE, "$2");
+    buffer = buffer.slice(valueEnd);
+  }
+  return attrs2;
+}
+
 // src/node/container/index.ts
 async function containerPlugin(app, md, options) {
   alignPlugin(md);
@@ -1823,6 +2017,10 @@ async function containerPlugin(app, md, options) {
   if (options.fileTree) {
     fileTreePlugin(md, isPlainObject2(options.fileTree) ? options.fileTree : {});
   }
+  if (options.timeline)
+    timelinePlugin(md);
+  if (options.collapse)
+    collapsePlugin(md);
 }
 
 // src/node/demo/demo.ts
@@ -3116,7 +3314,7 @@ var abbrPlugin = (md) => {
   md.core.ruler.after("linkify", "abbr_replace", abbrReplace);
   md.renderer.rules.abbreviation = (tokens, idx, _, env) => {
     const { content, info } = tokens[idx];
-    return `<Abbreviation>${content}${info ? `<template #tooltip>${md.renderInline(info, env)}</template>` : ""}</Abbreviation>`;
+    return `<Abbreviation>${content}${info ? `<template #tooltip>${md.renderInline(info, cleanMarkdownEnv(env))}</template>` : ""}</Abbreviation>`;
   };
 };
 
@@ -3412,6 +3610,18 @@ async function prepareConfigFile(app, options) {
     imports.add(`import Abbreviation from '${CLIENT_FOLDER}components/Abbreviation.vue'`);
     enhances.add(`app.component('Abbreviation', Abbreviation)`);
   }
+  if (options.timeline) {
+    imports.add(`import VPTimeline from '${CLIENT_FOLDER}components/VPTimeline.vue'`);
+    imports.add(`import VPTimelineItem from '${CLIENT_FOLDER}components/VPTimelineItem.vue'`);
+    enhances.add(`app.component('VPTimeline', VPTimeline)`);
+    enhances.add(`app.component('VPTimelineItem', VPTimelineItem)`);
+  }
+  if (options.collapse) {
+    imports.add(`import VPCollapse from '${CLIENT_FOLDER}components/VPCollapse.vue'`);
+    imports.add(`import VPCollapseItem from '${CLIENT_FOLDER}components/VPCollapseItem.vue'`);
+    enhances.add(`app.component('VPCollapse', VPCollapse)`);
+    enhances.add(`app.component('VPCollapseItem', VPCollapseItem)`);
+  }
   return app.writeTemp(
     "md-power/config.js",
     `import { defineClientConfig } from 'vuepress/client'
@@ -3480,6 +3690,7 @@ function markdownPowerPlugin(options = {}) {
   };
 }
 export {
+  createCodeTabIconGetter,
   markdownPowerPlugin,
   resolveImageSize
 };