@orangecatai/adgen-canvas 0.0.34 → 0.0.36

package/dist/dev/data/{image-IIQSXNFT.js → image-3S7FVECW.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-JBHZ6CNN.js";
-import "../chunk-DB6EMYXB.js";
+} from "../chunk-UECNYULR.js";
+import "../chunk-2NSNU2PO.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-IIQSXNFT.js.map
+//# sourceMappingURL=image-3S7FVECW.js.map

package/dist/dev/index.js

@@ -66,10 +66,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-JBHZ6CNN.js";
+} from "./chunk-UECNYULR.js";
 import {
   define_import_meta_env_default
-} from "./chunk-DB6EMYXB.js";
+} from "./chunk-2NSNU2PO.js";
 import {
   en_default
 } from "./chunk-LIELFD5T.js";
@@ -268,6 +268,7 @@ import {
   getElementsInResizingFrame as getElementsInResizingFrame4,
   getElementsInNewFrame,
   getContainingFrame as getContainingFrame3,
+  orderFramesToBack,
   elementOverlapsWithFrame as elementOverlapsWithFrame2,
   updateFrameMembershipOfSelectedElements as updateFrameMembershipOfSelectedElements4,
   isElementInFrame,
@@ -9641,12 +9642,12 @@ var copyBlobToClipboardAsPng = async (blob) => {
 };
 var copyTextToSystemClipboard = async (text, clipboardEvent) => {
   text = text || "";
-  const entries = Object.entries(
+  const entries2 = Object.entries(
     typeof text === "string" ? { [MIME_TYPES2.text]: text } : text
   );
   try {
     if (clipboardEvent) {
-      for (const [mimeType, value] of entries) {
+      for (const [mimeType, value] of entries2) {
         clipboardEvent.clipboardData?.setData(mimeType, value);
         if (clipboardEvent.clipboardData?.getData(mimeType) !== value) {
           throw new Error("Failed to setData on clipboardEvent");
@@ -9657,7 +9658,7 @@ var copyTextToSystemClipboard = async (text, clipboardEvent) => {
   } catch (error) {
     console.error(error);
   }
-  const plainTextEntry = entries.find(
+  const plainTextEntry = entries2.find(
     ([mimeType]) => mimeType === MIME_TYPES2.text
   );
   if (probablySupportsClipboardWriteText && plainTextEntry) {
@@ -9796,7 +9797,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-IIQSXNFT.js").then(
+        (blob2) => import("./data/image-3S7FVECW.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -20826,12 +20827,12 @@ var HistoryDelta = class extends StoreDelta {
   /**
    * Apply the delta to the passed elements and appState, does not modify the snapshot.
    */
-  applyTo(elements, appState, snapshot) {
+  applyTo(elements, appState, snapshot2) {
     const [nextElements, elementsContainVisibleChange] = this.elements.applyTo(
       elements,
       // used to fallback into local snapshot in case we couldn't apply the delta
       // due to a missing (force deleted) elements in the scene
-      snapshot.elements,
+      snapshot2.elements,
       // we don't want to apply the `version` and `versionNonce` properties for history
       // as we always need to end up with a new version due to collaboration,
       // approaching each undo / redo as a new user action
@@ -31427,6 +31428,90 @@ var VideoChainPanel = forwardRef6(
 );
 VideoChainPanel.displayName = "VideoChainPanel";
 
+// components/video/pendingVideoGenerations.ts
+var entries = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new Map();
+var snapshot = (frameId) => {
+  const entry = entries.get(frameId);
+  return entry ? {
+    prompt: entry.prompt,
+    status: entry.status,
+    progress: entry.progress,
+    error: entry.error
+  } : null;
+};
+var notify5 = (frameId) => {
+  const snap = snapshot(frameId);
+  subscribers.get(frameId)?.forEach((fn) => fn(snap));
+};
+function startPendingVideoGeneration(frameId, prompt, controller) {
+  entries.set(frameId, {
+    prompt,
+    status: "submitting",
+    progress: 0,
+    error: null,
+    controller
+  });
+  notify5(frameId);
+}
+function setPendingVideoStatus(frameId, status) {
+  const entry = entries.get(frameId);
+  if (!entry) {
+    return;
+  }
+  entry.status = status;
+  notify5(frameId);
+}
+function setPendingVideoProgress(frameId, progress) {
+  const entry = entries.get(frameId);
+  if (!entry) {
+    return;
+  }
+  entry.progress = progress;
+  notify5(frameId);
+}
+function finishPendingVideoGeneration(frameId, error) {
+  const entry = entries.get(frameId);
+  if (!entry) {
+    return;
+  }
+  if (error === null || error === "aborted") {
+    entries.delete(frameId);
+  } else {
+    entry.status = "error";
+    entry.error = error;
+    entry.progress = 0;
+  }
+  notify5(frameId);
+}
+function subscribeVideoGeneration(frameId, fn) {
+  let set = subscribers.get(frameId);
+  if (!set) {
+    set = /* @__PURE__ */ new Set();
+    subscribers.set(frameId, set);
+  }
+  set.add(fn);
+}
+function unsubscribeVideoGeneration(frameId, fn) {
+  const set = subscribers.get(frameId);
+  if (!set) {
+    return;
+  }
+  set.delete(fn);
+  if (set.size === 0) {
+    subscribers.delete(frameId);
+  }
+}
+function clearVideoGenerationState(frameId) {
+  entries.delete(frameId);
+}
+function abortPendingVideoGeneration(frameId) {
+  entries.get(frameId)?.controller.abort();
+}
+function getPendingVideoState(frameId) {
+  return snapshot(frameId);
+}
+
 // components/VideoGeneratorPanel.tsx
 import { Fragment as Fragment18, jsx as jsx99, jsxs as jsxs55 } from "react/jsx-runtime";
 var VIDEO_MODEL_CONFIG = {
@@ -31910,7 +31995,8 @@ var VideoGeneratorPanel = ({
     }
     return stopsFor(modelCfg)[0];
   })();
-  const [prompt, setPrompt] = useState37("");
+  const restored = getPendingVideoState(element.id);
+  const [prompt, setPrompt] = useState37(restored?.prompt ?? "");
   const [selectedModel, setSelectedModel] = useState37(defaultModel);
   const [selectedRatio, setSelectedRatio] = useState37(defaultRatio);
   const [selectedResolution, setSelectedResolution] = useState37(defaultResolution);
@@ -31929,9 +32015,13 @@ var VideoGeneratorPanel = ({
   );
   const [chainPhase, setChainPhase] = useState37("idle");
   const chainPanelRef = useRef34(null);
-  const [genStatus, setGenStatus] = useState37("idle");
-  const [progress, setProgress] = useState37(0);
-  const [generateError, setGenerateError] = useState37(null);
+  const [genStatus, setGenStatus] = useState37(
+    restored?.status ?? "idle"
+  );
+  const [progress, setProgress] = useState37(restored?.progress ?? 0);
+  const [generateError, setGenerateError] = useState37(
+    restored?.error ?? null
+  );
   const [modelOpen, setModelOpen] = useState37(false);
   const [settingsOpen, setSettingsOpen] = useState37(false);
   const [frameTypeOpen, setFrameTypeOpen] = useState37(false);
@@ -31950,6 +32040,22 @@ var VideoGeneratorPanel = ({
     elementRef.current = element;
     appRef.current = app;
   });
+  useEffect41(() => {
+    const cb = (state3) => {
+      if (!state3) {
+        setGenStatus("idle");
+        setProgress(0);
+        return;
+      }
+      setGenStatus(state3.status);
+      setProgress(state3.progress);
+      if (state3.error) {
+        setGenerateError(state3.error);
+      }
+    };
+    subscribeVideoGeneration(element.id, cb);
+    return () => unsubscribeVideoGeneration(element.id, cb);
+  }, [element.id]);
   const cfg = VIDEO_MODEL_CONFIG[selectedModel];
   const durationStops = stopsFor(cfg);
   const nativeMax = nativeMaxFor(cfg);
@@ -32166,10 +32272,12 @@ var VideoGeneratorPanel = ({
   const chainIsRunning = chainPhase === "planning" || chainPhase === "generating" || chainPhase === "stitching";
   const isBusy = isGenerating || chainIsRunning;
   const handleStop = useCallback21(() => {
+    abortPendingVideoGeneration(element.id);
     abortControllerRef.current?.abort();
+    clearVideoGenerationState(element.id);
     setGenStatus("idle");
     setProgress(0);
-  }, []);
+  }, [element.id]);
   const handleGenerate = useCallback21(async () => {
     if (!prompt.trim()) {
       setGenerateError("Please enter a prompt.");
@@ -32187,24 +32295,27 @@ var VideoGeneratorPanel = ({
     setGenStatus("submitting");
     setGenerateError(null);
     setProgress(0);
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+    const frameId = element.id;
+    startPendingVideoGeneration(frameId, prompt, controller);
     if (onBeforeVideoGen) {
       try {
         const { allowed, error } = await onBeforeVideoGen();
         if (!allowed) {
-          setGenerateError(
-            error || "Insufficient credits for video generation"
-          );
+          const message = error || "Insufficient credits for video generation";
+          setGenerateError(message);
           setGenStatus("error");
+          finishPendingVideoGeneration(frameId, message);
           return;
         }
       } catch {
         setGenerateError("Credit check failed");
         setGenStatus("error");
+        finishPendingVideoGeneration(frameId, "Credit check failed");
         return;
       }
     }
-    const controller = new AbortController();
-    abortControllerRef.current = controller;
     try {
       const currentCfg = VIDEO_MODEL_CONFIG[selectedModel];
       const cameraPhrase = cameraMovement ? CAMERA_MOVEMENTS.find((c) => c.label === cameraMovement)?.phrase : null;
@@ -32239,10 +32350,14 @@ var VideoGeneratorPanel = ({
         videoGenUrl
       );
       setGenStatus("polling");
+      setPendingVideoStatus(frameId, "polling");
       const { videoPresignedUrl } = await pollVideoJob(
         jobId,
         videoGenStatusUrl,
-        (p) => setProgress(p),
+        (p) => {
+          setProgress(p);
+          setPendingVideoProgress(frameId, p);
+        },
         controller.signal
       );
       appRef.current.insertGeneratedVideoIntoFrame(
@@ -32260,21 +32375,24 @@ var VideoGeneratorPanel = ({
       setPrompt("");
       setFirstFrame(null);
       setLastFrame(null);
+      finishPendingVideoGeneration(frameId, null);
       onAfterVideoGen?.();
     } catch (err) {
       if (err instanceof Error && err.name === "AbortError") {
         setGenStatus("idle");
+        finishPendingVideoGeneration(frameId, "aborted");
       } else {
-        setGenerateError(
-          err instanceof Error ? err.message : "Generation failed"
-        );
+        const message = err instanceof Error ? err.message : "Generation failed";
+        setGenerateError(message);
         setGenStatus("error");
+        finishPendingVideoGeneration(frameId, message);
       }
     } finally {
       abortControllerRef.current = null;
     }
   }, [
     prompt,
+    element.id,
     segmentCount,
     videoGenUrl,
     videoGenStatusUrl,
@@ -36093,8 +36211,8 @@ var UserList = React48.memo(
         if (!supportsResizeObserver) {
           return;
         }
-        const resizeObserver = new ResizeObserver((entries) => {
-          for (const entry of entries) {
+        const resizeObserver = new ResizeObserver((entries2) => {
+          for (const entry of entries2) {
             const { width } = entry.contentRect;
             updateMaxAvatars(width);
           }
@@ -55013,7 +55131,7 @@ var App = class _App extends React64.Component {
       }
       return true;
     }).concat(iframeLikes);
-    return elements;
+    return orderFramesToBack(elements);
   }
   getElementHitThreshold(element) {
     return Math.max(