yumiamd 0.1.35 → 0.1.37

package/dist/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   runCli
-} from "./chunk-FUQWTKHG.js";
+} from "./chunk-D2QBFJPO.js";
 
 // src/bin.ts
 var result = await runCli(process.argv);

package/dist/{chunk-FUQWTKHG.js → chunk-D2QBFJPO.js}

@@ -40,12 +40,13 @@ function createImage(src, alt, caption, options) {
     ...options || {}
   };
 }
-function createCard(elements, title, variant) {
+function createCard(elements, title, variant, icon) {
   return {
     type: "card",
     elements,
     ...title ? { title } : {},
-    ...variant ? { variant } : {}
+    ...variant ? { variant } : {},
+    ...icon ? { icon } : {}
   };
 }
 function createMetric(value, label, variant, description, unit, change) {
@@ -1890,6 +1891,7 @@ var NativeYumiaParser = class {
       case "card": {
         const titleVal = this.extractAttr(tok.args, "title");
         const variantVal = this.extractAttr(tok.args, "variant");
+        const iconVal = this.extractAttr(tok.args, "icon");
         const title = titleVal ?? (this.stripQuotes(tok.args) || void 0);
         const variant = variantVal ? variantVal : "default";
         const children = [];
@@ -1903,7 +1905,7 @@ var NativeYumiaParser = class {
             nextIdx++;
           }
         }
-        return { element: createCard(children, title, variant), nextIdx };
+        return { element: createCard(children, title, variant, iconVal), nextIdx };
       }
       case "column": {
         const children = [];
@@ -6511,11 +6513,26 @@ var PptxRenderer = class {
       fill: { color: borderColor },
       rectRadius: 0.03
     });
+    let titleOffset = 0.25;
+    if (card.icon) {
+      try {
+        const raster = rasterizeIcon(card.icon, 32, "#" + titleColor);
+        pptxSlide.addImage({
+          data: `image/png;base64,${raster.png.toString("base64")}`,
+          x: rect.x + 0.22,
+          y: rect.y + 0.14,
+          w: 0.24,
+          h: 0.24
+        });
+        titleOffset = 0.52;
+      } catch {
+      }
+    }
     if (card.title) {
       pptxSlide.addText(card.title, {
-        x: rect.x + 0.25,
+        x: rect.x + titleOffset,
         y: rect.y + 0.12,
-        w: rect.w - 0.5,
+        w: rect.w - titleOffset - 0.25,
         h: 0.3,
         fontSize: themeSizeToPptxPoints(theme.typography.sizes?.h4, 22),
         bold: true,
@@ -6712,12 +6729,27 @@ var PptxRenderer = class {
       line: { color: sevColor, width: 2 },
       rectRadius: 0.08
     });
+    let titleOffset = 0.2;
+    if (callout.icon) {
+      try {
+        const raster = rasterizeIcon(callout.icon, 32, "#" + sevColor);
+        pptxSlide.addImage({
+          data: `image/png;base64,${raster.png.toString("base64")}`,
+          x: rect.x + 0.2,
+          y: rect.y + 0.16,
+          w: 0.22,
+          h: 0.22
+        });
+        titleOffset = 0.48;
+      } catch {
+      }
+    }
     const titleH = callout.title ? 0.38 : 0;
     if (callout.title) {
       pptxSlide.addText(callout.title, {
-        x: rect.x + 0.2,
+        x: rect.x + titleOffset,
         y: rect.y + 0.16,
-        w: rect.w - 0.4,
+        w: rect.w - titleOffset - 0.2,
         h: 0.3,
         fontSize: 13,
         bold: true,
@@ -8541,8 +8573,9 @@ var HtmlRenderer = class {
     .yumia-timeline {
       display: flex;
       gap: 16px;
-      margin: 1.2rem 0;
+      margin: 1.5rem 0 1.8rem 0;
       width: 100%;
+      box-sizing: border-box;
     }
     .yumia-timeline.layout-horizontal {
       flex-direction: row;
@@ -8567,6 +8600,7 @@ var HtmlRenderer = class {
       align-items: center;
       text-align: center;
       flex: 1;
+      padding: 0 10px;
     }
     .yumia-timeline-dot {
       width: 14px;
@@ -8594,6 +8628,7 @@ var HtmlRenderer = class {
       font-size: 0.85rem;
       color: var(--yumia-muted);
       line-height: 1.4;
+      max-width: 240px;
     }
 
     /* Compare Directive */
@@ -9685,7 +9720,9 @@ var HtmlRenderer = class {
         const c = element;
         const sev = c.severity || "info";
         const colorVar = sev === "warning" ? "var(--yumia-warning)" : sev === "danger" ? "var(--yumia-danger)" : sev === "success" ? "var(--yumia-success)" : "var(--yumia-info)";
-        const titleHtml = c.title ? `<div style="font-weight:700; font-size:1.05rem; color:${colorVar}; margin-bottom:4px;">${this.formatInline(c.title)}</div>` : "";
+        const iconSvg = c.icon ? defaultIconResolver.toSvg(c.icon, 20, colorVar, "yumia-callout-icon") : "";
+        const iconSpan = iconSvg ? `<span style="display:inline-flex; align-items:center; margin-right:8px; vertical-align:middle;">${iconSvg}</span>` : "";
+        const titleHtml = c.title ? `<div style="font-weight:700; font-size:1.05rem; color:${colorVar}; margin-bottom:4px; display:flex; align-items:center;">${iconSpan}${this.formatInline(c.title)}</div>` : iconSpan ? `<div style="margin-bottom:4px;">${iconSpan}</div>` : "";
         return `
         <div class="yumia-callout" data-severity="${sev}" data-yumia-role="callout" style="background:var(--yumia-surface); border-left:4px solid ${colorVar}; border-radius:var(--yumia-radius-card); padding:1rem 1.4rem; margin:0.8rem 0; width:100%; display:flex; flex-direction:column; gap:6px; box-sizing:border-box;">
           ${titleHtml}
@@ -9860,7 +9897,9 @@ var HtmlRenderer = class {
       case "card": {
         const card = element;
         const variant = card.variant || "default";
-        const titleHtml = card.title ? `<div class="yumia-card-title">${this.escapeHtml(card.title)}</div>` : "";
+        const iconSvg = card.icon ? defaultIconResolver.toSvg(card.icon, 20, "currentColor", "yumia-card-icon") : "";
+        const iconHtml = iconSvg ? `<span class="yumia-card-icon" style="display:inline-flex; align-items:center; vertical-align:middle;">${iconSvg}</span>` : "";
+        const titleHtml = card.title ? `<div class="yumia-card-title" style="display:flex; align-items:center; gap:8px;">${iconHtml}<span>${this.escapeHtml(card.title)}</span></div>` : iconHtml ? `<div class="yumia-card-title">${iconHtml}</div>` : "";
         const innerHtml = card.elements ? card.elements.map((child) => this.renderElement(child, theme)).join("\n") : "";
         return `
         <div class="yumia-card" data-variant="${variant}">
@@ -10930,9 +10969,20 @@ var PdfRenderer = class {
         doc.roundedRect(x, y, width, totalH, 6).fill(theme.colors.surface || "#151522");
         doc.rect(x, y, 4, totalH).fill(sevColor);
         let curY = y + 8;
+        let titleOffset = 16;
+        if (c.icon) {
+          try {
+            const raster = rasterizeIcon(c.icon, 18, sevColor);
+            doc.image(raster.png, x + 16, curY - 1, { width: 16, height: 16 });
+            titleOffset = 38;
+          } catch {
+          }
+        }
         if (c.title) {
           doc.font(this.getPdfFont(theme, "bold")).fontSize(12).fillColor(sevColor);
-          doc.text(this.stripFormatting(c.title), x + 16, curY, { width: width - 26 });
+          doc.text(this.stripFormatting(c.title), x + titleOffset, curY, {
+            width: width - titleOffset - 10
+          });
           curY += 18;
         }
         doc.font(this.getPdfFont(theme, "regular")).fontSize(12).fillColor(theme.colors.text);
@@ -11112,11 +11162,22 @@ var PdfRenderer = class {
         doc.roundedRect(x, y, width, totalCardHeight, 8).lineWidth(1.5).strokeColor(variantColor).stroke();
         doc.restore();
         let renderTop = y + cardPad;
+        let titleOffset = cardPad;
+        if (card.icon) {
+          try {
+            const raster = rasterizeIcon(card.icon, 20, variantColor);
+            doc.image(raster.png, x + cardPad, renderTop - 1, { width: 16, height: 16 });
+            titleOffset = cardPad + 22;
+          } catch {
+          }
+        }
         if (card.title) {
-          doc.font(this.getPdfFont(theme, "bold")).fontSize(15).fillColor(variantColor).text(this.stripFormatting(card.title), x + cardPad, renderTop, {
-            width: width - cardPad * 2
+          doc.font(this.getPdfFont(theme, "bold")).fontSize(15).fillColor(variantColor).text(this.stripFormatting(card.title), x + titleOffset, renderTop, {
+            width: width - cardPad - titleOffset
           });
-          renderTop += doc.heightOfString(this.stripFormatting(card.title), { width: width - cardPad * 2 }) + 8;
+          renderTop += doc.heightOfString(this.stripFormatting(card.title), {
+            width: width - cardPad - titleOffset
+          }) + 8;
         }
         if (card.elements) {
           for (const child of card.elements) {
@@ -12059,7 +12120,7 @@ function startDevServer(filePath, options = {}) {
 // src/cli.ts
 import { mkdirSync, readFileSync as readFileSync3, watch as fsWatch, writeFileSync } from "fs";
 import { basename, dirname, extname, join, resolve as resolve3 } from "path";
-var VERSION = "0.1.35";
+var VERSION = "0.1.37";
 function printHelp() {
   return `
 YumiaMD \u2014 Markdown-based presentation compiler (v${VERSION})

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export * from '@yumiamd/renderer-pptx';
 export * from '@yumiamd/renderer-html';
 export * from '@yumiamd/renderer-pdf';
 
-declare const VERSION = "0.1.35";
+declare const VERSION = "0.1.37";
 declare function printHelp(): string;
 declare function runCli(argv: string[]): Promise<{
     exitCode: number;

package/dist/index.js

@@ -92,7 +92,7 @@ import {
   themeSizeToPptxPoints,
   tokyoNightTheme,
   validate
-} from "./chunk-FUQWTKHG.js";
+} from "./chunk-D2QBFJPO.js";
 export {
   DEFAULT_VIEWPORT,
   DefaultLayoutEngine,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yumiamd",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "description": "Command line interface and compiler for YumiaMD presentations",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,15 +22,15 @@
   },
   "devDependencies": {
     "tsup": "^8.5.1",
-    "@yumiamd/ast": "0.1.35",
-    "@yumiamd/core": "0.1.35",
-    "@yumiamd/renderer-html": "0.1.35",
-    "@yumiamd/parser": "0.1.35",
-    "@yumiamd/renderer": "0.1.35",
-    "@yumiamd/renderer-pptx": "0.1.35",
-    "@yumiamd/renderer-pdf": "0.1.35",
-    "@yumiamd/layout": "0.1.35",
-    "@yumiamd/theme": "0.1.35"
+    "@yumiamd/ast": "0.1.37",
+    "@yumiamd/layout": "0.1.37",
+    "@yumiamd/parser": "0.1.37",
+    "@yumiamd/renderer-html": "0.1.37",
+    "@yumiamd/renderer-pdf": "0.1.37",
+    "@yumiamd/renderer-pptx": "0.1.37",
+    "@yumiamd/theme": "0.1.37",
+    "@yumiamd/core": "0.1.37",
+    "@yumiamd/renderer": "0.1.37"
   },
   "keywords": [
     "yumia",