@thanh01.pmt/presentation-kit 0.2.17 → 0.2.18

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

@@ -6,7 +6,80 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var yaml__default = /*#__PURE__*/_interopDefault(yaml);
 
-// src/core/layout/serializer.ts
+// src/plugins/shiki.ts
+var highlighterPromise = null;
+var highlighterFailed = false;
+var SUPPORTED_LANGS = [
+  "javascript",
+  "typescript",
+  "python",
+  "cpp",
+  "c",
+  "java",
+  "html",
+  "css",
+  "json",
+  "yaml",
+  "bash",
+  "shell",
+  "sql",
+  "go",
+  "rust",
+  "swift",
+  "kotlin",
+  "ruby",
+  "php",
+  "xml",
+  "markdown",
+  "dockerfile",
+  "toml",
+  "ini",
+  "graphql",
+  "prisma",
+  "solidity"
+];
+async function getHighlighter() {
+  if (highlighterFailed) {
+    highlighterPromise = null;
+    highlighterFailed = false;
+  }
+  if (!highlighterPromise) {
+    highlighterPromise = import('shiki').then(
+      (mod) => mod.createHighlighter({
+        themes: ["vitesse-dark", "vitesse-light"],
+        langs: [...SUPPORTED_LANGS]
+      })
+    ).catch((err) => {
+      highlighterPromise = null;
+      highlighterFailed = true;
+      throw new Error(`[presentation-kit] Failed to load Shiki highlighter: ${err}`);
+    });
+  }
+  return highlighterPromise;
+}
+function decodeHtmlEntities(html) {
+  return html.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x27;/g, "'").replace(/&nbsp;/g, " ").replace(/&#(\d+);/g, (_, code) => String.fromCharCode(Number(code))).replace(/&#x([0-9a-fA-F]+);/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
+}
+function getShikiTheme(theme) {
+  if (theme === "light") return "vitesse-light";
+  return "vitesse-dark";
+}
+async function highlightCodeBlocks(html, theme = "dark") {
+  if (!html.includes("<pre><code")) return html;
+  const highlighter = await getHighlighter();
+  const shikiTheme = getShikiTheme(theme);
+  return html.replace(
+    /<pre><code class="language-(\w+)">([\s\S]*?)<\/code><\/pre>/g,
+    (_, lang, code) => {
+      const decoded = decodeHtmlEntities(code);
+      try {
+        return highlighter.codeToHtml(decoded, { lang, theme: shikiTheme });
+      } catch {
+        return `<pre><code class="language-${lang}">${code}</code></pre>`;
+      }
+    }
+  );
+}
 function serializeLayoutToComment(layout) {
   if (!layout.boxes || layout.boxes.length === 0) return "";
   const cleanData = {
@@ -3589,6 +3662,50 @@ main();`;
 }
 
 // src/html-engine/compiler.ts
+var SHIKI_LANGS = /* @__PURE__ */ new Set([
+  "javascript",
+  "typescript",
+  "python",
+  "cpp",
+  "c",
+  "java",
+  "html",
+  "css",
+  "json",
+  "yaml",
+  "bash",
+  "shell",
+  "sql",
+  "go",
+  "rust",
+  "swift",
+  "kotlin",
+  "ruby",
+  "php",
+  "xml",
+  "markdown",
+  "dockerfile",
+  "toml",
+  "ini",
+  "graphql",
+  "prisma",
+  "solidity"
+]);
+function normalizeShikiLang(lang) {
+  if (!lang) return null;
+  const l = String(lang).toLowerCase().trim();
+  if (SHIKI_LANGS.has(l)) return l;
+  if (l === "js") return "javascript";
+  if (l === "ts") return "typescript";
+  if (l === "py") return "python";
+  if (l === "sh") return "bash";
+  if (l === "yml") return "yaml";
+  if (l === "c++") return "cpp";
+  return null;
+}
+function decodeHtmlEntities2(html) {
+  return html.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#039;/g, "'").replace(/&#x27;/g, "'");
+}
 function compileHtmlDeck(deckData, options) {
   const theme = options?.themeOverride || resolveHtmlTheme(deckData.theme);
   const slides = deckData.slides || [];
@@ -3596,7 +3713,11 @@ function compileHtmlDeck(deckData, options) {
   const renderedSlides = slides.map((slide, index) => {
     const preset = HTML_SLIDE_PRESETS[slide.layoutId] || HTML_SLIDE_PRESETS["hero-cover"];
     const normalizedSlots = normalizeSlideSlots(slide);
-    const innerHtml = preset.template(normalizedSlots, theme);
+    let innerHtml = preset.template(normalizedSlots, theme);
+    if (normalizedSlots.code != null && String(normalizedSlots.code).trim()) {
+      const lang = normalizeShikiLang(normalizedSlots.language) || "typescript";
+      innerHtml = innerHtml.replace("<code>", `<code class="language-${lang}">`);
+    }
     const notesAttr = slide.notes ? ` data-notes="${encodeURIComponent(slide.notes)}"` : "";
     const customClass = slide.customClass ? ` ${slide.customClass}` : "";
     return `
@@ -3622,14 +3743,45 @@ function compileHtmlDeck(deckData, options) {
     title: deckData.title
   };
 }
+async function highlightDeckCodeBlocks(html, scheme = "dark") {
+  if (!html.includes('<code class="language-')) return html;
+  const highlighter = await getHighlighter();
+  const shikiTheme = scheme === "light" ? "vitesse-light" : "vitesse-dark";
+  return html.replace(
+    /<pre([^>]*)><code class="language-(\w+)">([\s\S]*?)<\/code><\/pre>/g,
+    (full, preAttrs, lang, escapedCode) => {
+      try {
+        const decoded = decodeHtmlEntities2(escapedCode);
+        return highlighter.codeToHtml(decoded, { lang, theme: shikiTheme }).replace("<pre", `<pre${preAttrs}`);
+      } catch {
+        return full;
+      }
+    }
+  );
+}
+async function compileHtmlDeckAsync(deckData, options) {
+  const result = compileHtmlDeck(deckData, options);
+  if (options?.highlight === false) return result;
+  try {
+    const html = await highlightDeckCodeBlocks(result.html, result.theme.scheme);
+    return { ...result, html };
+  } catch (err) {
+    console.warn("[html-engine] Shiki highlighting unavailable, using plain escaped code:", err);
+    return result;
+  }
+}
 
 exports.HTML_SLIDE_PRESETS = HTML_SLIDE_PRESETS;
 exports.HTML_THEMES = HTML_THEMES;
 exports.SLIDE_LAYOUT_PRESETS = SLIDE_LAYOUT_PRESETS;
 exports.compileHtmlDeck = compileHtmlDeck;
+exports.compileHtmlDeckAsync = compileHtmlDeckAsync;
 exports.generateHtmlShell = generateHtmlShell;
+exports.getHighlighter = getHighlighter;
 exports.getSlideLayoutPresetById = getSlideLayoutPresetById;
 exports.getSlideLayoutPresetsByCategory = getSlideLayoutPresetsByCategory;
+exports.highlightCodeBlocks = highlightCodeBlocks;
+exports.highlightDeckCodeBlocks = highlightDeckCodeBlocks;
 exports.normalizeSlideSlots = normalizeSlideSlots;
 exports.removeSlideElementFromMarkdown = removeSlideElementFromMarkdown;
 exports.resolveHtmlTheme = resolveHtmlTheme;
@@ -3637,5 +3789,5 @@ exports.serializeLayoutToComment = serializeLayoutToComment;
 exports.splitMarkdownSlides = splitMarkdownSlides;
 exports.updateSlideLayoutInMarkdown = updateSlideLayoutInMarkdown;
 exports.updateSlideTextInMarkdown = updateSlideTextInMarkdown;
-//# sourceMappingURL=chunk-JNTRKKJX.cjs.map
-//# sourceMappingURL=chunk-JNTRKKJX.cjs.map
+//# sourceMappingURL=chunk-SFBEDDGU.cjs.map
+//# sourceMappingURL=chunk-SFBEDDGU.cjs.map