@thanh01.pmt/presentation-kit 0.2.15 → 0.2.16

package/dist/{chunk-SUGKWGJJ.cjs → chunk-JNTRKKJX.cjs}

@@ -3375,6 +3375,219 @@ function generateHtmlShell(options) {
 </html>`;
 }
 
+// src/html-engine/normalizer.ts
+function normalizeSlideSlots(slide) {
+  if (!slide || typeof slide !== "object") {
+    return { title: "Slide" };
+  }
+  const slots = {
+    ...slide,
+    ...slide.slots || {}
+  };
+  delete slots.slots;
+  slots.title = String(slots.title || slide.title || slide.heading || slide.name || "").trim();
+  slots.tag = String(slots.tag || slide.tag || slide.badge || "").trim();
+  const rawContent = typeof slots.content === "string" && slots.content.trim() ? slots.content.trim() : typeof slide.content === "string" && slide.content.trim() ? slide.content.trim() : "";
+  const layoutId = slide.layoutId || "hero-cover";
+  switch (layoutId) {
+    case "hero-cover": {
+      slots.subtitle = slots.subtitle || slide.subtitle || slots.desc || rawContent || "";
+      slots.author = slots.author || slide.author || "";
+      slots.date = slots.date || slide.date || "";
+      break;
+    }
+    case "split-concept-code": {
+      if (!slots.code) {
+        if (slide.code) {
+          slots.code = slide.code;
+        } else if (rawContent) {
+          const fenceMatch = rawContent.match(/```(?:\w+)?\s*\n?([\s\S]*?)\n?```/);
+          if (fenceMatch) {
+            slots.code = fenceMatch[1].trim();
+          } else if (/Code(?:\s+snippet)?:\s*/i.test(rawContent)) {
+            const parts = rawContent.split(/Code(?:\s+snippet)?:\s*/i);
+            if (parts[1] && parts[1].trim()) {
+              slots.code = parts[1].trim();
+            }
+          }
+        }
+      }
+      if (!Array.isArray(slots.points) || slots.points.length === 0) {
+        if (Array.isArray(slide.points) && slide.points.length > 0) {
+          slots.points = slide.points;
+        } else if (rawContent) {
+          const textOnly = rawContent.replace(/```[\s\S]*?```/g, "").replace(/Code(?:\s+snippet)?:\s*[\s\S]*/i, "").trim();
+          const lines = textOnly.split(/\n|\.\s+/).map((l) => l.replace(/^(?:Concept:\s*|[-*•]|\d+\.)\s*/i, "").trim()).filter((l) => l.length > 3);
+          slots.points = lines.length > 0 ? lines.slice(0, 4) : [textOnly || slots.title || "Core Concept"];
+        }
+      }
+      if (!slots.code || slots.code === "...") {
+        const lang = (slots.language || "code").toLowerCase();
+        if (lang.includes("swift")) {
+          slots.code = `// ${slots.title || "Swift Implementation"}
+import SwiftUI
+
+struct PreviewView: View {
+    var body: some View {
+        Text("${slots.title || "Hello, World!"}")
+            .padding()
+    }
+}`;
+          slots.language = slots.language || "swift";
+        } else if (lang.includes("py")) {
+          slots.code = `# ${slots.title || "Python Implementation"}
+def execute():
+    print("${slots.title || "Ready"}")
+
+execute()`;
+          slots.language = slots.language || "python";
+        } else {
+          slots.code = `// ${slots.title || "Code Example"}
+function main() {
+  console.log("${slots.title || "Executing"}");
+}
+main();`;
+          slots.language = slots.language || "typescript";
+        }
+      }
+      break;
+    }
+    case "two-columns-compare": {
+      slots.col1Title = slots.col1Title || slide.col1Title || "Approach A";
+      slots.col2Title = slots.col2Title || slide.col2Title || "Approach B";
+      if (!Array.isArray(slots.col1Items) || slots.col1Items.length === 0) {
+        if (Array.isArray(slide.col1Items) && slide.col1Items.length > 0) {
+          slots.col1Items = slide.col1Items;
+        } else if (rawContent) {
+          const items = rawContent.split(/\n|\.\s+/).map((l) => l.replace(/^(?:[-*•]|\d+\.)\s*/, "").trim()).filter((l) => l.length > 3);
+          const half = Math.max(1, Math.ceil(items.length / 2));
+          slots.col1Items = items.slice(0, half);
+          if (!slots.col2Items || !Array.isArray(slots.col2Items)) {
+            slots.col2Items = items.slice(half);
+          }
+        }
+      }
+      slots.col1Items = Array.isArray(slots.col1Items) && slots.col1Items.length > 0 ? slots.col1Items : ["Primary Characteristics", "Standard Practice"];
+      slots.col2Items = Array.isArray(slots.col2Items) && slots.col2Items.length > 0 ? slots.col2Items : Array.isArray(slide.col2Items) ? slide.col2Items : ["Alternative Paradigm", "Trade-offs & Edge Cases"];
+      break;
+    }
+    case "three-cards-grid": {
+      if (!Array.isArray(slots.cards) || slots.cards.length === 0) {
+        if (Array.isArray(slide.cards) && slide.cards.length > 0) {
+          slots.cards = slide.cards;
+        } else if (rawContent) {
+          const cardTokens = rawContent.split(/Card\s*\d+:\s*|(?:\r?\n){2,}|\.\s+/i).map((c) => c.trim()).filter(Boolean);
+          if (cardTokens.length >= 2) {
+            slots.cards = cardTokens.slice(0, 3).map((txt, idx) => {
+              const colonIdx = txt.indexOf(":");
+              const cardTitle = colonIdx > 0 && colonIdx < 30 ? txt.slice(0, colonIdx).trim() : `Pillar ${idx + 1}`;
+              const cardDesc = colonIdx > 0 && colonIdx < 30 ? txt.slice(colonIdx + 1).trim() : txt;
+              return { badge: `0${idx + 1}`, title: cardTitle, desc: cardDesc };
+            });
+          } else {
+            const lines = rawContent.split(/\n|\.\s+/).map((l) => l.replace(/^(?:[-*•]|\d+\.)\s*/, "").trim()).filter((l) => l.length > 3);
+            slots.cards = lines.slice(0, 3).map((line, idx) => ({
+              badge: `0${idx + 1}`,
+              title: line.split(":")[0]?.slice(0, 30) || `Pillar 0${idx + 1}`,
+              desc: line
+            }));
+          }
+        }
+      }
+      if (!Array.isArray(slots.cards) || slots.cards.length === 0) {
+        slots.cards = [
+          { badge: "01", title: "Foundation", desc: rawContent || "Core fundamentals and design principles" },
+          { badge: "02", title: "Architecture", desc: "Component relationships and data flow patterns" },
+          { badge: "03", title: "Practice", desc: "Real-world application and hands-on synthesis" }
+        ];
+      }
+      break;
+    }
+    case "timeline-steps": {
+      if (!Array.isArray(slots.steps) || slots.steps.length === 0) {
+        if (Array.isArray(slide.steps) && slide.steps.length > 0) {
+          slots.steps = slide.steps;
+        } else if (rawContent) {
+          const stepMatches = rawContent.split(/(?:\d+\.|\bStep\s*\d+:)\s*/i).map((s) => s.trim()).filter(Boolean);
+          if (stepMatches.length > 0) {
+            slots.steps = stepMatches.slice(0, 5).map((txt, idx) => {
+              const periodIdx = txt.indexOf(".");
+              const stepTitle = periodIdx > 0 && periodIdx < 35 ? txt.slice(0, periodIdx).trim() : txt.slice(0, 30);
+              const stepDesc = periodIdx > 0 && periodIdx < 35 ? txt.slice(periodIdx + 1).trim() : txt;
+              return { stepNum: idx + 1, title: stepTitle || `Step ${idx + 1}`, desc: stepDesc || stepTitle };
+            });
+          }
+        }
+      }
+      if (!Array.isArray(slots.steps) || slots.steps.length === 0) {
+        slots.steps = [
+          { stepNum: 1, title: "Analyze", desc: "Deconstruct requirements and constraints" },
+          { stepNum: 2, title: "Implement", desc: rawContent || "Build component logic and structure" },
+          { stepNum: 3, title: "Verify", desc: "Test behavior and validate outcomes" }
+        ];
+      }
+      break;
+    }
+    case "metric-callout": {
+      slots.desc = slots.desc || slide.desc || rawContent || "";
+      slots.metricLabel = slots.metricLabel || slide.metricLabel || "KEY METRIC";
+      if (!slots.metric) {
+        const numMatch = (slots.desc || slots.title).match(/(\d+(?:\.\d+)?%?|O\([^)]+\)|\d+x|\b[A-Z0-9_-]{2,}\b)/i);
+        slots.metric = numMatch ? numMatch[1] : "100%";
+      }
+      break;
+    }
+    case "checkpoint-quiz": {
+      slots.question = slots.question || slide.question || slots.title || "Check Your Understanding";
+      if (!Array.isArray(slots.options) || slots.options.length === 0) {
+        if (Array.isArray(slide.options) && slide.options.length > 0) {
+          slots.options = slide.options;
+        } else if (rawContent) {
+          const items = rawContent.split(/(?:\d+\.|\b[A-D]\))\s*/i).map((l) => l.trim()).filter((l) => l.length > 3);
+          if (items.length >= 2) {
+            slots.options = items.slice(0, 4).map((text, idx) => ({
+              label: String.fromCharCode(65 + idx),
+              text
+            }));
+          }
+        }
+      }
+      if (!Array.isArray(slots.options) || slots.options.length === 0) {
+        slots.options = [
+          { label: "A", text: "Option A (Core Concept)" },
+          { label: "B", text: "Option B (Alternative Approach)" },
+          { label: "C", text: "Option C (Edge Case)" }
+        ];
+      }
+      slots.explanation = slots.explanation || slide.explanation || "";
+      break;
+    }
+    case "summary-takeaways": {
+      if (!Array.isArray(slots.takeaways) || slots.takeaways.length === 0) {
+        if (Array.isArray(slide.takeaways) && slide.takeaways.length > 0) {
+          slots.takeaways = slide.takeaways;
+        } else if (rawContent) {
+          const lines = rawContent.split(/\n|\.\s+/).map((l) => l.replace(/^(?:[-*•]|\d+\.)\s*/, "").trim()).filter((l) => l.length > 3);
+          slots.takeaways = lines.length > 0 ? lines.slice(0, 4) : [rawContent];
+        }
+      }
+      if (!Array.isArray(slots.takeaways) || slots.takeaways.length === 0) {
+        slots.takeaways = [
+          slots.title || "Key lesson principles mastered",
+          "Applied hands-on practice through guided examples",
+          "Ready for independent challenge and synthesis"
+        ];
+      }
+      slots.nextStep = slots.nextStep || slide.nextStep || "Next: Practical Hands-On Lab";
+      break;
+    }
+  }
+  if (rawContent && !slots.rawContent) {
+    slots.rawContent = rawContent;
+  }
+  return slots;
+}
+
 // src/html-engine/compiler.ts
 function compileHtmlDeck(deckData, options) {
   const theme = options?.themeOverride || resolveHtmlTheme(deckData.theme);
@@ -3382,7 +3595,8 @@ function compileHtmlDeck(deckData, options) {
   const slideCount = Math.max(slides.length, 1);
   const renderedSlides = slides.map((slide, index) => {
     const preset = HTML_SLIDE_PRESETS[slide.layoutId] || HTML_SLIDE_PRESETS["hero-cover"];
-    const innerHtml = preset.template(slide.slots || {}, theme);
+    const normalizedSlots = normalizeSlideSlots(slide);
+    const innerHtml = preset.template(normalizedSlots, theme);
     const notesAttr = slide.notes ? ` data-notes="${encodeURIComponent(slide.notes)}"` : "";
     const customClass = slide.customClass ? ` ${slide.customClass}` : "";
     return `
@@ -3416,11 +3630,12 @@ exports.compileHtmlDeck = compileHtmlDeck;
 exports.generateHtmlShell = generateHtmlShell;
 exports.getSlideLayoutPresetById = getSlideLayoutPresetById;
 exports.getSlideLayoutPresetsByCategory = getSlideLayoutPresetsByCategory;
+exports.normalizeSlideSlots = normalizeSlideSlots;
 exports.removeSlideElementFromMarkdown = removeSlideElementFromMarkdown;
 exports.resolveHtmlTheme = resolveHtmlTheme;
 exports.serializeLayoutToComment = serializeLayoutToComment;
 exports.splitMarkdownSlides = splitMarkdownSlides;
 exports.updateSlideLayoutInMarkdown = updateSlideLayoutInMarkdown;
 exports.updateSlideTextInMarkdown = updateSlideTextInMarkdown;
-//# sourceMappingURL=chunk-SUGKWGJJ.cjs.map
-//# sourceMappingURL=chunk-SUGKWGJJ.cjs.map
+//# sourceMappingURL=chunk-JNTRKKJX.cjs.map
+//# sourceMappingURL=chunk-JNTRKKJX.cjs.map