camox 0.51.0 → 0.52.2

package/dist/features/preview/components/RemovedBlockPlaceholder.js

@@ -1,11 +1,10 @@
-import { blockMutations } from "../../../lib/queries.js";
 import { useIsEditable } from "../../../core/hooks/useIsEditable.js";
-import { c } from "react/compiler-runtime";
+import { useStudioNotice } from "../studioNotice.js";
+import { useApplyContentEdit } from "../../../core/editing/contentEdits.js";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useMutation } from "@tanstack/react-query";
 import { Button } from "@camox/ui/button";
 import { Trash2 } from "lucide-react";
-import { toast } from "@camox/ui/toaster";
 
 //#region src/features/preview/components/RemovedBlockPlaceholder.tsx
 /**
@@ -13,82 +12,50 @@ import { toast } from "@camox/ui/toaster";
 * mode it shows this placeholder, whose only action is delete. Its content stays stored and
 * comes back if the definition does.
 */
-function RemovedBlockPlaceholder(t0) {
-	const $ = c(16);
-	const { blockId, type, mode } = t0;
+function RemovedBlockPlaceholder({ blockId, type, mode }) {
 	const isEditable = useIsEditable(mode);
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = blockMutations.delete();
-		$[0] = t1;
-	} else t1 = $[0];
-	const deleteBlock = useMutation(t1);
+	const applyEdit = useApplyContentEdit();
+	const notify = useStudioNotice();
+	const [deleting, setDeleting] = React.useState(false);
 	if (!isEditable) return null;
-	let t2;
-	if ($[1] !== blockId || $[2] !== deleteBlock || $[3] !== type) {
-		t2 = async () => {
-			try {
-				await deleteBlock.mutateAsync({ id: blockId });
-				toast.success(`Deleted "${type}" block`);
-			} catch (t3) {
-				console.error("Failed to delete block:", t3);
-				toast.error("Could not delete block");
-			}
-		};
-		$[1] = blockId;
-		$[2] = deleteBlock;
-		$[3] = type;
-		$[4] = t2;
-	} else t2 = $[4];
-	const handleDelete = t2;
-	let t3;
-	if ($[5] !== type) {
-		t3 = /* @__PURE__ */ jsxs("p", { children: [
+	const handleDelete = async () => {
+		setDeleting(true);
+		try {
+			await applyEdit({
+				type: "deleteBlock",
+				blockId
+			});
+			notify({
+				tone: "success",
+				message: `Deleted "${type}" block`
+			});
+		} catch (error) {
+			console.error("Failed to delete block:", error);
+			notify({
+				tone: "error",
+				message: "Could not delete block"
+			});
+		} finally {
+			setDeleting(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border text-muted-foreground mx-4 my-2 flex items-center justify-between gap-4 rounded-md border border-dashed p-4 text-sm",
+		children: [/* @__PURE__ */ jsxs("p", { children: [
 			"The ",
 			/* @__PURE__ */ jsx("span", {
 				className: "text-foreground font-mono",
 				children: type
 			}),
 			" block definition was removed from code, so this block renders nothing."
-		] });
-		$[5] = type;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== handleDelete) {
-		t4 = () => void handleDelete();
-		$[7] = handleDelete;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Trash2, {});
-		$[9] = t5;
-	} else t5 = $[9];
-	let t6;
-	if ($[10] !== deleteBlock.isPending || $[11] !== t4) {
-		t6 = /* @__PURE__ */ jsxs(Button, {
+		] }), /* @__PURE__ */ jsxs(Button, {
 			variant: "outline",
 			size: "sm",
-			disabled: deleteBlock.isPending,
-			onClick: t4,
-			children: [t5, "Delete"]
-		});
-		$[10] = deleteBlock.isPending;
-		$[11] = t4;
-		$[12] = t6;
-	} else t6 = $[12];
-	let t7;
-	if ($[13] !== t3 || $[14] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: "border-border text-muted-foreground mx-4 my-2 flex items-center justify-between gap-4 rounded-md border border-dashed p-4 text-sm",
-			children: [t3, t6]
-		});
-		$[13] = t3;
-		$[14] = t6;
-		$[15] = t7;
-	} else t7 = $[15];
-	return t7;
+			disabled: deleting,
+			onClick: () => void handleDelete(),
+			children: [/* @__PURE__ */ jsx(Trash2, {}), "Delete"]
+		})]
+	});
 }
 
 //#endregion

package/dist/features/preview/components/RepeatableItemsList.js

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.js";
 import { repeatableItemMutations } from "../../../lib/queries.js";
 import { previewStore, selectionItemId } from "../previewStore.js";
-import { useEditingFrame } from "../editingFrame.js";
 import { PreviewEditingOwnerContext, usePreviewTargetSelection } from "../previewSelection.js";
+import { useEditingFrame } from "../editingFrame.js";
 import { entityName } from "../entityName.js";
 import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
 import { c } from "react/compiler-runtime";