yumiamd 0.1.22 → 0.1.23

package/dist/bin.js

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

package/dist/{chunk-KNQTEIHN.js → chunk-GKERS3TA.js}

@@ -31,12 +31,13 @@ function createList(items, ordered = false) {
     items: normalizedItems
   };
 }
-function createImage(src, alt, caption) {
+function createImage(src, alt, caption, options) {
   return {
     type: "image",
     src,
     ...alt ? { alt } : {},
-    ...caption ? { caption } : {}
+    ...caption ? { caption } : {},
+    ...options || {}
   };
 }
 function createCard(elements, title, variant) {
@@ -1501,6 +1502,147 @@ var NativeYumiaParser = class {
         }
         return { element: createList(items, false), nextIdx };
       }
+      case "image":
+      case "img": {
+        const srcMatch = tok.args.match(/^(?:src=)?["']([^"']+)["']/);
+        const altMatch = tok.args.match(/\balt=["']([^"']+)["']/);
+        const capMatch = tok.args.match(/\bcaption=["']([^"']+)["']/);
+        const fitMatch = tok.args.match(/\bfit=["']?([^"'\s]+)["']?/);
+        const widthMatch = tok.args.match(/\bwidth=["']?([^"'\s]+)["']?/);
+        const heightMatch = tok.args.match(/\bheight=["']?([^"'\s]+)["']?/);
+        const radiusMatch = tok.args.match(/\bradius=["']?([^"'\s]+)["']?/);
+        const aspectMatch = tok.args.match(/\baspect=["']?([^"'\s]+)["']?/);
+        const src = srcMatch ? srcMatch[1] : this.stripQuotes(tok.args);
+        return {
+          element: createImage(src, altMatch ? altMatch[1] : void 0, capMatch ? capMatch[1] : void 0, {
+            fit: fitMatch ? fitMatch[1] : void 0,
+            width: widthMatch ? widthMatch[1] : void 0,
+            height: heightMatch ? heightMatch[1] : void 0,
+            radius: radiusMatch ? radiusMatch[1] : void 0,
+            aspectRatio: aspectMatch ? aspectMatch[1] : void 0
+          }),
+          nextIdx: idx + 1
+        };
+      }
+      case "chart": {
+        const typeMatch = tok.args.match(/type=["']?([^"'\s]+)["']?/);
+        const titleMatch = tok.args.match(/title=["']([^"']+)["']/);
+        const chartType = typeMatch ? typeMatch[1] : "bar";
+        const title = titleMatch ? titleMatch[1] : void 0;
+        const labels = [];
+        const series = [];
+        let nextIdx = idx + 1;
+        while (nextIdx < tokens.length && tokens[nextIdx].indent > baseIndent) {
+          const sub = tokens[nextIdx];
+          if (sub.command === "labels") {
+            const rawLabels = sub.args.split(",").map((l) => this.stripQuotes(l.trim()));
+            labels.push(...rawLabels);
+          } else if (sub.command === "series") {
+            const sNameMatch = sub.args.match(/^["']?([^:"']+):/);
+            const name = sNameMatch ? sNameMatch[1].trim() : "Series";
+            const dataStr = sub.args.replace(/^["']?[^:"']+:?\s*/, "").replace(/["']$/, "");
+            const values = dataStr.split(",").map((v) => parseFloat(v.trim())).filter((v) => !isNaN(v));
+            series.push({ name, values });
+          }
+          nextIdx++;
+        }
+        if (labels.length === 0)
+          labels.push("A", "B", "C");
+        if (series.length === 0)
+          series.push({ name: "Data", values: [10, 20, 30] });
+        return { element: createChart(chartType, labels, series, title), nextIdx };
+      }
+      case "compare": {
+        const leftTitleMatch = tok.args.match(/left(?:Title)?=["']([^"']+)["']/);
+        const rightTitleMatch = tok.args.match(/right(?:Title)?=["']([^"']+)["']/);
+        const leftTitle = leftTitleMatch ? leftTitleMatch[1] : void 0;
+        const rightTitle = rightTitleMatch ? rightTitleMatch[1] : void 0;
+        const leftEls = [];
+        const rightEls = [];
+        let currentSide = "left";
+        let nextIdx = idx + 1;
+        while (nextIdx < tokens.length && tokens[nextIdx].indent > baseIndent) {
+          const sub = tokens[nextIdx];
+          if (sub.command === "left") {
+            currentSide = "left";
+            nextIdx++;
+            continue;
+          } else if (sub.command === "right") {
+            currentSide = "right";
+            nextIdx++;
+            continue;
+          }
+          const childRes = this.parseElement(tokens, nextIdx);
+          if (childRes) {
+            if (currentSide === "left")
+              leftEls.push(childRes.element);
+            else
+              rightEls.push(childRes.element);
+            nextIdx = childRes.nextIdx;
+          } else {
+            nextIdx++;
+          }
+        }
+        return { element: createCompare(leftEls, rightEls, leftTitle, rightTitle), nextIdx };
+      }
+      case "timeline": {
+        const layoutMatch = tok.args.match(/layout=["']?(horizontal|vertical)["']?/);
+        const layout = layoutMatch ? layoutMatch[1] : "horizontal";
+        const items = [];
+        let nextIdx = idx + 1;
+        while (nextIdx < tokens.length && tokens[nextIdx].indent > baseIndent) {
+          const sub = tokens[nextIdx];
+          if (sub.command === "item") {
+            const dateMatch = sub.args.match(/date=["']([^"']+)["']/);
+            const titleMatch = sub.args.match(/title=["']([^"']+)["']/);
+            const descMatch = sub.args.match(/desc(?:ription)?=["']([^"']+)["']/);
+            items.push({
+              date: dateMatch ? dateMatch[1] : "2026",
+              title: titleMatch ? titleMatch[1] : "Milestone",
+              description: descMatch ? descMatch[1] : void 0
+            });
+          }
+          nextIdx++;
+        }
+        return { element: createTimeline(items, layout), nextIdx };
+      }
+      case "mermaid": {
+        const mLines = [];
+        let nextIdx = idx + 1;
+        while (nextIdx < tokens.length && tokens[nextIdx].indent > baseIndent) {
+          mLines.push(tokens[nextIdx].text);
+          nextIdx++;
+        }
+        return { element: createMermaid(mLines.join("\n")), nextIdx };
+      }
+      case "math": {
+        let expr = this.stripQuotes(tok.args);
+        let nextIdx = idx + 1;
+        if (!expr) {
+          const mathLines = [];
+          while (nextIdx < tokens.length && tokens[nextIdx].indent > baseIndent) {
+            mathLines.push(tokens[nextIdx].text);
+            nextIdx++;
+          }
+          expr = mathLines.join("\n");
+        }
+        return { element: createMath(expr), nextIdx };
+      }
+      case "table": {
+        let headers = void 0;
+        const rows = [];
+        let nextIdx = idx + 1;
+        while (nextIdx < tokens.length && tokens[nextIdx].indent > baseIndent) {
+          const sub = tokens[nextIdx];
+          if (sub.command === "headers" || sub.command === "header") {
+            headers = sub.args.split(",").map((h) => this.stripQuotes(h.trim()));
+          } else if (sub.command === "row") {
+            rows.push(sub.args.split(",").map((c) => this.stripQuotes(c.trim())));
+          }
+          nextIdx++;
+        }
+        return { element: createTable(rows, headers), nextIdx };
+      }
       case "quote": {
         const authorMatch = tok.args.match(/\bauthor=["']([^"']+)["']/);
         const textLines = [];
@@ -4798,6 +4940,7 @@ var HtmlRenderer = class {
   <title>${this.escapeHtml(title)}</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Orbitron:wght@500;700;900&family=Outfit:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,700;0,900;1,400;1,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;600;700&display=swap">
   ${customStyles}
   ${customScripts}
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" crossorigin="anonymous">
@@ -6372,8 +6515,8 @@ var HtmlRenderer = class {
     const transition = slide.transition || "fade";
     const transType = typeof transition === "string" ? transition : transition.type;
     const transClass = `transition-${transType || "fade"}`;
-    const isWatermarkEnabled = watermarkOpt !== false;
-    const watermarkText = typeof watermarkOpt === "string" && watermarkOpt.trim().length > 0 ? watermarkOpt : "YumiaMD";
+    const isWatermarkEnabled = watermarkOpt !== void 0 && watermarkOpt !== false && watermarkOpt !== "none" && watermarkOpt !== "false" && watermarkOpt !== "off";
+    const watermarkText = typeof watermarkOpt === "string" && watermarkOpt.trim().length > 0 && watermarkOpt !== "true" && watermarkOpt !== "yes" && watermarkOpt !== "on" ? watermarkOpt : "Yumia";
     const watermarkHtml = isWatermarkEnabled ? `<div class="yumia-watermark">${this.escapeHtml(watermarkText)}</div>` : "";
     const elementsHtml = slide.elements.map((el) => this.renderElement(el, theme, presentation)).join("\n");
     return `
@@ -6525,7 +6668,18 @@ var HtmlRenderer = class {
       case "image": {
         const img = element;
         const alt = img.alt ? `alt="${this.escapeHtml(img.alt)}"` : "";
-        return `<img src="${this.escapeHtml(img.src)}" ${alt} style="max-width: 100%; border-radius: 8px;">`;
+        const width = img.width ? typeof img.width === "number" ? `${img.width}px` : img.width : "100%";
+        const height = img.height ? typeof img.height === "number" ? `${img.height}px` : img.height : "auto";
+        const fit = img.fit || "cover";
+        const radius = img.radius !== void 0 ? typeof img.radius === "number" ? `${img.radius}px` : img.radius : "var(--yumia-radius-card)";
+        const shadowStyle = img.shadow ? "box-shadow: 0 12px 30px rgba(0,0,0,0.45);" : "";
+        const aspect = img.aspectRatio ? `aspect-ratio: ${img.aspectRatio};` : "";
+        const cap = img.caption ? `<figcaption style="margin-top: 6px; font-size: 0.85rem; color: var(--yumia-muted); text-align: center;">${this.formatInline(img.caption)}</figcaption>` : "";
+        return `
+        <figure class="yumia-image-wrapper" style="margin: 0.4rem 0; width: ${width}; max-width: 100%; display: flex; flex-direction: column; align-items: center;">
+          <img src="${this.escapeHtml(img.src)}" ${alt} style="width: 100%; height: ${height}; object-fit: ${fit}; border-radius: ${radius}; ${aspect} ${shadowStyle} border: 1.5px solid var(--yumia-border);">
+          ${cap}
+        </figure>`;
       }
       case "metric": {
         const m = element;
@@ -7421,7 +7575,7 @@ function startDevServer(filePath, options = {}) {
 // src/cli.ts
 import { mkdirSync, readFileSync as readFileSync2, watch as fsWatch, writeFileSync } from "fs";
 import { basename, dirname, extname, join, resolve as resolve2 } from "path";
-var VERSION = "0.1.22";
+var VERSION = "0.1.23";
 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.22";
+declare const VERSION = "0.1.23";
 declare function printHelp(): string;
 declare function runCli(argv: string[]): Promise<{
     exitCode: number;

package/dist/index.js

@@ -66,7 +66,7 @@ import {
   terminalTheme,
   tokyoNightTheme,
   validate
-} from "./chunk-KNQTEIHN.js";
+} from "./chunk-GKERS3TA.js";
 export {
   DEFAULT_VIEWPORT,
   DefaultLayoutEngine,

package/package.json

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