@md-plugins/md-plugin-image 0.1.0-alpha.1 → 0.1.0-alpha.11

package/LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2024-present, Jeff Galbraith
+Copyright (c) 2024-present, MD-PLUGINS
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -26,21 +26,21 @@ pnpm add @md-plugins/md-plugin-image
 ### Basic Setup
 
 ```js
-import MarkdownIt from 'markdown-it';
-import { imagePlugin } from '@md-plugins/md-plugin-image';
+import MarkdownIt from 'markdown-it'
+import { imagePlugin } from '@md-plugins/md-plugin-image'
 
-const md = new MarkdownIt();
+const md = new MarkdownIt()
 md.use(imagePlugin, {
   imageClass: 'custom-image-class',
-});
+})
 
 const markdownContent = `
 ![Alt text](example.jpg)
-`;
+`
 
-const renderedOutput = md.render(markdownContent);
+const renderedOutput = md.render(markdownContent)
 
-console.log('Rendered Output:', renderedOutput);
+console.log('Rendered Output:', renderedOutput)
 ```
 
 ### Example Output
@@ -67,6 +67,10 @@ Run the tests to ensure the plugin behaves as expected:
 pnpm test
 ```
 
+## Documentation
+
+In case this README falls out of date, please refer to the [documentation](https://md-plugins.netlify.app/md-plugins/image/overview) for the latest information.
+
 ## License
 
 This project is licensed under the MIT License. See the [LICENSE](LICENSE.md) file for details.

package/dist/index.mjs

@@ -5,20 +5,39 @@ const imagePlugin = (md, { imageClass = "markdown-image" } = {}) => {
     if (!token) {
       return self.renderToken(tokens, idx, options);
     }
-    const existingClass = token.attrGet("class") || "";
-    const combinedClass = [existingClass, imageClass].filter(Boolean).join(" ");
-    token.attrSet("class", combinedClass);
-    if (token.content) {
+    let content = token.content;
+    const widthMatch = content.match(/width="(\d+)"/);
+    const heightMatch = content.match(/height="(\d+)"/);
+    if (widthMatch) {
+      token.attrSet("width", widthMatch[1]);
+      content = content.replace(widthMatch[0], "").trim();
+    }
+    if (heightMatch) {
+      token.attrSet("height", heightMatch[1]);
+      content = content.replace(heightMatch[0], "").trim();
+    }
+    if (content) {
       const altIndex = token.attrIndex("alt");
       if (altIndex >= 0 && token.attrs) {
         const altValue = token.attrs[altIndex][1];
         if (!altValue) {
-          token.attrs[altIndex][1] = token.content;
+          token.attrs[altIndex][1] = content;
         }
       } else {
-        token.attrPush(["alt", token.content]);
+        token.attrPush(["alt", content]);
       }
     }
+    const existingClass = token.attrGet("class") || "";
+    const combinedClass = [existingClass, imageClass].filter(Boolean).join(" ");
+    token.attrSet("class", combinedClass);
+    token.content = content;
+    if (token.children) {
+      token.children.forEach((child) => {
+        if (child.type === "text") {
+          child.content = content;
+        }
+      });
+    }
     return originalImageRender ? originalImageRender(tokens, idx, options, env, self) : self.renderToken(tokens, idx, options);
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@md-plugins/md-plugin-image",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.11",
   "description": "A markdown-it plugin for handling images.",
   "keywords": [
     "markdown-it",
@@ -33,16 +33,21 @@
     "./dist"
   ],
   "dependencies": {
-    "@types/markdown-it": "^14.1.2",
     "markdown-it": "^14.1.0",
-    "@md-plugins/shared": "0.1.0-alpha.1"
+    "@md-plugins/shared": "0.1.0-alpha.11"
+  },
+  "devDependencies": {
+    "@types/markdown-it": "^14.1.2"
+  },
+  "peerDependencies": {
+    "markdown-it": "^14.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "build": "unbuild",
-    "clean": "rm -rf dist",
+    "clean": "rm -rf dist/ node_modules/",
     "test": "vitest"
   }
 }