claude-presentation-master 3.7.0 → 3.8.5

package/dist/index.mjs

@@ -2036,6 +2036,318 @@ async function initSlideGenerator() {
   return generator;
 }
 
+// src/core/SlideGeneratorV2.ts
+import { marked } from "marked";
+var MODE_CONFIGS = {
+  // Consulting decks: 40-80 words per slide is NORMAL
+  consulting_deck: {
+    maxBulletsPerSlide: 7,
+    maxWordsPerSlide: 100,
+    // Not 20!
+    minBulletsToKeep: 3
+  },
+  // Keynotes: fewer words, more impact
+  keynote: {
+    maxBulletsPerSlide: 4,
+    maxWordsPerSlide: 30,
+    minBulletsToKeep: 2
+  },
+  // Default: consulting style
+  default: {
+    maxBulletsPerSlide: 6,
+    maxWordsPerSlide: 80,
+    minBulletsToKeep: 3
+  }
+};
+var SlideGeneratorV2 = class {
+  config;
+  presentationType;
+  constructor(presentationType = "consulting_deck") {
+    this.presentationType = presentationType;
+    this.config = MODE_CONFIGS[presentationType] || MODE_CONFIGS.default;
+  }
+  /**
+   * Generate slides from markdown content.
+   * Simple, correct, no garbage.
+   */
+  generate(markdown, title) {
+    const slides = [];
+    let slideIndex = 0;
+    const tokens = marked.lexer(markdown);
+    const detectedTitle = title || this.extractTitle(tokens);
+    slides.push({
+      index: slideIndex++,
+      type: "title",
+      title: detectedTitle,
+      content: {}
+    });
+    const sections = this.splitIntoSections(tokens);
+    for (const section of sections) {
+      const sectionSlides = this.processSectionContent(section, slideIndex);
+      for (const slide of sectionSlides) {
+        slide.index = slideIndex++;
+        slides.push(slide);
+      }
+    }
+    const lastSlide = slides[slides.length - 1];
+    if (lastSlide && lastSlide.type !== "thank_you") {
+      slides.push({
+        index: slideIndex++,
+        type: "thank_you",
+        title: "Thank You",
+        content: { subtext: "Questions?" }
+      });
+    }
+    this.validateSlides(slides);
+    return slides;
+  }
+  /**
+   * Extract title from first H1 token.
+   */
+  extractTitle(tokens) {
+    for (const token of tokens) {
+      if (token.type === "heading" && token.depth === 1) {
+        return token.text;
+      }
+    }
+    return "Presentation";
+  }
+  /**
+   * Split tokens into sections based on H2 headers.
+   */
+  splitIntoSections(tokens) {
+    const sections = [];
+    let currentSection = null;
+    for (const token of tokens) {
+      if (token.type === "heading" && token.depth === 2) {
+        if (currentSection) {
+          sections.push(currentSection);
+        }
+        currentSection = {
+          title: token.text,
+          tokens: []
+        };
+      } else if (token.type === "heading" && token.depth === 1) {
+        continue;
+      } else if (currentSection) {
+        currentSection.tokens.push(token);
+      }
+    }
+    if (currentSection && currentSection.tokens.length > 0) {
+      sections.push(currentSection);
+    }
+    return sections;
+  }
+  /**
+   * Process section content into slides.
+   * Tables become table slides. Lists become bullet slides.
+   */
+  processSectionContent(section, startIndex) {
+    const slides = [];
+    const hasTable = section.tokens.some((t) => t.type === "table");
+    const hasList = section.tokens.some((t) => t.type === "list");
+    const hasSignificantText = this.hasSignificantParagraphs(section.tokens);
+    if (hasTable) {
+      const tableToken = section.tokens.find((t) => t.type === "table");
+      if (tableToken) {
+        slides.push(this.createTableSlide(section.title, tableToken));
+      }
+    }
+    if (hasList) {
+      const listSlides = this.createBulletSlides(section.title, section.tokens);
+      slides.push(...listSlides);
+    }
+    if (hasSignificantText && !hasList && !hasTable) {
+      slides.push(this.createContentSlide(section.title, section.tokens));
+    }
+    if (slides.length === 0 && section.tokens.length > 0) {
+      const statement = this.extractStatement(section.tokens);
+      if (statement) {
+        slides.push({
+          index: startIndex,
+          type: "statement",
+          title: section.title,
+          content: { statement }
+        });
+      }
+    }
+    return slides;
+  }
+  /**
+   * Create a table slide - render the table as-is, no extraction.
+   */
+  createTableSlide(title, tableToken) {
+    const headers = tableToken.header.map((cell) => cell.text);
+    const rows = tableToken.rows.map((row) => row.map((cell) => cell.text));
+    return {
+      index: 0,
+      type: "table",
+      title,
+      content: {
+        table: {
+          headers,
+          rows
+        }
+      }
+    };
+  }
+  /**
+   * Create bullet slides from list content.
+   * NEVER truncate bullets. Split into multiple slides if needed.
+   */
+  createBulletSlides(title, tokens) {
+    const slides = [];
+    const allBullets = [];
+    for (const token of tokens) {
+      if (token.type === "list") {
+        for (const item of token.items) {
+          const bulletText = this.getCompleteItemText(item);
+          if (bulletText.trim()) {
+            allBullets.push(bulletText);
+          }
+        }
+      }
+    }
+    const maxBullets = this.config.maxBulletsPerSlide;
+    const minBullets = this.config.minBulletsToKeep;
+    if (allBullets.length <= maxBullets) {
+      if (allBullets.length >= minBullets || allBullets.length === 0) {
+        slides.push({
+          index: 0,
+          type: "bullets",
+          title,
+          content: { bullets: allBullets }
+        });
+      } else {
+        slides.push({
+          index: 0,
+          type: "bullets",
+          title,
+          content: { bullets: allBullets },
+          notes: "Consider combining with adjacent content"
+        });
+      }
+    } else {
+      for (let i = 0; i < allBullets.length; i += maxBullets) {
+        const chunk = allBullets.slice(i, i + maxBullets);
+        const isFirst = i === 0;
+        const slideTitle = isFirst ? title : `${title} (continued)`;
+        slides.push({
+          index: 0,
+          type: "bullets",
+          title: slideTitle,
+          content: { bullets: chunk }
+        });
+      }
+    }
+    return slides;
+  }
+  /**
+   * Get complete text from a list item, including nested content.
+   * NEVER truncate.
+   */
+  getCompleteItemText(item) {
+    let text = "";
+    for (const token of item.tokens) {
+      if (token.type === "text") {
+        text += token.text;
+      } else if (token.type === "paragraph") {
+        const paraToken = token;
+        text += paraToken.text;
+      } else if (token.type === "strong") {
+        text += token.text;
+      } else if (token.type === "em") {
+        text += token.text;
+      }
+    }
+    return text.trim();
+  }
+  /**
+   * Check if section has significant paragraph content.
+   */
+  hasSignificantParagraphs(tokens) {
+    let wordCount = 0;
+    for (const token of tokens) {
+      if (token.type === "paragraph") {
+        wordCount += token.text.split(/\s+/).length;
+      }
+    }
+    return wordCount > 20;
+  }
+  /**
+   * Create a content slide from paragraphs.
+   */
+  createContentSlide(title, tokens) {
+    const paragraphs = [];
+    for (const token of tokens) {
+      if (token.type === "paragraph") {
+        paragraphs.push(token.text);
+      }
+    }
+    return {
+      index: 0,
+      type: "bullets",
+      title,
+      content: {
+        body: paragraphs.join("\n\n")
+      }
+    };
+  }
+  /**
+   * Extract a key statement from tokens.
+   */
+  extractStatement(tokens) {
+    for (const token of tokens) {
+      if (token.type === "paragraph" && token.text.length > 10) {
+        return token.text;
+      }
+    }
+    return null;
+  }
+  /**
+   * VALIDATE ALL SLIDES - Fail loudly on garbage.
+   */
+  validateSlides(slides) {
+    const errors = [];
+    for (const slide of slides) {
+      if (slide.content.bullets) {
+        for (const bullet of slide.content.bullets) {
+          if (bullet.endsWith("\u2192") || bullet.endsWith("...") || bullet.endsWith("-")) {
+            errors.push(`Slide "${slide.title}": Truncated bullet detected: "${bullet}"`);
+          }
+          if (bullet.length < 5) {
+            errors.push(`Slide "${slide.title}": Suspiciously short bullet: "${bullet}"`);
+          }
+        }
+      }
+      if (slide.content.metrics) {
+        for (const metric of slide.content.metrics) {
+          if (metric.label.length < 3) {
+            errors.push(`Slide "${slide.title}": Garbage metric label: "${metric.label}"`);
+          }
+          if (metric.label.includes("|") || metric.label.includes("---")) {
+            errors.push(`Slide "${slide.title}": Table syntax in label: "${metric.label}"`);
+          }
+        }
+      }
+      const hasContent = slide.content.bullets && slide.content.bullets.length > 0 || slide.content.table || slide.content.metrics || slide.content.statement || slide.content.body || slide.type === "title" || slide.type === "section" || slide.type === "thank_you";
+      if (!hasContent) {
+        errors.push(`Slide "${slide.title}": Empty slide with no content`);
+      }
+    }
+    if (errors.length > 0) {
+      console.warn("\n\u26A0\uFE0F  QUALITY WARNINGS:");
+      for (const error of errors) {
+        console.warn(`   - ${error}`);
+      }
+      console.warn("");
+    }
+  }
+};
+function createSlideGeneratorV2(type = "consulting_deck") {
+  return new SlideGeneratorV2(type);
+}
+
 // src/qa/SlideQualityReviewer.ts
 var ASSESSMENT_WEIGHTS = {
   visualImpact: 0.25,
@@ -4570,6 +4882,459 @@ async function initRenderer() {
   return renderer;
 }
 
+// src/output/RendererV2.ts
+var RendererV2 = class {
+  /**
+   * Render slides to complete HTML document.
+   */
+  render(slides, title = "Presentation") {
+    const slidesHtml = slides.map((slide) => this.renderSlide(slide)).join("\n");
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${this.escapeHtml(title)}</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/theme/black.css">
+  <style>
+${this.getCSS()}
+  </style>
+</head>
+<body>
+  <div class="reveal">
+    <div class="slides">
+${slidesHtml}
+    </div>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.js"></script>
+  <script>
+    Reveal.initialize({
+      hash: true,
+      transition: 'fade',
+      transitionSpeed: 'default',
+      center: false,
+      width: 1920,
+      height: 1080,
+      margin: 0.04,
+    });
+  </script>
+</body>
+</html>`;
+  }
+  /**
+   * Render a single slide.
+   */
+  renderSlide(slide) {
+    const slideClass = `slide-${slide.type}`;
+    let content = "";
+    switch (slide.type) {
+      case "title":
+        content = this.renderTitleSlide(slide);
+        break;
+      case "section":
+        content = this.renderSectionSlide(slide);
+        break;
+      case "bullets":
+        content = this.renderBulletSlide(slide);
+        break;
+      case "table":
+        content = this.renderTableSlide(slide);
+        break;
+      case "metrics":
+        content = this.renderMetricsSlide(slide);
+        break;
+      case "statement":
+        content = this.renderStatementSlide(slide);
+        break;
+      case "call_to_action":
+        content = this.renderCTASlide(slide);
+        break;
+      case "thank_you":
+        content = this.renderThankYouSlide(slide);
+        break;
+      default:
+        content = this.renderBulletSlide(slide);
+    }
+    return `      <section class="${slideClass}">
+${content}
+      </section>`;
+  }
+  /**
+   * Title slide - big, bold, centered.
+   */
+  renderTitleSlide(slide) {
+    return `        <h1>${this.escapeHtml(slide.title)}</h1>
+        ${slide.content.subtext ? `<h2>${this.escapeHtml(slide.content.subtext)}</h2>` : ""}`;
+  }
+  /**
+   * Section divider - transition slide.
+   */
+  renderSectionSlide(slide) {
+    return `        <h1>${this.escapeHtml(slide.title)}</h1>`;
+  }
+  /**
+   * Bullet slide - the workhorse.
+   */
+  renderBulletSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.body) {
+      const paragraphs = slide.content.body.split("\n\n");
+      for (const p of paragraphs) {
+        html += `        <p>${this.escapeHtml(p)}</p>
+`;
+      }
+    }
+    if (slide.content.bullets && slide.content.bullets.length > 0) {
+      html += "        <ul>\n";
+      for (const bullet of slide.content.bullets) {
+        const formattedBullet = this.formatBulletText(bullet);
+        html += `          <li>${formattedBullet}</li>
+`;
+      }
+      html += "        </ul>\n";
+    }
+    if (slide.content.source) {
+      html += `        <div class="source">Source: ${this.escapeHtml(slide.content.source)}</div>
+`;
+    }
+    return html;
+  }
+  /**
+   * Table slide - render tables properly.
+   */
+  renderTableSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.table) {
+      html += this.renderTable(slide.content.table);
+    }
+    return html;
+  }
+  /**
+   * Render a table as clean HTML.
+   */
+  renderTable(table) {
+    let html = '        <table class="data-table">\n';
+    html += "          <thead>\n            <tr>\n";
+    for (const header of table.headers) {
+      html += `              <th>${this.escapeHtml(header)}</th>
+`;
+    }
+    html += "            </tr>\n          </thead>\n";
+    html += "          <tbody>\n";
+    for (const row of table.rows) {
+      html += "            <tr>\n";
+      for (let i = 0; i < row.length; i++) {
+        const cell = row[i] || "";
+        const isNumber = /^[\d$%,.\-+]+[KMB]?$/.test(cell.trim());
+        const align = isNumber ? ' class="number"' : "";
+        html += `              <td${align}>${this.escapeHtml(cell)}</td>
+`;
+      }
+      html += "            </tr>\n";
+    }
+    html += "          </tbody>\n";
+    html += "        </table>\n";
+    return html;
+  }
+  /**
+   * Metrics slide - big numbers with labels.
+   */
+  renderMetricsSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    html += '        <div class="metrics-container">\n';
+    if (slide.content.metrics) {
+      for (const metric of slide.content.metrics) {
+        const trendClass = metric.trend ? ` metric-trend-${metric.trend}` : "";
+        html += `          <div class="metric${trendClass}">
+            <div class="metric-value">${this.escapeHtml(metric.value)}</div>
+            <div class="metric-label">${this.escapeHtml(metric.label)}</div>
+          </div>
+`;
+      }
+    }
+    html += "        </div>\n";
+    return html;
+  }
+  /**
+   * Statement slide - single powerful message.
+   */
+  renderStatementSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.statement) {
+      html += `        <p class="statement">${this.escapeHtml(slide.content.statement)}</p>
+`;
+    }
+    if (slide.content.subtext) {
+      html += `        <p class="subtext">${this.escapeHtml(slide.content.subtext)}</p>
+`;
+    }
+    return html;
+  }
+  /**
+   * Call to action slide.
+   */
+  renderCTASlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.bullets && slide.content.bullets.length > 0) {
+      html += "        <ul>\n";
+      for (const bullet of slide.content.bullets) {
+        html += `          <li>${this.formatBulletText(bullet)}</li>
+`;
+      }
+      html += "        </ul>\n";
+    }
+    return html;
+  }
+  /**
+   * Thank you slide.
+   */
+  renderThankYouSlide(slide) {
+    return `        <h1>${this.escapeHtml(slide.title)}</h1>
+        <h2>Questions?</h2>`;
+  }
+  /**
+   * Format bullet text - handle bold, arrows, etc.
+   */
+  formatBulletText(text) {
+    let formatted = this.escapeHtml(text);
+    formatted = formatted.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+    formatted = formatted.replace(/\*(.+?)\*/g, "<em>$1</em>");
+    formatted = formatted.replace(/→/g, " \u2192 ");
+    formatted = formatted.replace(/->/g, " \u2192 ");
+    return formatted;
+  }
+  /**
+   * Escape HTML special characters.
+   */
+  escapeHtml(text) {
+    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+  }
+  /**
+   * Professional CSS - McKinsey/BCG style.
+   */
+  getCSS() {
+    return `
+    /* Professional Dark Theme - No Random Images */
+    :root {
+      --bg-primary: #1a1a2e;
+      --bg-secondary: #16213e;
+      --bg-accent: #0f3460;
+      --text-primary: #ffffff;
+      --text-secondary: rgba(255, 255, 255, 0.85);
+      --text-muted: rgba(255, 255, 255, 0.6);
+      --accent-blue: #4a9eff;
+      --accent-green: #00d4aa;
+      --accent-orange: #ff9f43;
+      --border-color: rgba(255, 255, 255, 0.1);
+    }
+
+    .reveal {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    }
+
+    .reveal .slides {
+      text-align: left;
+    }
+
+    .reveal .slides section {
+      padding: 60px 80px;
+      background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-accent) 100%);
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    /* Typography */
+    .reveal h1 {
+      font-size: 52px;
+      font-weight: 700;
+      color: var(--text-primary);
+      margin-bottom: 32px;
+      line-height: 1.1;
+      letter-spacing: -0.02em;
+    }
+
+    .reveal h2 {
+      font-size: 32px;
+      font-weight: 500;
+      color: var(--text-secondary);
+      margin-bottom: 24px;
+    }
+
+    .reveal p {
+      font-size: 24px;
+      color: var(--text-secondary);
+      line-height: 1.6;
+      margin-bottom: 20px;
+    }
+
+    /* Bullets - Complete, readable */
+    .reveal ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    .reveal li {
+      font-size: 24px;
+      color: var(--text-secondary);
+      line-height: 1.5;
+      margin-bottom: 20px;
+      padding-left: 32px;
+      position: relative;
+    }
+
+    .reveal li::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 12px;
+      width: 10px;
+      height: 10px;
+      background: var(--accent-blue);
+      border-radius: 50%;
+    }
+
+    .reveal li strong {
+      color: var(--text-primary);
+      font-weight: 600;
+    }
+
+    /* Tables - Clean, professional */
+    .data-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 24px;
+      font-size: 20px;
+    }
+
+    .data-table th {
+      background: rgba(255, 255, 255, 0.08);
+      color: var(--text-primary);
+      font-weight: 600;
+      text-align: left;
+      padding: 16px 20px;
+      border-bottom: 2px solid var(--border-color);
+    }
+
+    .data-table td {
+      color: var(--text-secondary);
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--border-color);
+    }
+
+    .data-table td.number {
+      text-align: right;
+      font-family: 'SF Mono', 'Monaco', monospace;
+      font-weight: 500;
+      color: var(--accent-blue);
+    }
+
+    .data-table tbody tr:hover td {
+      background: rgba(255, 255, 255, 0.04);
+    }
+
+    /* Metrics */
+    .metrics-container {
+      display: flex;
+      justify-content: flex-start;
+      gap: 40px;
+      flex-wrap: wrap;
+      margin-top: 40px;
+    }
+
+    .metric {
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid var(--border-color);
+      border-radius: 12px;
+      padding: 32px 48px;
+      text-align: center;
+      min-width: 200px;
+    }
+
+    .metric-value {
+      font-size: 56px;
+      font-weight: 700;
+      color: var(--accent-blue);
+      line-height: 1;
+      margin-bottom: 12px;
+    }
+
+    .metric-trend-up .metric-value {
+      color: var(--accent-green);
+    }
+
+    .metric-trend-down .metric-value {
+      color: var(--accent-orange);
+    }
+
+    .metric-label {
+      font-size: 16px;
+      color: var(--text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+    }
+
+    /* Statement slides */
+    .statement {
+      font-size: 36px;
+      color: var(--text-primary);
+      line-height: 1.4;
+      max-width: 80%;
+    }
+
+    .subtext {
+      font-size: 24px;
+      color: var(--text-muted);
+    }
+
+    /* Title slide */
+    .slide-title {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+    }
+
+    .slide-title h1 {
+      font-size: 72px;
+    }
+
+    /* Thank you slide */
+    .slide-thank_you {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+    }
+
+    .slide-thank_you h1 {
+      font-size: 72px;
+      margin-bottom: 16px;
+    }
+
+    /* Source citation */
+    .source {
+      position: absolute;
+      bottom: 24px;
+      left: 80px;
+      font-size: 14px;
+      color: var(--text-muted);
+    }
+`;
+  }
+};
+function createRendererV2() {
+  return new RendererV2();
+}
+
 // src/image/NanoBananaProvider.ts
 var NanoBananaProvider = class {
   name = "NanoBanana Pro";
@@ -5612,11 +6377,15 @@ export {
   NanoBananaProvider,
   Remediator,
   Renderer,
+  RendererV2,
   SlideGenerator,
+  SlideGeneratorV2,
   SlideQualityReviewer,
   VERSION,
   VisualDesignSystem,
   createNanoBananaProvider,
+  createRendererV2,
+  createSlideGeneratorV2,
   generate,
   getContentAnalyzer,
   getDeckQualityReviewer,