@thanh01.pmt/presentation-kit 0.2.14 → 0.2.16

package/dist/react/index.d.cts

@@ -186,6 +186,8 @@ interface HtmlSlideViewerProps {
     className?: string;
     /** Callback fired when active slide index changes */
     onSlideChange?: (current: number, total: number) => void;
+    /** Callback fired when slide deck is exported or saved from inline editor */
+    onSaveHtml?: (savedHtml: string) => void;
     /** Show top control bar */
     showTopBar?: boolean;
 }

package/dist/react/index.d.ts

@@ -186,6 +186,8 @@ interface HtmlSlideViewerProps {
     className?: string;
     /** Callback fired when active slide index changes */
     onSlideChange?: (current: number, total: number) => void;
+    /** Callback fired when slide deck is exported or saved from inline editor */
+    onSaveHtml?: (savedHtml: string) => void;
     /** Show top control bar */
     showTopBar?: boolean;
 }

package/dist/react/index.js

@@ -1,6 +1,6 @@
 import { renderSlide, renderMermaidDiagrams } from '../chunk-NYLDRVHZ.js';
 export { defineTheme, extractMaxClicks, generateClickCss, postprocessClicks, preprocessClicks, renderSlide, renderSlideAsync, resolveTheme } from '../chunk-NYLDRVHZ.js';
-import { SLIDE_LAYOUT_PRESETS, updateSlideLayoutInMarkdown, compileHtmlDeck } from '../chunk-A7T5Y2G4.js';
+import { SLIDE_LAYOUT_PRESETS, updateSlideLayoutInMarkdown, compileHtmlDeck } from '../chunk-7QHDWDSB.js';
 import React2, { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -1605,6 +1605,7 @@ var HtmlSlideViewer = ({
   title: propTitle,
   className = "",
   onSlideChange,
+  onSaveHtml,
   showTopBar = true
 }) => {
   const iframeRef = useRef(null);
@@ -1631,11 +1632,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]);
   useEffect(() => {
     const onFsChange = () => {
       setIsFullscreen(Boolean(document.fullscreenElement));
@@ -1648,6 +1653,14 @@ var HtmlSlideViewer = ({
       iframeRef.current.contentWindow.postMessage(msg, "*");
     }
   }, []);
+  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 = () => {
@@ -1746,7 +1759,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__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-neutral-500 text-sm", children: "No slide deck content loaded." }) })
       ]