pxengine 0.1.83 → 0.1.84

package/dist/index.cjs

@@ -39096,8 +39096,9 @@ var ExportModal = ({ formats, title, onClose }) => {
     ] })
   ] });
 };
-var FullscreenModal = ({ url, title, slideCount, onClose }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react75.useState)(1);
+var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
+  const [currentSlide, setCurrentSlide] = (0, import_react75.useState)(initialSlide);
+  const [iframeReady, setIframeReady] = (0, import_react75.useState)(false);
   const iframeRef = (0, import_react75.useRef)(null);
   (0, import_react75.useEffect)(() => {
     const onKey = (e) => {
@@ -39105,7 +39106,10 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
     };
     const onMsg = (e) => {
       if (e.data?.type === "presentationExit") onClose();
-      if (e.data?.type === "slideChanged") setCurrentSlide(e.data.slide);
+      if (e.data?.type === "slideChanged") {
+        setCurrentSlide(e.data.slide);
+        if (!iframeReady) setIframeReady(true);
+      }
     };
     document.addEventListener("keydown", onKey);
     window.addEventListener("message", onMsg);
@@ -39113,14 +39117,26 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
       document.removeEventListener("keydown", onKey);
       window.removeEventListener("message", onMsg);
     };
-  }, [onClose]);
+  }, [onClose, iframeReady]);
   (0, import_react75.useEffect)(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
     };
   }, []);
-  const send = (type) => iframeRef.current?.contentWindow?.postMessage({ type }, "*");
+  const sendSlideCommand = (command) => {
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) return;
+    const totalSlides = slideCount || 1;
+    let newSlide = currentSlide;
+    if (command === "nextSlide") {
+      newSlide = currentSlide >= totalSlides ? 1 : currentSlide + 1;
+    } else {
+      newSlide = currentSlide <= 1 ? totalSlides : currentSlide - 1;
+    }
+    setCurrentSlide(newSlide);
+    iframe.contentWindow.postMessage({ type: command }, "*");
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 h-11 bg-zinc-950/90 border-b border-zinc-800/60 flex-shrink-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
@@ -39136,8 +39152,9 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "button",
           {
-            onClick: () => send("prevSlide"),
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors",
+            onClick: () => sendSlideCommand("prevSlide"),
+            disabled: !iframeReady,
+            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
             "aria-label": "Previous slide",
             children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ChevronLeft2, {})
           }
@@ -39145,8 +39162,9 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "button",
           {
-            onClick: () => send("nextSlide"),
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors",
+            onClick: () => sendSlideCommand("nextSlide"),
+            disabled: !iframeReady,
+            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
             "aria-label": "Next slide",
             children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ChevronRight2, {})
           }
@@ -39170,7 +39188,10 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
         ref: iframeRef,
         src: url,
         title,
-        onLoad: () => iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: currentSlide }, "*"),
+        onLoad: () => {
+          setIframeReady(true);
+          iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
+        },
         sandbox: "allow-same-origin allow-scripts allow-fullscreen",
         className: "absolute inset-0 w-full h-full border-0"
       }
@@ -39201,6 +39222,7 @@ var PresentationJobCard = ({
   const [copied, setCopied] = (0, import_react75.useState)(false);
   const [currentSlide, setCurrentSlide] = (0, import_react75.useState)(1);
   const [previewScale, setPreviewScale] = (0, import_react75.useState)(1);
+  const [iframeReady, setIframeReady] = (0, import_react75.useState)(false);
   const intervalRef = (0, import_react75.useRef)(null);
   const previewRef = (0, import_react75.useRef)(null);
   const iframeRef = (0, import_react75.useRef)(null);
@@ -39209,6 +39231,7 @@ var PresentationJobCard = ({
   }, []);
   (0, import_react75.useEffect)(() => {
     updateScale();
+    setIframeReady(false);
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
@@ -39219,13 +39242,24 @@ var PresentationJobCard = ({
       if (e.data?.type === "slideChanged") {
         setCurrentSlide(e.data.slide);
         if (e.data.total && !slideCount) setSlideCount(e.data.total);
+        if (!iframeReady) setIframeReady(true);
       }
     };
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
-  }, [slideCount]);
+  }, [slideCount, iframeReady]);
   const sendSlideCommand = (command) => {
-    iframeRef.current?.contentWindow?.postMessage({ type: command }, "*");
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) return;
+    const totalSlides = slideCount || 1;
+    let newSlide = currentSlide;
+    if (command === "nextSlide") {
+      newSlide = currentSlide >= totalSlides ? 1 : currentSlide + 1;
+    } else {
+      newSlide = currentSlide <= 1 ? totalSlides : currentSlide - 1;
+    }
+    setCurrentSlide(newSlide);
+    iframe.contentWindow.postMessage({ type: command }, "*");
   };
   const isTerminal = status === "complete" || status === "failed";
   const onCompleteRef = (0, import_react75.useRef)(onComplete);
@@ -39388,6 +39422,7 @@ var PresentationJobCard = ({
                     src: formats.html_url,
                     title,
                     sandbox: "allow-same-origin allow-scripts",
+                    onLoad: () => setIframeReady(true),
                     style: {
                       width: 1280,
                       height: 720,
@@ -39414,7 +39449,7 @@ var PresentationJobCard = ({
                   e.stopPropagation();
                   sendSlideCommand("prevSlide");
                 },
-                disabled: !hasHtml,
+                disabled: !hasHtml || !iframeReady,
                 className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
                 "aria-label": "Previous slide",
                 children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ChevronLeft2, {})
@@ -39432,7 +39467,7 @@ var PresentationJobCard = ({
                   e.stopPropagation();
                   sendSlideCommand("nextSlide");
                 },
-                disabled: !hasHtml,
+                disabled: !hasHtml || !iframeReady,
                 className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-indigo-500 hover:text-indigo-400 text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
                 "aria-label": "Next slide",
                 children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ChevronRight2, {})
@@ -39449,6 +39484,7 @@ var PresentationJobCard = ({
         url: formats.html_url,
         title,
         slideCount,
+        initialSlide: currentSlide,
         onClose: () => setShowFullscreen(false)
       }
     )
@@ -39567,6 +39603,36 @@ var ResearchReportJobCard = ({
   const hasNotifiedRef = (0, import_react76.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
+  (0, import_react76.useEffect)(() => {
+    setStatus(initialStatus);
+  }, [initialStatus]);
+  (0, import_react76.useEffect)(() => {
+    if (initialTitle) setTitle(initialTitle);
+  }, [initialTitle]);
+  (0, import_react76.useEffect)(() => {
+    if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
+  }, [initialHtmlUrl]);
+  (0, import_react76.useEffect)(() => {
+    if (initialDepth) setDepth(initialDepth);
+  }, [initialDepth]);
+  (0, import_react76.useEffect)(() => {
+    if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
+  }, [initialSectionCount]);
+  (0, import_react76.useEffect)(() => {
+    if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
+  }, [initialSourceCount]);
+  (0, import_react76.useEffect)(() => {
+    if (initialWordCount !== void 0) setWordCount(initialWordCount);
+  }, [initialWordCount]);
+  (0, import_react76.useEffect)(() => {
+    if (initialSummary) setSummary(initialSummary);
+  }, [initialSummary]);
+  (0, import_react76.useEffect)(() => {
+    if (initialTheme) setTheme(initialTheme);
+  }, [initialTheme]);
+  (0, import_react76.useEffect)(() => {
+    if (initialError) setError(initialError);
+  }, [initialError]);
   const isTerminal = status === "complete" || status === "failed";
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
   const hasHTML = Boolean(htmlUrl);