yumiamd 0.1.18 → 0.1.20

package/dist/bin.js

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

package/dist/{chunk-SP4B4UF7.js → chunk-KZLRNRVU.js}

@@ -143,6 +143,13 @@ function createColumns(columns, ratios, gap) {
     ...gap !== void 0 ? { gap } : {}
   };
 }
+function createMath(expression, displayMode = true) {
+  return {
+    type: "math",
+    expression,
+    displayMode
+  };
+}
 function createLayoutDirective(mode, attributes) {
   return {
     type: "layout-directive",
@@ -252,6 +259,15 @@ var DefaultYumiaParser = class {
       result.theme = metadata["theme"];
     if (typeof metadata["aspectRatio"] === "string")
       result.aspectRatio = metadata["aspectRatio"];
+    if (typeof metadata["transition"] === "string")
+      result.transition = metadata["transition"];
+    if (typeof metadata["template"] === "string")
+      result.template = metadata["template"];
+    if (typeof metadata["embedFonts"] === "string") {
+      result.embedFonts = metadata["embedFonts"] === "true" || metadata["embedFonts"] === "yes";
+    } else if (typeof metadata["embedFonts"] === "boolean") {
+      result.embedFonts = metadata["embedFonts"];
+    }
     const colors = {};
     if (typeof metadata["background"] === "string")
       colors.background = metadata["background"];
@@ -304,12 +320,14 @@ var DefaultYumiaParser = class {
   }
   parseSlide(slideContent, startLine) {
     const lines = slideContent.split("\n");
-    const { elements, notes, layout } = this.parseLines(lines, startLine);
+    const { elements, notes, layout, transition } = this.parseLines(lines, startLine);
     const slideOptions = {};
     if (notes)
       slideOptions.notes = notes;
     if (layout)
       slideOptions.layout = layout;
+    if (transition)
+      slideOptions.transition = transition;
     slideOptions.loc = {
       start: { line: startLine, column: 1 },
       end: {
@@ -323,6 +341,7 @@ var DefaultYumiaParser = class {
     const elements = [];
     let notes;
     let layout;
+    let transition;
     let i = 0;
     let currentParagraph = [];
     let paragraphStartLine = baseLine;
@@ -405,6 +424,24 @@ var DefaultYumiaParser = class {
         flushAll();
         const directiveHeader = line.slice(3).trim();
         const directiveStartLine = currentLineNum;
+        if (directiveHeader.startsWith("transition")) {
+          const transArg = directiveHeader.slice(10).trim();
+          const typeMatch = transArg.match(/type=['"](.*?)['"]/);
+          const durationMatch = transArg.match(/duration=['"](.*?)['"]/);
+          const dirMatch = transArg.match(/direction=['"](.*?)['"]/);
+          const rawType = typeMatch ? typeMatch[1] : transArg.replace(/duration=['"].*?['"]|direction=['"].*?['"]/, "").trim() || "fade";
+          const cleanType = (rawType || "fade").replace(/^['"](.*)['"]$/, "$1");
+          const transObj = {
+            type: cleanType
+          };
+          if (durationMatch && durationMatch[1])
+            transObj.duration = durationMatch[1];
+          if (dirMatch && dirMatch[1])
+            transObj.direction = dirMatch[1];
+          transition = transObj;
+          i++;
+          continue;
+        }
         if (directiveHeader.startsWith("layout")) {
           const layoutMatch = directiveHeader.match(/^layout\s*(.*)$/);
           const rawArg = layoutMatch && layoutMatch[1] ? layoutMatch[1].trim() : "default";
@@ -477,7 +514,7 @@ var DefaultYumiaParser = class {
           const innerLine = lines[i]?.trim() ?? "";
           const isInlineClosed = innerLine.startsWith(":::") && innerLine.endsWith(":::") && innerLine.length > 5;
           const isSeparator = innerLine === ":::vs" || innerLine.startsWith(":::vs ");
-          const isSingleLine = isInlineClosed || isSeparator || innerLine.startsWith(":::metric") || innerLine.startsWith(":::layout") || innerLine.startsWith(":::badge") && (innerLine.includes("text=") || innerLine.includes("variant=")) || innerLine.startsWith(":::chart") && innerLine.includes("data=");
+          const isSingleLine = isInlineClosed || isSeparator || innerLine.startsWith(":::transition") || innerLine.startsWith(":::metric") || innerLine.startsWith(":::layout") || innerLine.startsWith(":::badge") && (innerLine.includes("text=") || innerLine.includes("variant=")) || innerLine.startsWith(":::chart") && innerLine.includes("data=");
           if (innerLine.startsWith(":::") && innerLine.length > 3 && !isSingleLine) {
             nestedCount++;
           } else if (innerLine === ":::") {
@@ -575,9 +612,50 @@ var DefaultYumiaParser = class {
             sEl.step = 1;
             elements.push(sEl);
           }
+        } else if (directiveName === "math") {
+          const expr = blockLines.join("\n").trim();
+          const el = createMath(expr, true);
+          el.loc = {
+            start: { line: directiveStartLine, column: 1 },
+            end: { line: baseLine + i - 1, column: 1 }
+          };
+          elements.push(el);
         }
         continue;
       }
+      if (line.startsWith("$$")) {
+        flushAll();
+        const mathStartLine = currentLineNum;
+        if (line.length > 2 && line.endsWith("$$") && line.length > 4) {
+          const expr = line.slice(2, -2).trim();
+          const el2 = createMath(expr, true);
+          el2.loc = {
+            start: { line: currentLineNum, column: 1 },
+            end: { line: currentLineNum, column: rawLine.length + 1 }
+          };
+          elements.push(el2);
+          i++;
+          continue;
+        }
+        const mathLines = [];
+        i++;
+        while (i < lines.length) {
+          const mLine = lines[i] ?? "";
+          if (mLine.trim() === "$$") {
+            i++;
+            break;
+          }
+          mathLines.push(mLine);
+          i++;
+        }
+        const el = createMath(mathLines.join("\n").trim(), true);
+        el.loc = {
+          start: { line: mathStartLine, column: 1 },
+          end: { line: baseLine + i - 1, column: 1 }
+        };
+        elements.push(el);
+        continue;
+      }
       if (line.startsWith("|") && line.endsWith("|")) {
         const nextLine = lines[i + 1]?.trim() ?? "";
         if (nextLine.startsWith("|") && nextLine.includes("---")) {
@@ -678,7 +756,8 @@ var DefaultYumiaParser = class {
     return {
       elements,
       ...notes ? { notes } : {},
-      ...layout ? { layout } : {}
+      ...layout ? { layout } : {},
+      ...transition ? { transition } : {}
     };
   }
   parseColumnsBlock(lines, baseLine) {
@@ -699,7 +778,7 @@ var DefaultYumiaParser = class {
           const innerLine = lines[i]?.trim() ?? "";
           const isInlineClosed = innerLine.startsWith(":::") && innerLine.endsWith(":::") && innerLine.length > 5;
           const isSeparator = innerLine === ":::vs" || innerLine.startsWith(":::vs ");
-          const isSingleLine = isInlineClosed || isSeparator || innerLine.startsWith(":::metric") || innerLine.startsWith(":::layout") || innerLine.startsWith(":::badge") && (innerLine.includes("text=") || innerLine.includes("variant=")) || innerLine.startsWith(":::chart") && innerLine.includes("data=");
+          const isSingleLine = isInlineClosed || isSeparator || innerLine.startsWith(":::transition") || innerLine.startsWith(":::metric") || innerLine.startsWith(":::layout") || innerLine.startsWith(":::badge") && (innerLine.includes("text=") || innerLine.includes("variant=")) || innerLine.startsWith(":::chart") && innerLine.includes("data=");
           if (innerLine.startsWith(":::") && innerLine.length > 3 && !isSingleLine) {
             nestedCount++;
           } else if (innerLine === ":::") {
@@ -953,6 +1032,10 @@ var DefaultLayoutEngine = class {
         const height = this.estimateMetricHeight(element);
         return { element, bounds: { x, y, width, height } };
       }
+      case "math": {
+        const height = 90;
+        return { element, bounds: { x, y, width, height } };
+      }
       case "card": {
         return this.layoutCard(element, x, y, width, gap);
       }
@@ -2337,6 +2420,9 @@ var PptxRenderer = class {
       case "mermaid":
         this.renderMermaid(pptxSlide, pptx, element, rect, theme);
         break;
+      case "math":
+        this.renderMath(pptxSlide, pptx, element, rect, theme);
+        break;
       default:
         break;
     }
@@ -2878,6 +2964,48 @@ ${mermaid.code}`, {
         return 18;
     }
   }
+  renderMath(pptxSlide, pptx, math, rect, theme) {
+    const surfaceColor = this.cleanHexColor(theme.colors.surface || "11111b");
+    const borderColor = this.cleanHexColor(theme.colors.border || theme.colors.primary);
+    const accentColor = this.cleanHexColor(theme.colors.primary);
+    const textColor = this.cleanHexColor(theme.colors.text || "ffffff");
+    pptxSlide.addShape(pptx.ShapeType.roundRect, {
+      x: rect.x,
+      y: rect.y,
+      w: rect.w,
+      h: rect.h,
+      rectRadius: 0.08,
+      fill: { color: surfaceColor },
+      line: { color: borderColor, width: 1.2 }
+    });
+    pptxSlide.addShape(pptx.ShapeType.rect, {
+      x: rect.x,
+      y: rect.y,
+      w: 0.06,
+      h: rect.h,
+      fill: { color: accentColor },
+      line: { color: accentColor, width: 0 }
+    });
+    pptxSlide.addText([
+      {
+        text: math.expression,
+        options: {
+          fontFace: "Cambria Math",
+          fontSize: 20,
+          color: textColor,
+          italic: true,
+          align: "center",
+          valign: "middle"
+        }
+      }
+    ], {
+      x: rect.x + 0.15,
+      y: rect.y,
+      w: Math.max(0.1, rect.w - 0.3),
+      h: rect.h,
+      margin: 0.08
+    });
+  }
   isDarkColor(rawHex) {
     const hex = this.cleanHexColor(rawHex);
     const r = parseInt(hex.substring(0, 2), 16) || 0;
@@ -3342,7 +3470,7 @@ var HtmlRenderer = class {
       padding: 6px 14px;
       border-radius: 30px;
       border: 1px solid rgba(255, 255, 255, 0.15);
-      z-index: 1000;
+      z-index: 2500;
       font-size: 13px;
       color: #e2e8f0;
       box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
@@ -3551,6 +3679,55 @@ var HtmlRenderer = class {
       max-height: 420px;
     }
 
+    /* Math Equation Container */
+    .yumia-math-container {
+      background: var(--yumia-surface);
+      border: 1.5px solid var(--yumia-border);
+      border-left: 4px solid var(--yumia-primary);
+      border-radius: var(--yumia-radius-card);
+      padding: 1.25rem 2rem;
+      margin: 1.2rem 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
+    }
+
+    .yumia-math-equation {
+      font-family: 'Cambria Math', 'JetBrains Mono', monospace;
+      font-size: clamp(1.2rem, 2.2vw, 1.8rem);
+      font-style: italic;
+      color: var(--yumia-text);
+      letter-spacing: 0.05em;
+    }
+
+    /* Slide Transitions */
+    .yumia-slide-wrapper.transition-fade.active {
+      animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    .yumia-slide-wrapper.transition-push.active {
+      animation: pushIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    .yumia-slide-wrapper.transition-wipe.active {
+      animation: wipeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    .yumia-slide-wrapper.transition-zoom.active {
+      animation: zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+
+    @keyframes pushIn {
+      from { opacity: 0; transform: translateX(40px); }
+      to { opacity: 1; transform: translateX(0); }
+    }
+    @keyframes wipeIn {
+      from { clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
+      to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
+    }
+    @keyframes zoomIn {
+      from { opacity: 0; transform: scale(0.92); }
+      to { opacity: 1; transform: scale(1); }
+    }
+
     /* Progressive Reveal (Step Builds) */
     .yumia-slide-wrapper [data-step] {
       transition: opacity 0.25s ease, transform 0.25s ease;
@@ -3570,11 +3747,11 @@ var HtmlRenderer = class {
       bottom: 0;
       left: 0;
       right: 0;
-      max-height: 240px;
+      max-height: 260px;
       background: rgba(10, 10, 18, 0.96);
       backdrop-filter: blur(16px);
       border-top: 2px solid var(--yumia-primary);
-      padding: 18px 28px;
+      padding: 14px 24px 18px 24px;
       overflow-y: auto;
       display: none;
       z-index: 2000;
@@ -3588,6 +3765,22 @@ var HtmlRenderer = class {
       display: block;
     }
 
+    .yumia-notes-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 8px;
+      padding-bottom: 6px;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+      font-weight: 700;
+      font-size: 14px;
+      color: var(--yumia-primary);
+    }
+
+    .yumia-notes-content {
+      padding-right: 200px;
+    }
+
     /* Slide Overview Modal */
     .yumia-overview-modal {
       position: fixed;
@@ -3779,7 +3972,13 @@ var HtmlRenderer = class {
       <button class="yumia-btn" id="btn-fs" title="Fullscreen (F)">\u26F6</button>
     </div>
 
-    <div id="notes-drawer" class="yumia-notes-drawer"></div>
+    <div id="notes-drawer" class="yumia-notes-drawer">
+      <div class="yumia-notes-header">
+        <span>\u{1F4DD} Speaker Notes</span>
+        <button class="yumia-btn" id="btn-close-notes" title="Close Notes (N / ESC)" style="font-size: 13px; padding: 2px 8px; border: 1px solid rgba(255,255,255,0.2);">\u2715 Close</button>
+      </div>
+      <div id="notes-drawer-content" class="yumia-notes-content"></div>
+    </div>
 
     <div id="overview-modal" class="yumia-overview-modal">
       <div class="yumia-overview-header">
@@ -3866,8 +4065,9 @@ var HtmlRenderer = class {
 
         const currentSlide = slides[currentIdx];
         const notes = currentSlide ? currentSlide.getAttribute('data-notes') : '';
-        if (notesDrawer) {
-          notesDrawer.innerHTML = notes ? '<strong>Speaker Notes:</strong><br>' + notes : '<em>No speaker notes for this slide.</em>';
+        const notesContent = document.getElementById('notes-drawer-content');
+        if (notesContent) {
+          notesContent.innerHTML = notes ? notes : '<em>No speaker notes for this slide.</em>';
         }
 
         window.location.hash = '#' + (currentIdx + 1);
@@ -4052,6 +4252,9 @@ var HtmlRenderer = class {
       document.getElementById('btn-next')?.addEventListener('click', window.deckController.next);
       document.getElementById('btn-prev')?.addEventListener('click', window.deckController.prev);
       document.getElementById('btn-notes')?.addEventListener('click', window.deckController.toggleNotes);
+      document.getElementById('btn-close-notes')?.addEventListener('click', () => {
+        notesDrawer?.classList.remove('open');
+      });
       document.getElementById('btn-overview')?.addEventListener('click', window.deckController.toggleOverview);
       document.getElementById('btn-close-overview')?.addEventListener('click', () => toggleOverview(false));
       document.getElementById('btn-speaker')?.addEventListener('click', window.deckController.openSpeaker);
@@ -4065,6 +4268,13 @@ var HtmlRenderer = class {
           return;
         }
 
+        if (e.key === 'Escape') {
+          if (notesDrawer && notesDrawer.classList.contains('open')) {
+            notesDrawer.classList.remove('open');
+            return;
+          }
+        }
+
         if (e.key === 'ArrowRight' || e.key === ' ' || e.key === 'PageDown' || e.key.toLowerCase() === 'l') {
           e.preventDefault();
           window.deckController.next();
@@ -4109,9 +4319,12 @@ var HtmlRenderer = class {
     const activeClass = slideNum === 1 ? "active" : "";
     const notesAttr = slide.notes ? this.escapeHtml(slide.notes.replace(/\n/g, "<br>")) : "";
     const progressPercent = Math.round(slideNum / totalSlides * 100);
+    const transition = slide.transition || "fade";
+    const transType = typeof transition === "string" ? transition : transition.type;
+    const transClass = `transition-${transType || "fade"}`;
     const elementsHtml = slide.elements.map((el) => this.renderElement(el, theme)).join("\n");
     return `
-    <div class="yumia-slide-wrapper ${activeClass}" id="slide-${slideNum}" data-notes="${notesAttr}">
+    <div class="yumia-slide-wrapper ${activeClass} ${transClass}" id="slide-${slideNum}" data-notes="${notesAttr}">
       ${elementsHtml}
       <div class="yumia-progress-bar" style="width: ${progressPercent}%;"></div>
     </div>`;
@@ -4211,6 +4424,13 @@ var HtmlRenderer = class {
           <pre class="mermaid">${this.escapeHtml(m.code)}</pre>
         </div>`;
       }
+      case "math": {
+        const mathEl = element;
+        return `
+        <div class="yumia-math-container">
+          <div class="yumia-math-equation">${this.escapeHtml(mathEl.expression)}</div>
+        </div>`;
+      }
       case "chart": {
         return this.renderChart(element, theme);
       }
@@ -4727,6 +4947,18 @@ var PdfRenderer = class {
         doc.font("Courier").fontSize(11).fillColor(theme.colors.text).text(this.stripFormatting(m.code), x + 12, y + 12, { width: width - 24 });
         return y + boxH + 8;
       }
+      case "math": {
+        const mathEl = element;
+        const boxH = 50;
+        doc.roundedRect(x, y, width, boxH, 6).fill(theme.colors.surface || "rgba(255,255,255,0.06)");
+        doc.roundedRect(x, y, width, boxH, 6).lineWidth(1).strokeColor(theme.colors.border || theme.colors.primary).stroke();
+        doc.rect(x, y, 4, boxH).fill(theme.colors.primary);
+        doc.font("Helvetica-Oblique").fontSize(14).fillColor(theme.colors.text).text(this.stripFormatting(mathEl.expression), x + 16, y + 18, {
+          width: width - 32,
+          align: "center"
+        });
+        return y + boxH + 8;
+      }
       default:
         return y;
     }
@@ -4782,8 +5014,15 @@ function startDevServer(filePath, options = {}) {
       }
     }
     const server = createServer(async (req, res) => {
-      const url = req.url || "/";
-      if (url === "/__yumia_live_reload") {
+      const rawUrl = req.url || "/";
+      let pathname = "/";
+      try {
+        const parsed = new URL(rawUrl, `http://localhost:${port}`);
+        pathname = parsed.pathname;
+      } catch {
+        pathname = rawUrl.split("?")[0] || "/";
+      }
+      if (pathname === "/__yumia_live_reload") {
         res.writeHead(200, {
           "Content-Type": "text/event-stream",
           "Cache-Control": "no-cache",
@@ -4797,7 +5036,7 @@ function startDevServer(filePath, options = {}) {
         });
         return;
       }
-      if (url === "/" || url.startsWith("/#")) {
+      if (pathname === "/" || pathname === "/index.html" || pathname.startsWith("/#")) {
         const html = await getCompiledHtml();
         res.writeHead(200, {
           "Content-Type": "text/html; charset=utf-8",
@@ -4858,7 +5097,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.18";
+var VERSION = "0.1.20";
 function printHelp() {
   return `
 YumiaMD \u2014 Markdown-based presentation compiler (v${VERSION})
@@ -4884,6 +5123,9 @@ Theming & Color Options:
   --secondary        Hex secondary color (e.g. "#00F0FF")
   --text             Hex text color (e.g. "#FFFFFF" or "#0F172A")
   --accent           Hex accent bar & highlight color
+  --transition       Default transition: push | fade | wipe | zoom
+  --template, -T     Master template file (.potx) or custom layout
+  --embed-fonts      Embed custom TrueType fonts in presentation package
 
 Server & Compiler Options:
   --port <num>       Port for live dev server (default: 3000)
@@ -5394,6 +5636,7 @@ export {
   createGroup,
   createColumn,
   createColumns,
+  createMath,
   createLayoutDirective,
   DefaultYumiaParser,
   parseYumia,

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.18";
+declare const VERSION = "0.1.20";
 declare function printHelp(): string;
 declare function runCli(argv: string[]): Promise<{
     exitCode: number;

package/dist/index.js

@@ -25,6 +25,7 @@ import {
   createImage,
   createLayoutDirective,
   createList,
+  createMath,
   createMermaid,
   createMetric,
   createParagraph,
@@ -47,7 +48,7 @@ import {
   startDevServer,
   terminalTheme,
   validate
-} from "./chunk-SP4B4UF7.js";
+} from "./chunk-KZLRNRVU.js";
 export {
   DEFAULT_VIEWPORT,
   DefaultLayoutEngine,
@@ -75,6 +76,7 @@ export {
   createImage,
   createLayoutDirective,
   createList,
+  createMath,
   createMermaid,
   createMetric,
   createParagraph,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yumiamd",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "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.18",
-    "@yumiamd/renderer": "0.1.18",
-    "@yumiamd/layout": "0.1.18",
-    "@yumiamd/core": "0.1.18",
-    "@yumiamd/theme": "0.1.18",
-    "@yumiamd/renderer-html": "0.1.18",
-    "@yumiamd/parser": "0.1.18",
-    "@yumiamd/renderer-pptx": "0.1.18",
-    "@yumiamd/renderer-pdf": "0.1.18"
+    "@yumiamd/ast": "0.1.20",
+    "@yumiamd/layout": "0.1.20",
+    "@yumiamd/core": "0.1.20",
+    "@yumiamd/parser": "0.1.20",
+    "@yumiamd/renderer": "0.1.20",
+    "@yumiamd/renderer-html": "0.1.20",
+    "@yumiamd/renderer-pdf": "0.1.20",
+    "@yumiamd/theme": "0.1.20",
+    "@yumiamd/renderer-pptx": "0.1.20"
   },
   "keywords": [
     "yumia",