vuepress-plugin-md-power 1.0.0-rc.96 → 1.0.0-rc.97

package/lib/node/index.js

@@ -1337,10 +1337,10 @@ function getFileIcon(fileName) {
   if (!name)
     return defaultFileIcon;
   if (name in FileIcons) {
-    const path4 = FileIcons[name];
+    const path5 = FileIcons[name];
     return {
       name: name.includes(":") ? name.split(":")[1] : name,
-      svg: makeSVGIcon(path4)
+      svg: makeSVGIcon(path5)
     };
   }
   return defaultFileIcon;
@@ -1437,6 +1437,62 @@ async function fileTreePlugin(app, md) {
     await app.writeTemp(styleFilepath, "");
 }
 
+// src/node/features/imageSize.ts
+import { isLinkExternal } from "@vuepress/helper";
+import { fs as fs3, path as path4 } from "@vuepress/utils";
+import imageSize from "image-size";
+function imageSizePlugin(app, md) {
+  if (!app.env.isBuild)
+    return;
+  const cache = /* @__PURE__ */ new Map();
+  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");
+    if (!src || src.startsWith("data:") || isLinkExternal(src))
+      return imageRule(tokens, idx, options, env, self);
+    const width = token.attrGet("width");
+    const height = token.attrGet("height");
+    if (width && height)
+      return imageRule(tokens, idx, options, env, self);
+    const filepath2 = resolveImageUrl(src, env);
+    if (!cache.has(filepath2)) {
+      if (!filepath2 || !fs3.existsSync(filepath2))
+        return imageRule(tokens, idx, options, env, self);
+      const { width: w, height: h } = imageSize(filepath2);
+      if (!w || !h)
+        return imageRule(tokens, idx, options, env, self);
+      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);
+      token.attrSet("width", `${w}`);
+      token.attrSet("height", `${Math.round(w / ratio)}`);
+    } else if (height && !width) {
+      const h = Number.parseInt(height, 10);
+      token.attrSet("width", `${Math.round(h * ratio)}`);
+      token.attrSet("height", `${h}`);
+    } else {
+      token.attrSet("width", `${originalWidth}`);
+      token.attrSet("height", `${originalHeight}`);
+    }
+    return imageRule(tokens, idx, options, env, self);
+  };
+  function resolveImageUrl(src, env) {
+    if (src[0] === "/")
+      return app.dir.public(src.slice(1));
+    if (env.filePathRelative)
+      return app.dir.source(path4.join(path4.dirname(env.filePathRelative), src));
+    if (env.filePath)
+      return path4.resolve(env.filePath, src);
+    return "";
+  }
+}
+
 // src/node/plugin.ts
 function markdownPowerPlugin(options = {}) {
   return (app) => {
@@ -1456,6 +1512,7 @@ function markdownPowerPlugin(options = {}) {
         }
       },
       extendsMarkdown: async (md, app2) => {
+        imageSizePlugin(app2, md);
         if (options.caniuse) {
           const caniuse = options.caniuse === true ? {} : options.caniuse;
           md.use(caniusePlugin, caniuse);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.96",
+  "version": "1.0.0-rc.97",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -36,12 +36,13 @@
   "dependencies": {
     "@vuepress/helper": "2.0.0-rc.42",
     "@vueuse/core": "^11.0.3",
+    "image-size": "^1.1.1",
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.0.7",
     "shiki": "^1.16.2",
-    "tm-grammars": "^1.17.16",
+    "tm-grammars": "^1.17.18",
     "tm-themes": "^1.8.1",
-    "vue": "^3.5.2"
+    "vue": "^3.5.3"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2"