pxengine 0.1.79 → 0.1.81

package/dist/index.cjs

@@ -38999,6 +38999,14 @@ var ShareIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("svg", { w
 ] });
 var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("polyline", { points: "20 6 9 17 4 12" }) });
 var FORMATS = [
+  {
+    key: "pptx_url",
+    label: "PowerPoint",
+    ext: ".pptx",
+    emoji: "\u{1F4CA}",
+    desc: "Editable slides \u2014 open in PowerPoint, Keynote, or Google Slides",
+    accent: { text: "text-orange-400", bg: "bg-orange-500/10 border-orange-500/20" }
+  },
   {
     key: "pdf_url",
     label: "PDF",
@@ -39167,23 +39175,6 @@ var FullscreenModal = ({ url, title, slideCount, onClose }) => {
     ) })
   ] });
 };
-var PROCESSING_STAGES = [
-  { minProgress: 0, message: "Initializing..." },
-  { minProgress: 12, message: "Analyzing request..." },
-  { minProgress: 25, message: "Generating content..." },
-  { minProgress: 45, message: "Building slides..." },
-  { minProgress: 65, message: "Applying design..." },
-  { minProgress: 80, message: "Rendering outputs..." },
-  { minProgress: 92, message: "Finalizing..." }
-];
-function getStageMessage(progress) {
-  for (let i = PROCESSING_STAGES.length - 1; i >= 0; i--) {
-    if (progress >= PROCESSING_STAGES[i].minProgress) {
-      return PROCESSING_STAGES[i].message;
-    }
-  }
-  return PROCESSING_STAGES[0].message;
-}
 var PresentationJobCard = ({
   job_id: _job_id,
   title: initialTitle,
@@ -39208,42 +39199,9 @@ 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 [pendingSlide, setPendingSlide] = (0, import_react75.useState)(null);
-  const [progress, setProgress] = (0, import_react75.useState)(0);
-  const startTimeRef = (0, import_react75.useRef)(Date.now());
   const intervalRef = (0, import_react75.useRef)(null);
-  const progressIntervalRef = (0, import_react75.useRef)(null);
   const previewRef = (0, import_react75.useRef)(null);
   const iframeRef = (0, import_react75.useRef)(null);
-  (0, import_react75.useEffect)(() => {
-    const isLoading = status === "pending" || status === "running";
-    if (!isLoading) {
-      if (progressIntervalRef.current) {
-        clearInterval(progressIntervalRef.current);
-        progressIntervalRef.current = null;
-      }
-      if (status === "complete") setProgress(100);
-      return;
-    }
-    startTimeRef.current = Date.now();
-    progressIntervalRef.current = setInterval(() => {
-      const elapsed = (Date.now() - startTimeRef.current) / 1e3;
-      const estimated = Math.min(90, 90 * (1 - Math.exp(-elapsed / 60)));
-      setProgress((prev) => Math.max(prev, Math.round(estimated)));
-    }, 500);
-    return () => {
-      if (progressIntervalRef.current) {
-        clearInterval(progressIntervalRef.current);
-        progressIntervalRef.current = null;
-      }
-    };
-  }, [status]);
-  (0, import_react75.useEffect)(() => {
-    if (status === "running") {
-      setProgress((prev) => Math.max(prev, 15));
-    }
-  }, [status]);
   const updateScale = (0, import_react75.useCallback)(() => {
     if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
   }, []);
@@ -39254,10 +39212,6 @@ var PresentationJobCard = ({
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, formats.html_url]);
-  (0, import_react75.useEffect)(() => {
-    setIframeReady(false);
-    setPendingSlide(null);
-  }, [formats.html_url]);
   (0, import_react75.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
@@ -39268,25 +39222,9 @@ var PresentationJobCard = ({
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [slideCount]);
-  (0, import_react75.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);
-    if (iframeReady) {
-      iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: target }, "*");
-      return;
-    }
-    setPendingSlide(target);
-  };
   const isTerminal = status === "complete" || status === "failed";
   const onCompleteRef = (0, import_react75.useRef)(onComplete);
   const onFailedRef = (0, import_react75.useRef)(onFailed);
@@ -39357,46 +39295,13 @@ var PresentationJobCard = ({
     }
   };
   if (status === "pending" || status === "running") {
-    const stageMessage = getStageMessage(progress);
-    return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-1 bg-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
-        "div",
-        {
-          className: "h-full bg-gradient-to-r from-indigo-500 via-violet-500 to-purple-500 transition-all duration-500 ease-out",
-          style: { width: `${progress}%` }
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-3 mb-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SlidesIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", children: title || "Generating presentation..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5", children: "Creating slides..." })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "relative overflow-hidden rounded-xl bg-zinc-900 border border-zinc-800/70 aspect-[16/9]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_14%_16%,rgba(99,102,241,0.12),transparent_30%),radial-gradient(circle_at_86%_84%,rgba(168,85,247,0.10),transparent_28%),linear-gradient(135deg,rgba(30,32,48,0.98),rgba(18,18,24,0.99))]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "absolute inset-0 p-6 flex flex-col justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-4 w-48 rounded-full bg-white/10 animate-pulse mb-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-3 w-72 rounded-full bg-white/8 animate-pulse mb-3", style: { animationDelay: "100ms" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-3 w-56 rounded-full bg-white/8 animate-pulse", style: { animationDelay: "200ms" } })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "absolute inset-0 -translate-x-full animate-[shimmer_2s_infinite] bg-gradient-to-r from-transparent via-white/6 to-transparent" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center justify-between pt-4 border-t border-zinc-800/60", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "relative flex h-2 w-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-indigo-500 opacity-75" }),
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-indigo-500" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-indigo-400/80 font-medium", children: stageMessage })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "text-xs text-zinc-500 tabular-nums font-medium", children: [
-            progress,
-            "%"
-          ] })
-        ] })
-      ] })
+    return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "relative overflow-hidden rounded-xl border border-zinc-200/70 dark:border-zinc-800/70 bg-zinc-100 dark:bg-zinc-900 aspect-[16/9]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "absolute inset-0 p-[8%] flex flex-col justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-[18px] w-[42%] rounded bg-zinc-300 dark:bg-zinc-700 animate-pulse mb-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-[11px] w-[65%] rounded bg-zinc-200 dark:bg-zinc-800 animate-pulse mb-2", style: { animationDelay: "120ms" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-[11px] w-[52%] rounded bg-zinc-200 dark:bg-zinc-800 animate-pulse", style: { animationDelay: "240ms" } })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "absolute inset-0 -translate-x-full animate-[shimmer_2s_ease-in-out_infinite] bg-gradient-to-r from-transparent via-white/10 to-transparent" })
     ] }) });
   }
   if (status === "failed") {
@@ -39480,7 +39385,6 @@ var PresentationJobCard = ({
                     ref: iframeRef,
                     src: formats.html_url,
                     title,
-                    onLoad: () => setIframeReady(true),
                     sandbox: "allow-same-origin allow-scripts",
                     style: {
                       width: 1280,
@@ -39506,7 +39410,7 @@ var PresentationJobCard = ({
               {
                 onClick: (e) => {
                   e.stopPropagation();
-                  slideCount > 1 ? goToSlide(currentSlide - 1) : sendSlideCommand("prevSlide");
+                  sendSlideCommand("prevSlide");
                 },
                 disabled: !hasHtml,
                 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",
@@ -39524,7 +39428,7 @@ var PresentationJobCard = ({
               {
                 onClick: (e) => {
                   e.stopPropagation();
-                  slideCount > 1 ? goToSlide(currentSlide + 1) : sendSlideCommand("nextSlide");
+                  sendSlideCommand("nextSlide");
                 },
                 disabled: !hasHtml,
                 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",