@ai-matrx/capture 0.5.3 → 0.5.4

package/dist/react.d.cts

@@ -231,6 +231,9 @@ interface CaptureMediaItem {
     /** Async URL resolution for persisted items. Called at most once per key
      *  while cached; concurrent callers share the in-flight promise. */
     resolve?: () => Promise<ResolvedMedia>;
+    /** Fresh bytes for pixel editing. Persisted hosts should provide this
+     *  instead of asking the editor to borrow a cache-owned viewer URL. */
+    resolveEditBlob?: () => Promise<Blob>;
     /** Upload/processing state — the filmstrip renders it honestly. */
     status?: "ready" | "uploading" | "error";
     /** Accent ring on the filmstrip tile (e.g. a delineator frame). */

package/dist/react.d.ts

@@ -231,6 +231,9 @@ interface CaptureMediaItem {
     /** Async URL resolution for persisted items. Called at most once per key
      *  while cached; concurrent callers share the in-flight promise. */
     resolve?: () => Promise<ResolvedMedia>;
+    /** Fresh bytes for pixel editing. Persisted hosts should provide this
+     *  instead of asking the editor to borrow a cache-owned viewer URL. */
+    resolveEditBlob?: () => Promise<Blob>;
     /** Upload/processing state — the filmstrip renders it honestly. */
     status?: "ready" | "uploading" | "error";
     /** Accent ring on the filmstrip tile (e.g. a delineator frame). */

package/dist/react.js

@@ -661,6 +661,16 @@ function invalidateMedia(key) {
   if (entry?.revoke && entry.url) URL.revokeObjectURL(entry.url);
   notify(key);
 }
+async function prepareMediaForEdit(item) {
+  if (item.resolveEditBlob) {
+    const blob = await item.resolveEditBlob();
+    if (blob.size === 0) throw new Error("media snapshot was empty");
+    return { url: URL.createObjectURL(blob), revoke: true };
+  }
+  const url = item.src ?? getMediaUrl(item);
+  if (!url) throw new Error("media item has no editable source");
+  return { url, revoke: false };
+}
 function useMediaUrl(item) {
   const [, bump] = useState2(0);
   const key = item?.key ?? null;
@@ -1549,6 +1559,10 @@ function CameraCapture({
   const [optionsOpen, setOptionsOpen] = useState5(false);
   const [viewerKey, setViewerKey] = useState5(null);
   const [editTarget, setEditTarget] = useState5(null);
+  const [editPreparing, setEditPreparing] = useState5(false);
+  const [editPreparationError, setEditPreparationError] = useState5(
+    null
+  );
   const [gridOn, setGridOn] = useState5(false);
   const [timerSetting, setTimerSetting] = useState5(0);
   const [aspect, setAspect] = useState5("full");
@@ -1573,6 +1587,12 @@ function CameraCapture({
   useEffect5(() => {
     onReviewOpenChange?.(reviewOpen);
   }, [reviewOpen, onReviewOpenChange]);
+  useEffect5(
+    () => () => {
+      if (editTarget?.revoke) URL.revokeObjectURL(editTarget.url);
+    },
+    [editTarget]
+  );
   const clearCountdown = useCallback4(() => {
     if (countdownRef.current) clearInterval(countdownRef.current);
     countdownRef.current = null;
@@ -1886,8 +1906,16 @@ function CameraCapture({
           invalidateMedia(item.key);
         } : void 0,
         onEdit: media.onReplacePhoto ? (item) => {
-          const url = getMediaUrl(item);
-          if (url) setEditTarget({ key: item.key, url });
+          if (editPreparing) return;
+          setEditPreparing(true);
+          setEditPreparationError(null);
+          void prepareMediaForEdit(item).then(
+            (prepared) => setEditTarget({ key: item.key, ...prepared })
+          ).catch(
+            () => setEditPreparationError(
+              "This photo could not be prepared for editing. Try again."
+            )
+          ).finally(() => setEditPreparing(false));
         } : void 0
       }
     ),
@@ -1908,6 +1936,14 @@ function CameraCapture({
         }
       }
     ),
+    editPreparationError && /* @__PURE__ */ jsx12(
+      "p",
+      {
+        role: "alert",
+        className: "fixed inset-x-4 bottom-24 z-[70] rounded-xl bg-black/85 px-4 py-3 text-center text-sm text-[#FF6961]",
+        children: editPreparationError
+      }
+    ),
     slots.overlays
   ] });
 }
@@ -2206,7 +2242,9 @@ function CameraCaptureV3({
   slots = {}
 }) {
   const [viewerKey, setViewerKey] = useState8(null);
-  const [editTarget, setEditTarget] = useState8(
+  const [editTarget, setEditTarget] = useState8(null);
+  const [editPreparing, setEditPreparing] = useState8(false);
+  const [editPreparationError, setEditPreparationError] = useState8(
     null
   );
   const [gridOn, setGridOn] = useState8(false);
@@ -2220,6 +2258,12 @@ function CameraCaptureV3({
   useEffect7(() => {
     onReviewOpenChange?.(reviewOpen);
   }, [reviewOpen, onReviewOpenChange]);
+  useEffect7(
+    () => () => {
+      if (editTarget?.revoke) URL.revokeObjectURL(editTarget.url);
+    },
+    [editTarget]
+  );
   const clearCountdown = useCallback6(() => {
     if (countdownRef.current) clearInterval(countdownRef.current);
     countdownRef.current = null;
@@ -2438,8 +2482,16 @@ function CameraCaptureV3({
           invalidateMedia(item.key);
         } : void 0,
         onEdit: media.onReplacePhoto ? (item) => {
-          const url = getMediaUrl(item);
-          if (url) setEditTarget({ key: item.key, url });
+          if (editPreparing) return;
+          setEditPreparing(true);
+          setEditPreparationError(null);
+          void prepareMediaForEdit(item).then(
+            (prepared) => setEditTarget({ key: item.key, ...prepared })
+          ).catch(
+            () => setEditPreparationError(
+              "This photo could not be prepared for editing. Try again."
+            )
+          ).finally(() => setEditPreparing(false));
         } : void 0
       }
     ),
@@ -2460,6 +2512,14 @@ function CameraCaptureV3({
         }
       }
     ),
+    editPreparationError && /* @__PURE__ */ jsx15(
+      "p",
+      {
+        role: "alert",
+        className: "fixed inset-x-4 bottom-24 z-[70] rounded-xl bg-black/85 px-4 py-3 text-center text-sm text-[#FF6961]",
+        children: editPreparationError
+      }
+    ),
     slots.overlays
   ] });
 }