pxengine 0.1.73 → 0.1.75

package/dist/index.cjs

@@ -38894,6 +38894,38 @@ var FORMATS = [
 var ExportModal = ({ formats, title, onClose }) => {
   const available = FORMATS.filter((f) => formats[f.key]);
   const filename = title.replace(/[^a-z0-9]/gi, "-").toLowerCase();
+  const [downloadingKey, setDownloadingKey] = (0, import_react74.useState)(null);
+  const buildDownloadHref = (url, ext) => {
+    const downloadName = `${filename}${ext}`;
+    return `/api/download?url=${encodeURIComponent(url)}&filename=${encodeURIComponent(downloadName)}`;
+  };
+  const handleDownload = async (fmtKey, url, ext) => {
+    if (downloadingKey) {
+      return;
+    }
+    const downloadHref = buildDownloadHref(url, ext);
+    const downloadName = `${filename}${ext}`;
+    try {
+      setDownloadingKey(fmtKey);
+      const response = await fetch(downloadHref);
+      if (!response.ok) {
+        throw new Error(`Download failed with status ${response.status}`);
+      }
+      const blob = await response.blob();
+      const objectUrl = window.URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = objectUrl;
+      anchor.download = downloadName;
+      document.body.appendChild(anchor);
+      anchor.click();
+      anchor.remove();
+      window.URL.revokeObjectURL(objectUrl);
+    } catch {
+      window.open(downloadHref, "_blank", "noopener,noreferrer");
+    } finally {
+      setDownloadingKey(null);
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
     /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "relative z-10 bg-zinc-900 border border-zinc-800 rounded-2xl w-full max-w-sm p-6 shadow-2xl", children: [
@@ -38916,22 +38948,23 @@ var ExportModal = ({ formats, title, onClose }) => {
         available.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "text-sm text-zinc-500 text-center py-6", children: "No formats available yet" }),
         available.map((fmt) => {
           const url = formats[fmt.key];
-          const dlName = `${filename}${fmt.ext}`;
+          const isDownloading = downloadingKey === fmt.key;
           return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
-            "a",
+            "button",
             {
-              href: url,
-              download: dlName,
+              type: "button",
+              disabled: Boolean(downloadingKey),
+              onClick: () => handleDownload(fmt.key, url, fmt.ext),
               className: cn(
-                "flex items-center gap-3.5 p-3.5 rounded-xl border transition-all",
-                "hover:brightness-110 cursor-pointer no-underline group",
+                "flex w-full items-center gap-3.5 p-3.5 rounded-xl border transition-all text-left",
+                "hover:brightness-110 disabled:opacity-60 disabled:cursor-not-allowed",
                 fmt.accent.bg
               ),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
                 /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: fmt.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: fmt.desc })
+                  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: isDownloading ? "Please wait while the file is being prepared." : fmt.desc })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: cn("flex-shrink-0 transition-colors", fmt.accent.text), children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DownloadIcon, {}) })
               ]
@@ -38962,6 +38995,8 @@ var PresentationJobCard = ({
   const [showModal, setShowModal] = (0, import_react74.useState)(false);
   const [currentSlide, setCurrentSlide] = (0, import_react74.useState)(1);
   const [previewScale, setPreviewScale] = (0, import_react74.useState)(1);
+  const [iframeReady, setIframeReady] = (0, import_react74.useState)(false);
+  const [pendingSlide, setPendingSlide] = (0, import_react74.useState)(null);
   const intervalRef = (0, import_react74.useRef)(null);
   const previewRef = (0, import_react74.useRef)(null);
   const iframeRef = (0, import_react74.useRef)(null);
@@ -38977,6 +39012,10 @@ var PresentationJobCard = ({
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, formats.html_url]);
+  (0, import_react74.useEffect)(() => {
+    setIframeReady(false);
+    setPendingSlide(null);
+  }, [formats.html_url]);
   (0, import_react74.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
@@ -38989,11 +39028,26 @@ var PresentationJobCard = ({
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [slideCount]);
+  (0, import_react74.useEffect)(() => {
+    if (!iframeReady || pendingSlide === null) return;
+    iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: pendingSlide }, "*");
+    setPendingSlide(null);
+  }, [iframeReady, pendingSlide]);
+  const sendSlideCommand = (command) => {
+    if (!iframeReady) {
+      return;
+    }
+    iframeRef.current?.contentWindow?.postMessage({ type: command }, "*");
+  };
   const goToSlide = (n) => {
     const total2 = slideCount || 1;
     const target = (n - 1 + total2) % total2 + 1;
     setCurrentSlide(target);
-    iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: target }, "*");
+    if (iframeReady) {
+      iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: target }, "*");
+      return;
+    }
+    setPendingSlide(target);
   };
   const isTerminal = status === "complete" || status === "failed";
   (0, import_react74.useEffect)(() => {
@@ -39093,6 +39147,7 @@ var PresentationJobCard = ({
                   ref: iframeRef,
                   src: formats.html_url,
                   title,
+                  onLoad: () => setIframeReady(true),
                   sandbox: "allow-same-origin allow-scripts",
                   style: {
                     width: 1280,
@@ -39123,8 +39178,14 @@ var PresentationJobCard = ({
               /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
                 "button",
                 {
-                  onClick: () => goToSlide(currentSlide - 1),
-                  disabled: total <= 1,
+                  onClick: () => {
+                    if (slideCount > 1) {
+                      goToSlide(currentSlide - 1);
+                      return;
+                    }
+                    sendSlideCommand("prevSlide");
+                  },
+                  disabled: !formats.html_url,
                   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_runtime146.jsx)(ChevronLeft2, {})
@@ -39138,8 +39199,14 @@ var PresentationJobCard = ({
               /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
                 "button",
                 {
-                  onClick: () => goToSlide(currentSlide + 1),
-                  disabled: total <= 1,
+                  onClick: () => {
+                    if (slideCount > 1) {
+                      goToSlide(currentSlide + 1);
+                      return;
+                    }
+                    sendSlideCommand("nextSlide");
+                  },
+                  disabled: !formats.html_url,
                   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_runtime146.jsx)(ChevronRight2, {})