camox 0.44.0 → 0.46.0

package/dist/features/content/components/DeleteCollectionItemButton.js

@@ -0,0 +1,202 @@
+import { reads, useStudioCache } from "../../../lib/studio-reads.js";
+import { collectionMutations } from "../../../lib/queries.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Trash2Icon } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@camox/ui/alert-dialog";
+
+//#region src/features/content/components/DeleteCollectionItemButton.tsx
+function DeleteCollectionItemButton(t0) {
+	const $ = c(48);
+	const { projectUuid, collectionId, id, label, compact: t1, disabled: t2, onDeleted } = t0;
+	const compact = t1 === void 0 ? false : t1;
+	const disabled = t2 === void 0 ? false : t2;
+	const studioCache = useStudioCache();
+	const [target, setTarget] = useState(null);
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = collectionMutations.delete();
+		$[0] = t3;
+	} else t3 = $[0];
+	const deletion = useMutation(t3);
+	let t4;
+	if ($[1] !== collectionId || $[2] !== deletion || $[3] !== id || $[4] !== onDeleted || $[5] !== projectUuid || $[6] !== studioCache || $[7] !== target) {
+		t4 = async () => {
+			if (!target || deletion.isPending) return;
+			try {
+				await deletion.mutateAsync({
+					projectUuid,
+					collectionId,
+					id
+				});
+			} catch {
+				return;
+			}
+			setTarget(null);
+			await onDeleted?.();
+			studioCache.remove(reads.record({
+				projectUuid,
+				collectionId,
+				id
+			}));
+			await studioCache.invalidate(reads.records({
+				projectUuid,
+				collectionId
+			}));
+		};
+		$[1] = collectionId;
+		$[2] = deletion;
+		$[3] = id;
+		$[4] = onDeleted;
+		$[5] = projectUuid;
+		$[6] = studioCache;
+		$[7] = target;
+		$[8] = t4;
+	} else t4 = $[8];
+	const confirmDelete = t4;
+	const t5 = !!target;
+	let t6;
+	if ($[9] !== deletion || $[10] !== label) {
+		t6 = (open) => {
+			if (deletion.isPending) return;
+			deletion.reset();
+			setTarget(open ? { label: label || "Untitled item" } : null);
+		};
+		$[9] = deletion;
+		$[10] = label;
+		$[11] = t6;
+	} else t6 = $[11];
+	const t7 = compact ? "ghost" : "destructive";
+	const t8 = compact ? "icon-sm" : "default";
+	const t9 = compact ? `Delete ${label || "Untitled item"}` : void 0;
+	const t10 = compact ? "text-destructive mr-2 shrink-0 group-focus-within:opacity-100 group-hover:opacity-100 [@media(hover:hover)]:opacity-0" : "ml-auto";
+	let t11;
+	if ($[12] !== disabled || $[13] !== t10 || $[14] !== t7 || $[15] !== t8 || $[16] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: t7,
+			size: t8,
+			disabled,
+			"aria-label": t9,
+			className: t10
+		});
+		$[12] = disabled;
+		$[13] = t10;
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Trash2Icon, { "aria-hidden": true });
+		$[18] = t12;
+	} else t12 = $[18];
+	const t13 = !compact && "Delete item";
+	let t14;
+	if ($[19] !== t11 || $[20] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(AlertDialogTrigger, {
+			render: t11,
+			children: [t12, t13]
+		});
+		$[19] = t11;
+		$[20] = t13;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete item?" });
+		$[22] = t15;
+	} else t15 = $[22];
+	const t16 = target?.label;
+	let t17;
+	if ($[23] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t15, /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+			"Delete “",
+			t16,
+			"”? This cannot be undone. Media-library files will be kept."
+		] })] });
+		$[23] = t16;
+		$[24] = t17;
+	} else t17 = $[24];
+	let t18;
+	if ($[25] !== deletion.error || $[26] !== deletion.isError) {
+		t18 = deletion.isError && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-destructive text-sm",
+			children: deletion.error.message
+		});
+		$[25] = deletion.error;
+		$[26] = deletion.isError;
+		$[27] = t18;
+	} else t18 = $[27];
+	let t19;
+	if ($[28] !== deletion.isPending) {
+		t19 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			disabled: deletion.isPending,
+			children: "Cancel"
+		});
+		$[28] = deletion.isPending;
+		$[29] = t19;
+	} else t19 = $[29];
+	let t20;
+	if ($[30] !== confirmDelete) {
+		t20 = () => void confirmDelete();
+		$[30] = confirmDelete;
+		$[31] = t20;
+	} else t20 = $[31];
+	const t21 = deletion.isPending ? "Deleting…" : "Delete item";
+	let t22;
+	if ($[32] !== deletion.isPending || $[33] !== t20 || $[34] !== t21) {
+		t22 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			type: "button",
+			variant: "destructive",
+			disabled: deletion.isPending,
+			onClick: t20,
+			children: t21
+		});
+		$[32] = deletion.isPending;
+		$[33] = t20;
+		$[34] = t21;
+		$[35] = t22;
+	} else t22 = $[35];
+	let t23;
+	if ($[36] !== t19 || $[37] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t19, t22] });
+		$[36] = t19;
+		$[37] = t22;
+		$[38] = t23;
+	} else t23 = $[38];
+	let t24;
+	if ($[39] !== t17 || $[40] !== t18 || $[41] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+			t17,
+			t18,
+			t23
+		] });
+		$[39] = t17;
+		$[40] = t18;
+		$[41] = t23;
+		$[42] = t24;
+	} else t24 = $[42];
+	let t25;
+	if ($[43] !== t14 || $[44] !== t24 || $[45] !== t5 || $[46] !== t6) {
+		t25 = /* @__PURE__ */ jsxs(AlertDialog, {
+			open: t5,
+			onOpenChange: t6,
+			children: [t14, t24]
+		});
+		$[43] = t14;
+		$[44] = t24;
+		$[45] = t5;
+		$[46] = t6;
+		$[47] = t25;
+	} else t25 = $[47];
+	return t25;
+}
+
+//#endregion
+export { DeleteCollectionItemButton };

package/dist/features/content/components/MissingFromLocale.js

@@ -0,0 +1,282 @@
+import { useProjectUuid } from "../../../lib/auth.js";
+import { useViewLocale } from "../../../lib/view-locale-context.js";
+import { reads, useReadQuery, useStudioCache } from "../../../lib/studio-reads.js";
+import { localeMutations } from "../../../lib/queries.js";
+import { ContentSidebarGroup } from "./ContentSidebarGroup.js";
+import { localeLabel } from "../../studio/localeOptions.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Undo2Icon } from "lucide-react";
+import { toast } from "@camox/ui/toaster";
+
+//#region src/features/content/components/MissingFromLocale.tsx
+/**
+* The pages and collection records deleted from the language viewed, which Camox no longer
+* translates into it, each with an action adding it back (GLOSSARY: Exclusion). Records show
+* under their collection, while collections show. The default language misses nothing.
+*/
+const MissingFromLocaleGroup = (t0) => {
+	const $ = c(27);
+	const { collections } = t0;
+	const { locale } = useViewLocale();
+	const projectUuid = useProjectUuid();
+	let t1;
+	if ($[0] !== projectUuid) {
+		t1 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = !!projectUuid && !locale.isDefault;
+	let t3;
+	if ($[2] !== t2) {
+		t3 = { enabled: t2 };
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const projectId = useReadQuery(t1, t3).data?.id;
+	let t4;
+	if ($[4] !== projectId) {
+		t4 = reads.missingFromLocale({ projectId: projectId ?? 0 });
+		$[4] = projectId;
+		$[5] = t4;
+	} else t4 = $[5];
+	const t5 = !!projectId && !locale.isDefault;
+	let t6;
+	if ($[6] !== t5) {
+		t6 = { enabled: t5 };
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	const missing = useReadQuery(t4, t6);
+	if (locale.isDefault || !projectId || !missing.data) return null;
+	let T0;
+	let t7;
+	let t8;
+	let t9;
+	if ($[8] !== collections || $[9] !== locale.tag || $[10] !== missing.data || $[11] !== projectId || $[12] !== projectUuid) {
+		t9 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const groups = missingGroups(missing.data, collections);
+			if (groups.length === 0) {
+				t9 = null;
+				break bb0;
+			}
+			let t10;
+			if ($[17] !== locale.tag) {
+				t10 = localeLabel(locale.tag);
+				$[17] = locale.tag;
+				$[18] = t10;
+			} else t10 = $[18];
+			const language = t10;
+			T0 = ContentSidebarGroup;
+			t7 = `Missing from ${language}`;
+			let t11;
+			if ($[19] !== language || $[20] !== projectId || $[21] !== projectUuid) {
+				t11 = (group) => /* @__PURE__ */ jsxs("ul", {
+					"aria-label": group.title,
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx("li", {
+						className: "text-muted-foreground px-2 pt-1 text-xs",
+						children: group.title
+					}), group.entries.map((entry) => /* @__PURE__ */ jsx(MissingEntry, {
+						projectId,
+						projectUuid,
+						language,
+						entry
+					}, entry.id))]
+				}, group.title);
+				$[19] = language;
+				$[20] = projectId;
+				$[21] = projectUuid;
+				$[22] = t11;
+			} else t11 = $[22];
+			t8 = groups.map(t11);
+		}
+		$[8] = collections;
+		$[9] = locale.tag;
+		$[10] = missing.data;
+		$[11] = projectId;
+		$[12] = projectUuid;
+		$[13] = T0;
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+	} else {
+		T0 = $[13];
+		t7 = $[14];
+		t8 = $[15];
+		t9 = $[16];
+	}
+	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
+	let t10;
+	if ($[23] !== T0 || $[24] !== t7 || $[25] !== t8) {
+		t10 = /* @__PURE__ */ jsx(T0, {
+			title: t7,
+			children: t8
+		});
+		$[23] = T0;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t10;
+	} else t10 = $[26];
+	return t10;
+};
+/** What's missing, pages first, then records under each collection shown, in its order. */
+function missingGroups(missing, collections) {
+	const groups = [];
+	if (missing.pages.length > 0) groups.push({
+		title: "Pages",
+		entries: missing.pages.map((page) => ({
+			entity: "page",
+			id: page.id,
+			name: page.nickname || page.fullPath,
+			detail: page.fullPath
+		}))
+	});
+	for (const collection of collections) {
+		const records = missing.records.filter((record) => record.collectionId === collection.collectionId);
+		if (records.length === 0) continue;
+		groups.push({
+			title: collection.title,
+			entries: records.map((record) => ({
+				entity: "record",
+				id: record.id,
+				collectionId: record.collectionId,
+				name: record.label || "Untitled item"
+			}))
+		});
+	}
+	return groups;
+}
+const MissingEntry = (t0) => {
+	const $ = c(35);
+	const { projectId, projectUuid, language, entry } = t0;
+	const cache = useStudioCache();
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = localeMutations.addBack();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== cache || $[2] !== entry.collectionId || $[3] !== entry.name || $[4] !== language || $[5] !== projectId || $[6] !== projectUuid) {
+		t2 = () => {
+			toast.success(`Added “${entry.name}” back to ${language}`, { description: "Camox is translating it." });
+			cache.invalidate(reads.missingFromLocale({ projectId }));
+			if (entry.collectionId) cache.invalidate(reads.records({
+				projectUuid,
+				collectionId: entry.collectionId
+			}));
+			else cache.invalidate(reads.pageList({ projectUuid }));
+		};
+		$[1] = cache;
+		$[2] = entry.collectionId;
+		$[3] = entry.name;
+		$[4] = language;
+		$[5] = projectId;
+		$[6] = projectUuid;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== entry.name) {
+		t3 = (error) => toast.error(error.message || `Could not add “${entry.name}” back`);
+		$[8] = entry.name;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== t2 || $[11] !== t3) {
+		t4 = {
+			...t1,
+			onSuccess: t2,
+			onError: t3
+		};
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	const addBack = useMutation(t4);
+	let t5;
+	if ($[13] !== entry.name) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			title: entry.name,
+			children: entry.name
+		});
+		$[13] = entry.name;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== entry.detail || $[16] !== entry.name) {
+		t6 = entry.detail && entry.detail !== entry.name && /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground truncate text-xs",
+			title: entry.detail,
+			children: entry.detail
+		});
+		$[15] = entry.detail;
+		$[16] = entry.name;
+		$[17] = t6;
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== t5 || $[19] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 flex-1 flex-col",
+			children: [t5, t6]
+		});
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+	} else t7 = $[20];
+	const t8 = `Add ${entry.name} back to ${language}`;
+	const t9 = `Add back to ${language}`;
+	let t10;
+	if ($[21] !== addBack || $[22] !== entry.entity || $[23] !== entry.id || $[24] !== projectId) {
+		t10 = () => addBack.mutate({
+			projectId,
+			entity: entry.entity,
+			id: entry.id
+		});
+		$[21] = addBack;
+		$[22] = entry.entity;
+		$[23] = entry.id;
+		$[24] = projectId;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(Undo2Icon, { "aria-hidden": true });
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== addBack.isPending || $[28] !== t10 || $[29] !== t8 || $[30] !== t9) {
+		t12 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			"aria-label": t8,
+			title: t9,
+			disabled: addBack.isPending,
+			onClick: t10,
+			children: t11
+		});
+		$[27] = addBack.isPending;
+		$[28] = t10;
+		$[29] = t8;
+		$[30] = t9;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== t12 || $[33] !== t7) {
+		t13 = /* @__PURE__ */ jsxs("li", {
+			className: "flex items-center gap-1 rounded-md py-0.5 pr-1 pl-2 text-sm",
+			children: [t7, t12]
+		});
+		$[32] = t12;
+		$[33] = t7;
+		$[34] = t13;
+	} else t13 = $[34];
+	return t13;
+};
+
+//#endregion
+export { MissingFromLocaleGroup };

package/dist/features/content/components/UploadDropZone.js

@@ -6,40 +6,36 @@ import { Upload } from "lucide-react";
 
 //#region src/features/content/components/UploadDropZone.tsx
 function UploadDropZone(t0) {
-	const $ = c(15);
-	if ($[0] !== "e31ae4b0282f0aa7fc6688fbbc94a646974a560b3692e1092a971e6f3bb3f86a") {
-		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e31ae4b0282f0aa7fc6688fbbc94a646974a560b3692e1092a971e6f3bb3f86a";
-	}
+	const $ = c(14);
 	const { onDrop, children, className, label: t1 } = t0;
 	const label = t1 === void 0 ? "Drop files to upload" : t1;
 	const [isDragging, setIsDragging] = useState(false);
 	const dragCounter = useRef(0);
 	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = (e) => {
 			e.preventDefault();
 			e.stopPropagation();
 			dragCounter.current = dragCounter.current + 1;
 			if (dragCounter.current === 1) setIsDragging(true);
 		};
-		$[1] = t2;
-	} else t2 = $[1];
+		$[0] = t2;
+	} else t2 = $[0];
 	const handleDragEnter = t2;
 	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = (e_0) => {
 			e_0.preventDefault();
 			e_0.stopPropagation();
 			dragCounter.current = dragCounter.current - 1;
 			if (dragCounter.current === 0) setIsDragging(false);
 		};
-		$[2] = t3;
-	} else t3 = $[2];
+		$[1] = t3;
+	} else t3 = $[1];
 	const handleDragLeave = t3;
 	const handleDragOver = _temp;
 	let t4;
-	if ($[3] !== onDrop) {
+	if ($[2] !== onDrop) {
 		t4 = (e_2) => {
 			e_2.preventDefault();
 			e_2.stopPropagation();
@@ -47,18 +43,18 @@ function UploadDropZone(t0) {
 			setIsDragging(false);
 			if (e_2.dataTransfer.files.length > 0) onDrop(e_2.dataTransfer.files);
 		};
-		$[3] = onDrop;
-		$[4] = t4;
-	} else t4 = $[4];
+		$[2] = onDrop;
+		$[3] = t4;
+	} else t4 = $[3];
 	const handleDrop = t4;
 	let t5;
-	if ($[5] !== className) {
+	if ($[4] !== className) {
 		t5 = cn("relative min-h-full", className);
-		$[5] = className;
-		$[6] = t5;
-	} else t5 = $[6];
+		$[4] = className;
+		$[5] = t5;
+	} else t5 = $[5];
 	let t6;
-	if ($[7] !== isDragging || $[8] !== label) {
+	if ($[6] !== isDragging || $[7] !== label) {
 		t6 = isDragging && /* @__PURE__ */ jsx("div", {
 			className: "bg-background absolute inset-0 z-40 flex flex-col items-center justify-center gap-2 p-4",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -69,12 +65,12 @@ function UploadDropZone(t0) {
 				})]
 			})
 		});
-		$[7] = isDragging;
-		$[8] = label;
-		$[9] = t6;
-	} else t6 = $[9];
+		$[6] = isDragging;
+		$[7] = label;
+		$[8] = t6;
+	} else t6 = $[8];
 	let t7;
-	if ($[10] !== children || $[11] !== handleDrop || $[12] !== t5 || $[13] !== t6) {
+	if ($[9] !== children || $[10] !== handleDrop || $[11] !== t5 || $[12] !== t6) {
 		t7 = /* @__PURE__ */ jsxs("div", {
 			className: t5,
 			onDragEnter: handleDragEnter,
@@ -83,12 +79,12 @@ function UploadDropZone(t0) {
 			onDrop: handleDrop,
 			children: [children, t6]
 		});
-		$[10] = children;
-		$[11] = handleDrop;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
+		$[9] = children;
+		$[10] = handleDrop;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
 	return t7;
 }
 function _temp(e_1) {