pxengine 0.1.139 → 0.1.140

package/dist/index.cjs

@@ -345,12 +345,15 @@ __export(index_exports, {
   defaultPersistSelection: () => defaultPersistSelection,
   elementToQAField: () => elementToQAField,
   emitJobSignal: () => emitJobSignal,
+  fitOverflowingSlideContent: () => fitOverflowingSlideContent,
+  forcePreviewReadOnly: () => forcePreviewReadOnly,
   formatQAMessage: () => formatQAMessage,
   generateFieldsFromData: () => generateFieldsFromData,
   generateFieldsFromPropDefinitions: () => generateFieldsFromPropDefinitions,
   getPxAuthToken: () => getPxAuthToken,
   isInputAtom: () => isInputAtom,
   notifyPxUnauthorized: () => notifyPxUnauthorized,
+  preparePresentationPreviewIframe: () => preparePresentationPreviewIframe,
   refreshSharedPoll: () => refreshSharedPoll,
   resolveComponent: () => resolveComponent,
   setPxAuthTokenProvider: () => setPxAuthTokenProvider,
@@ -16129,6 +16132,51 @@ var NextStepCard = ({
 var import_react81 = require("react");
 var import_react_dom = require("react-dom");
 
+// src/lib/presentation-preview.ts
+function forcePreviewReadOnly(iframe) {
+  try {
+    const doc = iframe?.contentDocument;
+    if (!doc?.body) return;
+    doc.body.contentEditable = "false";
+    doc.body.removeAttribute("contenteditable");
+    doc.designMode = "off";
+  } catch {
+  }
+}
+function fitOverflowingSlideContent(iframe) {
+  try {
+    const doc = iframe?.contentDocument;
+    if (!doc) return;
+    const slides = Array.from(doc.querySelectorAll(".slide"));
+    const targets = slides.filter((s) => s.classList.contains("active")).length > 0 ? slides.filter((s) => s.classList.contains("active")) : slides.slice(0, 1);
+    targets.forEach((slide) => {
+      const stageH = slide.clientHeight || 720;
+      if (stageH <= 0) return;
+      slide.style.zoom = "";
+      const hadInlineTransform = slide.style.transform;
+      if (/scale\s*\(/i.test(hadInlineTransform)) slide.style.transform = "";
+      const prevOverflow = slide.style.overflow;
+      slide.style.overflow = "visible";
+      const contentH = slide.scrollHeight;
+      slide.style.overflow = prevOverflow;
+      if (contentH <= stageH + 1) return;
+      const scale = stageH / contentH;
+      if (typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("zoom", "1")) {
+        slide.style.zoom = String(scale);
+      } else {
+        slide.style.transformOrigin = "top center";
+        const base = hadInlineTransform && !/scale\s*\(/i.test(hadInlineTransform) ? `${hadInlineTransform} ` : "";
+        slide.style.transform = `${base}scale(${scale})`;
+      }
+    });
+  } catch {
+  }
+}
+function preparePresentationPreviewIframe(iframe) {
+  forcePreviewReadOnly(iframe);
+  fitOverflowingSlideContent(iframe);
+}
+
 // src/lib/shared-poll.ts
 var import_react79 = require("react");
 var SSE_FALLBACK_POLL_MS = 2e4;
@@ -16596,6 +16644,11 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
       document.body.style.overflow = "";
     };
   }, []);
+  (0, import_react81.useEffect)(() => {
+    if (!iframeReady) return;
+    const t = window.setTimeout(() => fitOverflowingSlideContent(iframeRef.current), 40);
+    return () => window.clearTimeout(t);
+  }, [currentSlide, iframeReady]);
   const sendSlideCommand = (command) => {
     const iframe = iframeRef.current;
     if (!iframe?.contentWindow) return;
@@ -16669,6 +16722,7 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
               onLoad: () => {
                 setIframeReady(true);
                 hideDeckChrome(iframeRef.current);
+                preparePresentationPreviewIframe(iframeRef.current);
                 iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
               },
               sandbox: "allow-same-origin allow-scripts",
@@ -17639,6 +17693,7 @@ var PresentationJobCard = ({
                         onLoad: () => {
                           setIframeReady(true);
                           hideDeckChrome(iframeRef.current);
+                          fitOverflowingSlideContent(iframeRef.current);
                         },
                         className: "absolute top-0 left-0 border-0 pointer-events-none",
                         style: {
@@ -17782,7 +17837,11 @@ var FullscreenPreviewModal = ({ url, title, onClose, isPdf }) => {
         src: url,
         title,
         className: "absolute inset-0 w-full h-full border-0",
-        ...isPdf ? {} : { sandbox: "allow-same-origin allow-scripts" }
+        ...isPdf ? {} : { sandbox: "allow-same-origin allow-scripts" },
+        onLoad: (e) => {
+          if (isPdf) return;
+          preparePresentationPreviewIframe(e.currentTarget);
+        }
       }
     ) })
   ] });
@@ -26615,12 +26674,15 @@ PXEngineRenderer.displayName = "PXEngineRenderer";
   defaultPersistSelection,
   elementToQAField,
   emitJobSignal,
+  fitOverflowingSlideContent,
+  forcePreviewReadOnly,
   formatQAMessage,
   generateFieldsFromData,
   generateFieldsFromPropDefinitions,
   getPxAuthToken,
   isInputAtom,
   notifyPxUnauthorized,
+  preparePresentationPreviewIframe,
   refreshSharedPoll,
   resolveComponent,
   setPxAuthTokenProvider,