camox 0.44.0 → 0.46.0

package/dist/features/content/ContentCollection.js

@@ -0,0 +1,663 @@
+import { reads, useReadQuery, useStudioCache } from "../../lib/studio-reads.js";
+import { useCollectionItemSheet } from "./CollectionItemSheetContext.js";
+import { collectionMutations } from "../../lib/queries.js";
+import { SingleAssetFieldEditor } from "../preview/components/AssetFieldEditor.js";
+import { MultipleAssetFieldEditor } from "../preview/components/MultipleAssetFieldEditor.js";
+import { ReferenceFieldEditor } from "../preview/components/ReferenceFieldEditor.js";
+import { ReferenceListFieldEditor } from "../preview/components/ReferenceListFieldEditor.js";
+import { invalidateCollectionRecordViews } from "../../lib/collection-cache.js";
+import { collectionFormContent, collectionFormDefaults, collectionFormFields } from "./collection-form.js";
+import { DeleteCollectionItemButton } from "./components/DeleteCollectionItemButton.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Input } from "@camox/ui/input";
+import { Label } from "@camox/ui/label";
+import { PanelContent, PanelHeader, PanelTitle } from "@camox/ui/panel";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@camox/ui/sheet";
+import { Switch } from "@camox/ui/switch";
+import { Textarea } from "@camox/ui/textarea";
+import { useForm } from "@tanstack/react-form";
+import { ListIcon, PlusCircleIcon, PlusIcon } from "lucide-react";
+
+//#region src/features/content/ContentCollection.tsx
+const ContentCollection = (t0) => {
+	const $ = c(46);
+	const { projectUuid, collection } = t0;
+	const itemSheet = useCollectionItemSheet();
+	let t1;
+	if ($[0] !== collection.collectionId || $[1] !== projectUuid) {
+		t1 = reads.records({
+			projectUuid,
+			collectionId: collection.collectionId
+		});
+		$[0] = collection.collectionId;
+		$[1] = projectUuid;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: records, isPending, isError, refetch } = useReadQuery(t1);
+	let t2;
+	if ($[3] !== collection.title) {
+		t2 = /* @__PURE__ */ jsx(PanelTitle, { children: collection.title });
+		$[3] = collection.title;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== collection.description) {
+		t3 = collection.description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-2 text-sm",
+			children: collection.description
+		});
+		$[5] = collection.description;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", { children: [t2, t3] });
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== collection.collectionId || $[11] !== itemSheet) {
+		t5 = () => itemSheet.open({ collectionId: collection.collectionId });
+		$[10] = collection.collectionId;
+		$[11] = itemSheet;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(PlusIcon, {
+			"aria-hidden": true,
+			className: "size-4"
+		});
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t5) {
+		t7 = /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			onClick: t5,
+			children: [t6, "Create item"]
+		});
+		$[14] = t5;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t4 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(PanelHeader, {
+			className: "flex items-center justify-between gap-4",
+			children: [t4, t7]
+		});
+		$[16] = t4;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== isPending) {
+		t9 = isPending && /* @__PURE__ */ jsx("p", {
+			role: "status",
+			className: "text-muted-foreground m-auto text-sm",
+			children: "Loading items…"
+		});
+		$[19] = isPending;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== isError || $[22] !== refetch) {
+		t10 = isError && /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			className: "m-auto flex flex-col items-center gap-3",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Could not load items."
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: () => void refetch(),
+				children: "Try again"
+			})]
+		});
+		$[21] = isError;
+		$[22] = refetch;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== collection.collectionId || $[25] !== collection.title || $[26] !== isError || $[27] !== isPending || $[28] !== itemSheet || $[29] !== records?.length) {
+		t11 = !isPending && !isError && records?.length === 0 && /* @__PURE__ */ jsxs("div", {
+			className: "m-auto flex max-w-sm flex-col items-center gap-2 text-center",
+			children: [
+				/* @__PURE__ */ jsx(ListIcon, {
+					"aria-hidden": true,
+					className: "text-muted-foreground mb-2 h-8 w-8"
+				}),
+				/* @__PURE__ */ jsx("h2", {
+					className: "font-medium",
+					children: "No items yet"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-sm",
+					children: [
+						"Items in ",
+						collection.title,
+						" will appear here."
+					]
+				}),
+				/* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					className: "mt-2",
+					onClick: () => itemSheet.open({ collectionId: collection.collectionId }),
+					children: [/* @__PURE__ */ jsx(PlusIcon, {
+						"aria-hidden": true,
+						className: "size-4"
+					}), "Create item"]
+				})
+			]
+		});
+		$[24] = collection.collectionId;
+		$[25] = collection.title;
+		$[26] = isError;
+		$[27] = isPending;
+		$[28] = itemSheet;
+		$[29] = records?.length;
+		$[30] = t11;
+	} else t11 = $[30];
+	let t12;
+	if ($[31] !== collection.collectionId || $[32] !== collection.title || $[33] !== isError || $[34] !== itemSheet || $[35] !== projectUuid || $[36] !== records) {
+		t12 = !isError && records && records.length > 0 && /* @__PURE__ */ jsxs("ul", {
+			"aria-label": `${collection.title} items`,
+			className: "divide-y rounded-md border",
+			children: [records.map((record) => /* @__PURE__ */ jsxs("li", {
+				className: "group hover:bg-accent flex items-center",
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => itemSheet.open({
+						collectionId: collection.collectionId,
+						itemId: record.id
+					}),
+					className: "focus-visible:bg-accent flex min-w-0 flex-1 items-center gap-2 px-4 py-3 text-sm",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: record.label || "Untitled item"
+					}), record.duplicatePageValue && /* @__PURE__ */ jsx("span", {
+						className: "text-destructive shrink-0 text-xs",
+						title: "Another item's page has the same URL. Change one of them before publishing.",
+						children: "Duplicate URL"
+					})]
+				}), /* @__PURE__ */ jsx(DeleteCollectionItemButton, {
+					projectUuid,
+					collectionId: collection.collectionId,
+					id: record.id,
+					label: record.label,
+					compact: true
+				})]
+			}, record.id)), /* @__PURE__ */ jsx("li", {
+				className: "flex justify-start px-2 py-1",
+				children: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "text-muted-foreground hover:text-foreground font-normal",
+					onClick: () => itemSheet.open({ collectionId: collection.collectionId }),
+					children: [/* @__PURE__ */ jsx(PlusCircleIcon, {
+						"aria-hidden": true,
+						className: "size-3.5"
+					}), "Add item"]
+				})
+			})]
+		});
+		$[31] = collection.collectionId;
+		$[32] = collection.title;
+		$[33] = isError;
+		$[34] = itemSheet;
+		$[35] = projectUuid;
+		$[36] = records;
+		$[37] = t12;
+	} else t12 = $[37];
+	let t13;
+	if ($[38] !== t10 || $[39] !== t11 || $[40] !== t12 || $[41] !== t9) {
+		t13 = /* @__PURE__ */ jsxs(PanelContent, {
+			className: "flex flex-col p-4",
+			children: [
+				t9,
+				t10,
+				t11,
+				t12
+			]
+		});
+		$[38] = t10;
+		$[39] = t11;
+		$[40] = t12;
+		$[41] = t9;
+		$[42] = t13;
+	} else t13 = $[42];
+	let t14;
+	if ($[43] !== t13 || $[44] !== t8) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 min-w-0 flex-1 flex-col",
+			children: [t8, t13]
+		});
+		$[43] = t13;
+		$[44] = t8;
+		$[45] = t14;
+	} else t14 = $[45];
+	return t14;
+};
+const fieldLabel = (name, schema) => schema.title ?? name.replace(/([A-Z])/g, " $1").replace(/^./, (letter) => letter.toUpperCase());
+function CollectionItemForm({ contentSchema, label, projectUuid, collectionId, record, initialContent, onSaved }) {
+	const studioCache = useStudioCache();
+	const fields = collectionFormFields(contentSchema, label);
+	const [savedRecord, setSavedRecord] = useState(record);
+	const [error, setError] = useState(null);
+	const create = useMutation(collectionMutations.create());
+	const edit = useMutation(collectionMutations.edit());
+	const [submitting, setSubmitting] = useState(false);
+	const saving = submitting || create.isPending || edit.isPending;
+	const [defaultValues] = useState(() => collectionFormDefaults(fields, savedRecord?.content ?? initialContent));
+	const form = useForm({
+		defaultValues,
+		onSubmit: async ({ value }) => {
+			if (submitting) return;
+			setSubmitting(true);
+			setError(null);
+			try {
+				const scope = {
+					projectUuid,
+					collectionId,
+					content: collectionFormContent(fields, value, savedRecord?.content)
+				};
+				const saved = savedRecord ? await edit.mutateAsync({
+					...scope,
+					id: savedRecord.id
+				}) : await create.mutateAsync(scope);
+				setSavedRecord(saved);
+				studioCache.set(reads.record({
+					projectUuid,
+					collectionId,
+					id: saved.id
+				}), saved);
+				await invalidateCollectionRecordViews(studioCache, projectUuid, collectionId);
+				await onSaved(saved);
+			} catch (error) {
+				const message = error instanceof Error ? error.message : "Please try again.";
+				setError(`Could not save item. ${message}`);
+				await studioCache.invalidate(reads.records({
+					projectUuid,
+					collectionId
+				}));
+			} finally {
+				setSubmitting(false);
+			}
+		}
+	});
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: (event) => {
+			event.preventDefault();
+			form.handleSubmit();
+		},
+		className: "mx-auto w-full max-w-2xl space-y-6",
+		children: [
+			/* @__PURE__ */ jsx("fieldset", {
+				disabled: saving,
+				className: "space-y-6",
+				children: fields.map(([name, schema]) => {
+					const label = fieldLabel(name, schema);
+					return /* @__PURE__ */ jsx(form.Field, {
+						name,
+						children: (field) => /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ jsx(Label, {
+									htmlFor: `collection-${name}`,
+									children: label
+								}),
+								schema.fieldType === "String" && schema.pattern && /* @__PURE__ */ jsx(Input, {
+									id: `collection-${name}`,
+									name: field.name,
+									value: typeof field.state.value === "string" ? field.state.value : "",
+									minLength: schema.minLength,
+									maxLength: schema.maxLength,
+									pattern: schema.pattern,
+									onBlur: field.handleBlur,
+									onChange: (event) => field.handleChange(event.target.value)
+								}),
+								schema.fieldType === "String" && !schema.pattern && /* @__PURE__ */ jsx(Textarea, {
+									id: `collection-${name}`,
+									name: field.name,
+									value: typeof field.state.value === "string" ? field.state.value : "",
+									minLength: schema.minLength,
+									maxLength: schema.maxLength,
+									onBlur: field.handleBlur,
+									onChange: (event) => field.handleChange(event.target.value)
+								}),
+								schema.fieldType === "Embed" && /* @__PURE__ */ jsx(Input, {
+									id: `collection-${name}`,
+									name: field.name,
+									type: "url",
+									value: typeof field.state.value === "string" ? field.state.value : "",
+									pattern: schema.pattern,
+									onBlur: field.handleBlur,
+									onChange: (event) => field.handleChange(event.target.value)
+								}),
+								schema.fieldType === "Enum" && /* @__PURE__ */ jsx("select", {
+									id: `collection-${name}`,
+									name: field.name,
+									className: "border-input bg-background h-9 w-full rounded-md border px-2.5 text-sm",
+									value: typeof field.state.value === "string" ? field.state.value : "",
+									onBlur: field.handleBlur,
+									onChange: (event) => field.handleChange(event.target.value),
+									children: schema.enum?.map((option) => /* @__PURE__ */ jsx("option", {
+										value: option,
+										children: schema.enumLabels?.[option] ?? option
+									}, option))
+								}),
+								schema.fieldType === "Boolean" && /* @__PURE__ */ jsx(Switch, {
+									id: `collection-${name}`,
+									name: field.name,
+									checked: field.state.value === true,
+									onCheckedChange: (checked) => field.handleChange(checked)
+								}),
+								schema.fieldType === "Reference" && schema.collectionId && /* @__PURE__ */ jsx(ReferenceFieldEditor, {
+									collectionId: schema.collectionId,
+									value: field.state.value,
+									onChange: (id) => field.handleChange(id),
+									allowCreate: false
+								}),
+								schema.fieldType === "ReferenceList" && schema.collectionId && /* @__PURE__ */ jsx(ReferenceListFieldEditor, {
+									collectionId: schema.collectionId,
+									value: field.state.value,
+									maxItems: schema.maxItems,
+									onChange: (ids) => field.handleChange(ids),
+									allowCreate: false
+								}),
+								[
+									"Image",
+									"File",
+									"ImageList",
+									"FileList"
+								].includes(schema.fieldType) && /* @__PURE__ */ jsx("fieldset", {
+									"aria-label": label,
+									onBlur: field.handleBlur,
+									children: schema.fieldType.endsWith("List") ? /* @__PURE__ */ jsx(MultipleAssetFieldEditor, {
+										fieldName: name,
+										assetType: schema.fieldType === "ImageList" ? "Image" : "File",
+										currentData: { [name]: field.state.value },
+										onFieldChange: (_, value) => field.handleChange(value),
+										accept: schema.items?.accept ?? schema.accept,
+										resolveLocally: true
+									}) : /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
+										fieldName: name,
+										assetType: schema.fieldType === "Image" ? "Image" : "File",
+										currentData: { [name]: field.state.value },
+										onFieldChange: (_, value) => field.handleChange(value),
+										accept: schema.accept,
+										resolveLocally: true
+									})
+								})
+							]
+						})
+					}, name);
+				})
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-destructive text-sm",
+				children: error
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-3",
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					disabled: saving,
+					children: saving ? "Saving…" : savedRecord ? "Save changes" : "Create item"
+				})
+			})
+		]
+	});
+}
+const ContentCollectionItemEditor = (t0) => {
+	const $ = c(34);
+	const { collectionId, itemId, initialContent, onSaved, projectUuid } = t0;
+	let t1;
+	if ($[0] !== collectionId || $[1] !== itemId || $[2] !== projectUuid) {
+		t1 = reads.record({
+			projectUuid,
+			collectionId,
+			id: itemId ?? ""
+		});
+		$[0] = collectionId;
+		$[1] = itemId;
+		$[2] = projectUuid;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = !!itemId;
+	let t3;
+	if ($[4] !== t2) {
+		t3 = { enabled: t2 };
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const recordQuery = useReadQuery(t1, t3);
+	let t4;
+	if ($[6] !== collectionId || $[7] !== projectUuid) {
+		t4 = reads.collection({
+			projectUuid,
+			collectionId
+		});
+		$[6] = collectionId;
+		$[7] = projectUuid;
+		$[8] = t4;
+	} else t4 = $[8];
+	const { data: definition, isPending, isError, refetch } = useReadQuery(t4);
+	let t5;
+	if ($[9] !== isPending) {
+		t5 = isPending && /* @__PURE__ */ jsx("p", {
+			role: "status",
+			children: "Loading fields…"
+		});
+		$[9] = isPending;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== isError || $[12] !== refetch) {
+		t6 = isError && /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx("p", { children: "Could not load collection fields." }), /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: () => void refetch(),
+				children: "Try again"
+			})]
+		});
+		$[11] = isError;
+		$[12] = refetch;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== itemId || $[15] !== recordQuery) {
+		t7 = itemId && recordQuery.isPending && /* @__PURE__ */ jsx("p", {
+			role: "status",
+			children: "Loading item…"
+		});
+		$[14] = itemId;
+		$[15] = recordQuery;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== itemId || $[18] !== recordQuery) {
+		t8 = itemId && recordQuery.isError && /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx("p", { children: "Could not load item. It may no longer exist." }), /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: () => void recordQuery.refetch(),
+				children: "Try again"
+			})]
+		});
+		$[17] = itemId;
+		$[18] = recordQuery;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== collectionId || $[21] !== definition || $[22] !== initialContent || $[23] !== itemId || $[24] !== onSaved || $[25] !== projectUuid || $[26] !== recordQuery) {
+		t9 = definition && (!itemId || recordQuery.data) && /* @__PURE__ */ jsx(CollectionItemForm, {
+			contentSchema: definition.contentSchema,
+			label: definition.label,
+			projectUuid,
+			collectionId,
+			record: itemId ? recordQuery.data : void 0,
+			initialContent: itemId ? void 0 : initialContent,
+			onSaved
+		}, `${collectionId}:${itemId ?? "new"}`);
+		$[20] = collectionId;
+		$[21] = definition;
+		$[22] = initialContent;
+		$[23] = itemId;
+		$[24] = onSaved;
+		$[25] = projectUuid;
+		$[26] = recordQuery;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== t5 || $[29] !== t6 || $[30] !== t7 || $[31] !== t8 || $[32] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t5,
+			t6,
+			t7,
+			t8,
+			t9
+		] });
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+		$[33] = t10;
+	} else t10 = $[33];
+	return t10;
+};
+const ContentCollectionItemSheet = (t0) => {
+	const $ = c(26);
+	const { projectUuid } = t0;
+	const { close, complete, target } = useCollectionItemSheet();
+	const t1 = !!target;
+	let t2;
+	if ($[0] !== close) {
+		t2 = (open) => !open && close();
+		$[0] = close;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = target?.itemId ? "Edit item" : "New item";
+	let t4;
+	if ($[2] !== t3) {
+		t4 = /* @__PURE__ */ jsx(SheetTitle, { children: t3 });
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const t5 = target?.itemId ? "Update this collection item." : "Create a new collection item.";
+	let t6;
+	if ($[4] !== projectUuid || $[5] !== target) {
+		t6 = target?.itemId && /* @__PURE__ */ jsx(RecordUsage, {
+			projectUuid,
+			collectionId: target.collectionId,
+			id: target.itemId
+		});
+		$[4] = projectUuid;
+		$[5] = target;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== t5 || $[8] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(SheetDescription, { children: [t5, t6] });
+		$[7] = t5;
+		$[8] = t6;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== t4 || $[11] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(SheetHeader, {
+			className: "border-b",
+			children: [t4, t7]
+		});
+		$[10] = t4;
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== complete || $[14] !== projectUuid || $[15] !== target) {
+		t9 = target && /* @__PURE__ */ jsx(ContentCollectionItemEditor, {
+			projectUuid,
+			collectionId: target.collectionId,
+			itemId: target.itemId,
+			initialContent: target.initialContent,
+			onSaved: (record) => complete(target, record)
+		}, `${target.collectionId}:${target.itemId ?? "new"}`);
+		$[13] = complete;
+		$[14] = projectUuid;
+		$[15] = target;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1 overflow-y-auto p-4",
+			children: t9
+		});
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== t10 || $[20] !== t8) {
+		t11 = /* @__PURE__ */ jsxs(SheetContent, {
+			side: "right",
+			className: "gap-0 data-[side=right]:sm:max-w-xl",
+			children: [t8, t10]
+		});
+		$[19] = t10;
+		$[20] = t8;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== t1 || $[23] !== t11 || $[24] !== t2) {
+		t12 = /* @__PURE__ */ jsx(Sheet, {
+			open: t1,
+			onOpenChange: t2,
+			children: t11
+		});
+		$[22] = t1;
+		$[23] = t11;
+		$[24] = t2;
+		$[25] = t12;
+	} else t12 = $[25];
+	return t12;
+};
+/** Where a record is used: how many blocks, repeatable items and records reference it. */
+function RecordUsage(t0) {
+	const $ = c(6);
+	const { projectUuid, collectionId, id } = t0;
+	let t1;
+	if ($[0] !== collectionId || $[1] !== id || $[2] !== projectUuid) {
+		t1 = reads.recordUsageCount({
+			projectUuid,
+			collectionId,
+			id
+		});
+		$[0] = collectionId;
+		$[1] = id;
+		$[2] = projectUuid;
+		$[3] = t1;
+	} else t1 = $[3];
+	const { data: count } = useReadQuery(t1);
+	if (count === void 0) return null;
+	const t2 = count === 0 ? "Not used anywhere." : `Used in ${count} ${count === 1 ? "place" : "places"}.`;
+	let t3;
+	if ($[4] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [" ", t2] });
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+}
+
+//#endregion
+export { ContentCollection, ContentCollectionItemEditor, ContentCollectionItemSheet };