@liustack/mdpress 0.1.0 → 0.2.0

package/dist/clipboard-pLkenrrh.js

@@ -0,0 +1,7 @@
+async function copyToClipboard(html) {
+  const { setHtml } = await import("@crosscopy/clipboard");
+  await setHtml(html);
+}
+export {
+  copyToClipboard
+};

package/dist/main.js

@@ -294,6 +294,8 @@ const rehypeSanitizeTags = () => {
   };
 };
 const MAX_SIZE = 2 * 1024 * 1024;
+const MIN_FILE_SIZE = 1 * 1024;
+const MIN_DIMENSION = 120;
 function classifySource(src) {
   if (src.startsWith("data:")) return "data-uri";
   if (src.startsWith("http://") || src.startsWith("https://")) return "remote";
@@ -314,17 +316,31 @@ function detectFormat(ext) {
   return map[ext] || "image/png";
 }
 async function compressToDataUri(buffer, mime, maxSize, sourcePath) {
+  if (buffer.length < MIN_FILE_SIZE) {
+    throw new Error(
+      `Image file too small: ${sourcePath} (${buffer.length} bytes, minimum ${MIN_FILE_SIZE} bytes)`
+    );
+  }
+  const meta = await sharp(buffer).metadata();
+  const width = meta.width ?? 0;
+  const height = meta.height ?? 0;
+  if (width < MIN_DIMENSION || height < MIN_DIMENSION) {
+    throw new Error(
+      `Image too small: ${sourcePath} (${width}x${height}px, minimum ${MIN_DIMENSION}x${MIN_DIMENSION}px)`
+    );
+  }
   if (mime === "image/svg+xml") {
-    return `data:${mime};base64,${buffer.toString("base64")}`;
+    const pngBuffer = await sharp(buffer).png().toBuffer();
+    return `data:image/png;base64,${pngBuffer.toString("base64")}`;
   }
   if (mime === "image/gif") {
     let result2 = buffer;
     if (result2.length > maxSize) {
-      let width2 = 1080;
-      while (width2 >= 100) {
-        result2 = await sharp(buffer, { animated: true }).resize({ width: width2, withoutEnlargement: true }).gif().toBuffer();
+      let gifWidth = 1080;
+      while (gifWidth >= 100) {
+        result2 = await sharp(buffer, { animated: true }).resize({ width: gifWidth, withoutEnlargement: true }).gif().toBuffer();
         if (result2.length <= maxSize) break;
-        width2 = Math.floor(width2 * 0.7);
+        gifWidth = Math.floor(gifWidth * 0.7);
       }
     }
     if (result2.length > maxSize) {
@@ -334,14 +350,13 @@ async function compressToDataUri(buffer, mime, maxSize, sourcePath) {
     }
     return `data:image/gif;base64,${result2.toString("base64")}`;
   }
-  const metadata = await sharp(buffer).metadata();
-  const width = metadata.width || 1920;
+  const origWidth = width || 1920;
   let result;
   result = await sharp(buffer).png({ compressionLevel: 6 }).toBuffer();
   if (result.length <= maxSize) {
     return `data:image/png;base64,${result.toString("base64")}`;
   }
-  let currentWidth = width;
+  let currentWidth = origWidth;
   while (currentWidth >= 100) {
     currentWidth = Math.floor(currentWidth * 0.8);
     result = await sharp(buffer).resize({ width: currentWidth, withoutEnlargement: true }).png({ compressionLevel: 6 }).toBuffer();
@@ -349,7 +364,7 @@ async function compressToDataUri(buffer, mime, maxSize, sourcePath) {
       return `data:image/png;base64,${result.toString("base64")}`;
     }
   }
-  for (let jpegWidth = width; jpegWidth >= 100; jpegWidth = Math.floor(jpegWidth * 0.8)) {
+  for (let jpegWidth = origWidth; jpegWidth >= 100; jpegWidth = Math.floor(jpegWidth * 0.8)) {
     for (const quality of [85, 70, 50]) {
       result = await sharp(buffer).flatten({ background: { r: 255, g: 255, b: 255 } }).resize({ width: jpegWidth, withoutEnlargement: true }).jpeg({ quality }).toBuffer();
       if (result.length <= maxSize) {
@@ -405,7 +420,7 @@ function protectWhitespace(children) {
         }
         let text = parts[i];
         text = text.replace(/\t/g, "  ");
-        text = text.replace(/^( +)/, (match) => " ".repeat(match.length));
+        text = text.replace(/ /g, " ");
         if (text) {
           result.push({ type: "text", value: text });
         }
@@ -435,22 +450,22 @@ const rehypeCodeHighlight = () => {
     });
   };
 };
-function isInternalLink(href) {
+function classifyLink(href) {
   if (href.startsWith("//")) {
-    return false;
+    return "external";
   }
   if (href.startsWith("#") || href.startsWith("/") || href.startsWith("./") || href.startsWith("../")) {
-    return true;
+    return "anchor";
   }
   try {
     const url = new URL(href);
     if (url.hostname === "mp.weixin.qq.com" || url.hostname.endsWith(".mp.weixin.qq.com")) {
-      return true;
+      return "wechat";
     }
   } catch {
-    return true;
+    return "anchor";
   }
-  return false;
+  return "external";
 }
 const rehypeFootnoteLinks = () => {
   return (tree) => {
@@ -461,7 +476,12 @@ const rehypeFootnoteLinks = () => {
       if (node.tagName !== "a" || index === void 0 || !parent) return;
       const href = node.properties?.href;
       if (typeof href !== "string") return;
-      if (isInternalLink(href)) return;
+      const linkType = classifyLink(href);
+      if (linkType === "wechat") return;
+      if (linkType === "anchor") {
+        parent.children.splice(index, 1, ...node.children);
+        return [SKIP, index + node.children.length];
+      }
       let num = urlMap.get(href);
       if (num === void 0) {
         counter++;
@@ -529,35 +549,39 @@ function extractText(node) {
   }
   return text;
 }
+const FONT_BODY = '"mp-quote",PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif';
+const FONT_MONO = 'Menlo,Consolas,Monaco,"Courier New",monospace';
+const F = `font-family: ${FONT_BODY};`;
+const FM = `font-family: ${FONT_MONO};`;
 const defaultStyles = {
   // Headings — Apple style: 600 weight, tight letter-spacing
-  h1: "font-size: 24px; font-weight: 600; margin: 0 0 16px; line-height: 1.2; letter-spacing: -0.02em; color: #1d1d1f;",
-  h2: "font-size: 20px; font-weight: 600; margin: 32px 0 12px; line-height: 1.25; color: #1d1d1f;",
-  h3: "font-size: 17px; font-weight: 600; margin: 24px 0 8px; line-height: 1.3; color: #1d1d1f;",
-  h4: "font-size: 15px; font-weight: 600; margin: 20px 0 6px; line-height: 1.4; color: #6e6e73;",
-  h5: "font-size: 14px; font-weight: 600; margin: 16px 0 4px; line-height: 1.4; color: #6e6e73;",
-  h6: "font-size: 13px; font-weight: 600; margin: 16px 0 4px; line-height: 1.4; color: #86868b;",
-  // Paragraphs — 15px body, 1.75 line-height (comfortable for Chinese)
-  p: "font-size: 15px; line-height: 1.75; margin: 0 0 1.25em; color: #1d1d1f;",
+  h1: `${F} font-size: 24px; font-weight: 600; margin: 0 0 16px; line-height: 1.2; letter-spacing: -0.02em; color: #1d1d1f;`,
+  h2: `${F} font-size: 20px; font-weight: 600; margin: 32px 0 12px; line-height: 1.25; color: #1d1d1f;`,
+  h3: `${F} font-size: 17px; font-weight: 600; margin: 24px 0 8px; line-height: 1.3; color: #1d1d1f;`,
+  h4: `${F} font-size: 15px; font-weight: 600; margin: 20px 0 6px; line-height: 1.4; color: #6e6e73;`,
+  h5: `${F} font-size: 14px; font-weight: 600; margin: 16px 0 4px; line-height: 1.4; color: #6e6e73;`,
+  h6: `${F} font-size: 13px; font-weight: 600; margin: 16px 0 4px; line-height: 1.4; color: #86868b;`,
+  // Paragraphs — 16px body, 1.75 line-height (comfortable for Chinese)
+  p: `${F} font-size: 16px; line-height: 1.75; margin: 0 0 1.25em; color: #1d1d1f;`,
   // Blockquote — restrained: left border + italic only, no background
-  blockquote: "margin: 1.5em 0; padding: 0 0 0 1em; border-left: 3px solid #d2d2d7; color: #6e6e73; font-style: italic;",
-  // Inline code — subtle gray background
-  code: 'font-size: 0.875em; font-family: "SF Mono", Menlo, Consolas, monospace; background: #f5f5f7; color: #1d1d1f; padding: 0.15em 0.4em; border-radius: 4px;',
-  // Code block — GitHub-style light gray bg, no border
-  "pre code": 'display: block; font-size: 13px; font-family: "SF Mono", Menlo, Consolas, monospace; background: #f6f8fa; color: #1d1d1f; padding: 20px 24px; border-radius: 8px; overflow-x: auto; line-height: 1.6;',
+  blockquote: `${F} margin: 1.5em 0; padding: 0 0 0 1em; border-left: 3px solid #d2d2d7; color: #6e6e73; font-style: italic;`,
+  // Inline code — subtle gray background, monospace
+  code: `${FM} font-size: 0.875em; background: #f5f5f7; color: #1d1d1f; padding: 0.15em 0.4em; border-radius: 4px;`,
+  // Code block — GitHub-style light gray bg, no border, monospace
+  "pre code": `${FM} display: block; font-size: 13px; background: #f6f8fa; color: #1d1d1f; padding: 20px 24px; border-radius: 8px; white-space: pre-wrap; word-wrap: break-word; line-height: 1.6; text-align: left;`,
   pre: "margin: 1.5em 0;",
   // Lists
-  ul: "margin: 1em 0; padding-left: 1.5em; font-size: 15px; line-height: 1.75; color: #1d1d1f;",
-  ol: "margin: 1em 0; padding-left: 1.5em; font-size: 15px; line-height: 1.75; color: #1d1d1f;",
-  li: "margin: 0.4em 0;",
-  // Table — clean: bottom borders only, no vertical lines
-  table: "width: 100%; margin: 1.5em 0; font-size: 14px; border-collapse: collapse;",
-  th: "padding: 12px 16px; text-align: left; font-weight: 600; color: #1d1d1f; font-size: 14px; border-bottom: 1px solid #d2d2d7;",
-  td: "padding: 12px 16px; border-bottom: 1px solid #e5e5ea; color: #1d1d1f;",
+  ul: `${F} margin: 1em 0; padding-left: 1.5em; font-size: 16px; line-height: 1.75; color: #1d1d1f;`,
+  ol: `${F} margin: 1em 0; padding-left: 1.5em; font-size: 16px; line-height: 1.75; color: #1d1d1f;`,
+  li: `${F} margin: 0.4em 0; color: #1d1d1f;`,
   // Links — WeChat blue
   a: "color: #576b95; text-decoration: none;",
   // Images
-  img: "max-width: 100%; height: auto; display: block; margin: 1.5em auto; border-radius: 8px;",
+  img: "max-width: 100%; height: auto; display: block; margin: 1.5em auto; border-radius: 10px;",
+  // Tables — minimalist: collapse borders, thin lines
+  table: `${F} width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 16px; border-radius: 2px;`,
+  th: `${F} padding: 10px 12px; border-bottom: 1px solid #d2d2d7; font-weight: 600; text-align: left; color: #1d1d1f;`,
+  td: `${F} padding: 10px 12px; border-bottom: 1px solid #e5e5ea; color: #1d1d1f;`,
   // Horizontal rule
   hr: "border: none; height: 1px; background: #d2d2d7; margin: 2em 0;",
   // Inline formatting
@@ -569,8 +593,8 @@ const defaultStyles = {
   sup: "font-size: 0.75em; vertical-align: super; color: #576b95;",
   sub: "font-size: 0.75em; vertical-align: sub;",
   // Section / figure
-  section: "margin: 0.5em 0;",
-  figcaption: "font-size: 13px; color: #86868b; text-align: center; margin-top: 8px;",
+  section: `${F} margin: 0.5em 0;`,
+  figcaption: `${F} font-size: 13px; color: #86868b; text-align: center; margin-top: 8px;`,
   figure: "margin: 1.5em 0; text-align: center;",
   // Mark
   mark: "background: #fff3b0; padding: 0.1em 0.3em; border-radius: 2px;",
@@ -867,18 +891,26 @@ async function render(options) {
   const outputPath = path.resolve(output);
   fs.mkdirSync(path.dirname(outputPath), { recursive: true });
   fs.writeFileSync(outputPath, html, "utf-8");
+  let copied = false;
+  if (options.copy) {
+    const { copyToClipboard } = await import("./clipboard-pLkenrrh.js");
+    await copyToClipboard(html);
+    copied = true;
+  }
   return {
     input: inputPath,
     output: outputPath,
-    size: Buffer.byteLength(html, "utf-8")
+    size: Buffer.byteLength(html, "utf-8"),
+    ...copied ? { copied } : {}
   };
 }
 const program = new Command();
-program.name("mdpress").description("Convert Markdown into WeChat MP-ready HTML").version("0.1.0").requiredOption("-i, --input <path>", "Input Markdown file path").requiredOption("-o, --output <path>", "Output HTML file path").action(async (options) => {
+program.name("mdpress").description("Convert Markdown into WeChat MP-ready HTML").version("0.2.0").requiredOption("-i, --input <path>", "Input Markdown file path").requiredOption("-o, --output <path>", "Output HTML file path").option("-c, --copy", "Copy rendered HTML to clipboard via Playwright").action(async (options) => {
   try {
     const result = await render({
       input: options.input,
-      output: options.output
+      output: options.output,
+      copy: options.copy
     });
     console.log(JSON.stringify(result, null, 2));
   } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liustack/mdpress",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "CLI for AI agents to convert Markdown into WeChat MP-ready HTML with inline styles, base64 images, and tag sanitization",
   "type": "module",
   "bin": {
@@ -32,6 +32,7 @@
     "node": ">=18"
   },
   "dependencies": {
+    "@crosscopy/clipboard": "^0.3.6",
     "@types/hast": "^3.0.4",
     "commander": "^13.1.0",
     "rehype-highlight": "^7.0.2",