@thanh01.pmt/presentation-kit 0.2.14 → 0.2.16

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkTGI6YSZP_cjs = require('./chunk-TGI6YSZP.cjs');
-var chunkJIIUW2TN_cjs = require('./chunk-JIIUW2TN.cjs');
+var chunkJNTRKKJX_cjs = require('./chunk-JNTRKKJX.cjs');
 
 // src/engine.ts
 function createEngine(config = {}) {
@@ -102,7 +102,7 @@ async function convertMarkdownToPptx(markdown, options) {
   if (options?.title) pptx.title = options.title;
   if (options?.author) pptx.author = options.author;
   const renderResult = chunkTGI6YSZP_cjs.renderSlide(markdown);
-  const { slides } = chunkJIIUW2TN_cjs.splitMarkdownSlides(markdown);
+  const { slides } = chunkJNTRKKJX_cjs.splitMarkdownSlides(markdown);
   const isDark = options?.theme !== "light";
   const defaultBg = isDark ? "14151B" : "FFFFFF";
   const defaultText = isDark ? "F1F5F9" : "1E293B";
@@ -313,55 +313,59 @@ Object.defineProperty(exports, "sanitizeMermaidCode", {
 });
 Object.defineProperty(exports, "HTML_SLIDE_PRESETS", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.HTML_SLIDE_PRESETS; }
+  get: function () { return chunkJNTRKKJX_cjs.HTML_SLIDE_PRESETS; }
 });
 Object.defineProperty(exports, "HTML_THEMES", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.HTML_THEMES; }
+  get: function () { return chunkJNTRKKJX_cjs.HTML_THEMES; }
 });
 Object.defineProperty(exports, "SLIDE_LAYOUT_PRESETS", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.SLIDE_LAYOUT_PRESETS; }
+  get: function () { return chunkJNTRKKJX_cjs.SLIDE_LAYOUT_PRESETS; }
 });
 Object.defineProperty(exports, "compileHtmlDeck", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.compileHtmlDeck; }
+  get: function () { return chunkJNTRKKJX_cjs.compileHtmlDeck; }
 });
 Object.defineProperty(exports, "generateHtmlShell", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.generateHtmlShell; }
+  get: function () { return chunkJNTRKKJX_cjs.generateHtmlShell; }
 });
 Object.defineProperty(exports, "getSlideLayoutPresetById", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.getSlideLayoutPresetById; }
+  get: function () { return chunkJNTRKKJX_cjs.getSlideLayoutPresetById; }
 });
 Object.defineProperty(exports, "getSlideLayoutPresetsByCategory", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.getSlideLayoutPresetsByCategory; }
+  get: function () { return chunkJNTRKKJX_cjs.getSlideLayoutPresetsByCategory; }
+});
+Object.defineProperty(exports, "normalizeSlideSlots", {
+  enumerable: true,
+  get: function () { return chunkJNTRKKJX_cjs.normalizeSlideSlots; }
 });
 Object.defineProperty(exports, "removeSlideElementFromMarkdown", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.removeSlideElementFromMarkdown; }
+  get: function () { return chunkJNTRKKJX_cjs.removeSlideElementFromMarkdown; }
 });
 Object.defineProperty(exports, "resolveHtmlTheme", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.resolveHtmlTheme; }
+  get: function () { return chunkJNTRKKJX_cjs.resolveHtmlTheme; }
 });
 Object.defineProperty(exports, "serializeLayoutToComment", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.serializeLayoutToComment; }
+  get: function () { return chunkJNTRKKJX_cjs.serializeLayoutToComment; }
 });
 Object.defineProperty(exports, "splitMarkdownSlides", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.splitMarkdownSlides; }
+  get: function () { return chunkJNTRKKJX_cjs.splitMarkdownSlides; }
 });
 Object.defineProperty(exports, "updateSlideLayoutInMarkdown", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.updateSlideLayoutInMarkdown; }
+  get: function () { return chunkJNTRKKJX_cjs.updateSlideLayoutInMarkdown; }
 });
 Object.defineProperty(exports, "updateSlideTextInMarkdown", {
   enumerable: true,
-  get: function () { return chunkJIIUW2TN_cjs.updateSlideTextInMarkdown; }
+  get: function () { return chunkJNTRKKJX_cjs.updateSlideTextInMarkdown; }
 });
 exports.cleanHexColor = cleanHexColor;
 exports.convertMarkdownToPptx = convertMarkdownToPptx;

package/dist/index.d.cts

@@ -174,9 +174,12 @@ interface GenerateHtmlShellOptions {
     slidesHtml: string;
     slideCount: number;
     customHeadTags?: string;
+    deckId?: string;
 }
 declare function generateHtmlShell(options: GenerateHtmlShellOptions): string;
 
 declare function compileHtmlDeck(deckData: HtmlDeckData, options?: HtmlCompileOptions): CompiledHtmlDeckResult;
 
-export { CompiledHtmlDeckResult, type GenerateHtmlShellOptions, HTML_SLIDE_PRESETS, HTML_THEMES, HtmlCompileOptions, HtmlDeckData, HtmlDeckTheme, HtmlLayoutPresetId, HtmlSlidePreset, HtmlThemeName, MermaidBlock, type PptxExportOptions, SlideEngine, SlideEngineConfig, SlideLayoutData, ThemeTokens, cleanHexColor, compileHtmlDeck, convertMarkdownToPptx, convertTextArrows, createEngine, darkThemeTokens, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, filterPresenterNotes, generateHtmlShell, generateLayoutCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseFontSizeToPt, parseLayoutFromComment, removeSlideElementFromMarkdown, renderMermaidDiagrams, resolveHtmlTheme, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown, updateSlideTextInMarkdown };
+declare function normalizeSlideSlots(slide: any): Record<string, any>;
+
+export { CompiledHtmlDeckResult, type GenerateHtmlShellOptions, HTML_SLIDE_PRESETS, HTML_THEMES, HtmlCompileOptions, HtmlDeckData, HtmlDeckTheme, HtmlLayoutPresetId, HtmlSlidePreset, HtmlThemeName, MermaidBlock, type PptxExportOptions, SlideEngine, SlideEngineConfig, SlideLayoutData, ThemeTokens, cleanHexColor, compileHtmlDeck, convertMarkdownToPptx, convertTextArrows, createEngine, darkThemeTokens, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, filterPresenterNotes, generateHtmlShell, generateLayoutCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, normalizeSlideSlots, parseFontSizeToPt, parseLayoutFromComment, removeSlideElementFromMarkdown, renderMermaidDiagrams, resolveHtmlTheme, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown, updateSlideTextInMarkdown };

package/dist/index.d.ts

@@ -174,9 +174,12 @@ interface GenerateHtmlShellOptions {
     slidesHtml: string;
     slideCount: number;
     customHeadTags?: string;
+    deckId?: string;
 }
 declare function generateHtmlShell(options: GenerateHtmlShellOptions): string;
 
 declare function compileHtmlDeck(deckData: HtmlDeckData, options?: HtmlCompileOptions): CompiledHtmlDeckResult;
 
-export { CompiledHtmlDeckResult, type GenerateHtmlShellOptions, HTML_SLIDE_PRESETS, HTML_THEMES, HtmlCompileOptions, HtmlDeckData, HtmlDeckTheme, HtmlLayoutPresetId, HtmlSlidePreset, HtmlThemeName, MermaidBlock, type PptxExportOptions, SlideEngine, SlideEngineConfig, SlideLayoutData, ThemeTokens, cleanHexColor, compileHtmlDeck, convertMarkdownToPptx, convertTextArrows, createEngine, darkThemeTokens, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, filterPresenterNotes, generateHtmlShell, generateLayoutCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseFontSizeToPt, parseLayoutFromComment, removeSlideElementFromMarkdown, renderMermaidDiagrams, resolveHtmlTheme, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown, updateSlideTextInMarkdown };
+declare function normalizeSlideSlots(slide: any): Record<string, any>;
+
+export { CompiledHtmlDeckResult, type GenerateHtmlShellOptions, HTML_SLIDE_PRESETS, HTML_THEMES, HtmlCompileOptions, HtmlDeckData, HtmlDeckTheme, HtmlLayoutPresetId, HtmlSlidePreset, HtmlThemeName, MermaidBlock, type PptxExportOptions, SlideEngine, SlideEngineConfig, SlideLayoutData, ThemeTokens, cleanHexColor, compileHtmlDeck, convertMarkdownToPptx, convertTextArrows, createEngine, darkThemeTokens, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, filterPresenterNotes, generateHtmlShell, generateLayoutCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, normalizeSlideSlots, parseFontSizeToPt, parseLayoutFromComment, removeSlideElementFromMarkdown, renderMermaidDiagrams, resolveHtmlTheme, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown, updateSlideTextInMarkdown };

package/dist/index.js

@@ -1,7 +1,7 @@
 import { resolveTheme, generateScopedCss2, renderSlideAsync, renderSlide } from './chunk-NYLDRVHZ.js';
 export { convertTextArrows, countSlides, darkThemeTokens, defineTheme, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, extractMaxClicks, filterPresenterNotes, generateClickCss, generateLayoutCss, generateScopedCss2 as generateScopedCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, getThemeTokens, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseLayoutFromComment, postprocessClicks, preprocessClicks, renderMarp, renderMermaidDiagrams, renderSlide, renderSlideAsync, resolveTheme, sanitizeMermaidCode } from './chunk-NYLDRVHZ.js';
-import { splitMarkdownSlides } from './chunk-A7T5Y2G4.js';
-export { HTML_SLIDE_PRESETS, HTML_THEMES, SLIDE_LAYOUT_PRESETS, compileHtmlDeck, generateHtmlShell, getSlideLayoutPresetById, getSlideLayoutPresetsByCategory, removeSlideElementFromMarkdown, resolveHtmlTheme, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown, updateSlideTextInMarkdown } from './chunk-A7T5Y2G4.js';
+import { splitMarkdownSlides } from './chunk-7QHDWDSB.js';
+export { HTML_SLIDE_PRESETS, HTML_THEMES, SLIDE_LAYOUT_PRESETS, compileHtmlDeck, generateHtmlShell, getSlideLayoutPresetById, getSlideLayoutPresetsByCategory, normalizeSlideSlots, removeSlideElementFromMarkdown, resolveHtmlTheme, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown, updateSlideTextInMarkdown } from './chunk-7QHDWDSB.js';
 
 // src/engine.ts
 function createEngine(config = {}) {

package/dist/react/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkTGI6YSZP_cjs = require('../chunk-TGI6YSZP.cjs');
-var chunkJIIUW2TN_cjs = require('../chunk-JIIUW2TN.cjs');
+var chunkJNTRKKJX_cjs = require('../chunk-JNTRKKJX.cjs');
 var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -914,7 +914,7 @@ function SlideDesignOverlay({
                 "select",
                 {
                   onChange: (e) => {
-                    const preset = chunkJIIUW2TN_cjs.SLIDE_LAYOUT_PRESETS.find((p) => p.id === e.target.value);
+                    const preset = chunkJNTRKKJX_cjs.SLIDE_LAYOUT_PRESETS.find((p) => p.id === e.target.value);
                     if (preset) {
                       const clonedBoxes = JSON.parse(JSON.stringify(preset.layout.boxes));
                       setBoxes(clonedBoxes);
@@ -934,7 +934,7 @@ function SlideDesignOverlay({
                   title: "\xC1p d\u1EE5ng m\u1EABu b\u1ED1 c\u1EE5c c\xF3 s\u1EB5n",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, style: { backgroundColor: isLight ? "#ffffff" : "#1e1f29", color: subtextColor }, children: "M\u1EABu b\u1ED1 c\u1EE5c (Presets)..." }),
-                    chunkJIIUW2TN_cjs.SLIDE_LAYOUT_PRESETS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, style: { backgroundColor: isLight ? "#ffffff" : "#1e1f29", color: isLight ? "#0f172a" : "#f8fafc" }, children: p.name }, p.id))
+                    chunkJNTRKKJX_cjs.SLIDE_LAYOUT_PRESETS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, style: { backgroundColor: isLight ? "#ffffff" : "#1e1f29", color: isLight ? "#0f172a" : "#f8fafc" }, children: p.name }, p.id))
                   ]
                 }
               ),
@@ -1567,7 +1567,7 @@ function SlideViewer({
                   onSave: (layout) => {
                     setLiveLayout(layout);
                     if (onSaveMarkdown) {
-                      const updated = chunkJIIUW2TN_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
+                      const updated = chunkJNTRKKJX_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
                       onSaveMarkdown(updated);
                     }
                   },
@@ -1610,6 +1610,7 @@ var HtmlSlideViewer = ({
   title: propTitle,
   className = "",
   onSlideChange,
+  onSaveHtml,
   showTopBar = true
 }) => {
   const iframeRef = React2.useRef(null);
@@ -1620,7 +1621,7 @@ var HtmlSlideViewer = ({
   const fullHtml = React2.useMemo(() => {
     if (initialHtml) return initialHtml;
     if (deckData) {
-      return chunkJIIUW2TN_cjs.compileHtmlDeck(deckData).html;
+      return chunkJNTRKKJX_cjs.compileHtmlDeck(deckData).html;
     }
     return "";
   }, [initialHtml, deckData]);
@@ -1636,11 +1637,15 @@ var HtmlSlideViewer = ({
         if (onSlideChange) {
           onSlideChange(cur, tot);
         }
+      } else if (e.data.type === "SLIDE_HTML_SAVED") {
+        if (onSaveHtml && typeof e.data.html === "string") {
+          onSaveHtml(e.data.html);
+        }
       }
     };
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
-  }, [onSlideChange]);
+  }, [onSlideChange, onSaveHtml]);
   React2.useEffect(() => {
     const onFsChange = () => {
       setIsFullscreen(Boolean(document.fullscreenElement));
@@ -1653,6 +1658,14 @@ var HtmlSlideViewer = ({
       iframeRef.current.contentWindow.postMessage(msg, "*");
     }
   }, []);
+  React2.useEffect(() => {
+    if (!containerRef.current || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => {
+      sendIframeMessage({ type: "RESIZE" });
+    });
+    ro.observe(containerRef.current);
+    return () => ro.disconnect();
+  }, [sendIframeMessage]);
   const handleNext = () => sendIframeMessage({ type: "NEXT_SLIDE" });
   const handlePrev = () => sendIframeMessage({ type: "PREV_SLIDE" });
   const handleToggleFullscreen = () => {
@@ -1751,7 +1764,10 @@ var HtmlSlideViewer = ({
             srcDoc: fullHtml,
             title: deckTitle,
             sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
-            className: "w-full h-full border-0 block"
+            className: "w-full h-full border-0 block",
+            onLoad: () => {
+              sendIframeMessage({ type: "RESIZE" });
+            }
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-neutral-500 text-sm", children: "No slide deck content loaded." }) })
       ]