camox 0.3.0 → 0.3.1

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

@@ -1,23 +1,54 @@
 import { cn } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileIcon } from "lucide-react";
 //#region src/features/content/components/AssetCard.tsx
-var AssetCard = ({ file, selected, onSelect, onOpen }) => {
-	const isImage = file.mimeType?.startsWith("image/");
-	const extension = file.filename?.split(".").pop()?.toUpperCase() ?? "";
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		"data-asset-id": file.id,
-		className: cn("group flex flex-col gap-1.5 rounded-lg p-2 text-left border-2 border-transparent", selected ? "bg-primary/20 border-2 border-primary" : "hover:bg-accent/75"),
-		onClick: (e) => {
+var AssetCard = (t0) => {
+	const $ = c(25);
+	const { file, selected, onSelect, onOpen } = t0;
+	let t1;
+	if ($[0] !== file.mimeType) {
+		t1 = file.mimeType?.startsWith("image/");
+		$[0] = file.mimeType;
+		$[1] = t1;
+	} else t1 = $[1];
+	const isImage = t1;
+	let t2;
+	if ($[2] !== file.filename) {
+		t2 = file.filename?.split(".").pop()?.toUpperCase() ?? "";
+		$[2] = file.filename;
+		$[3] = t2;
+	} else t2 = $[3];
+	const extension = t2;
+	const t3 = file.id;
+	const t4 = selected ? "bg-primary/20 border-2 border-primary" : "hover:bg-accent/75";
+	let t5;
+	if ($[4] !== t4) {
+		t5 = cn("group flex flex-col gap-1.5 rounded-lg p-2 text-left border-2 border-transparent", t4);
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== onSelect) {
+		t6 = (e) => {
 			e.stopPropagation();
 			onSelect();
-		},
-		onDoubleClick: (e) => {
-			e.stopPropagation();
+		};
+		$[6] = onSelect;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== onOpen) {
+		t7 = (e_0) => {
+			e_0.stopPropagation();
 			onOpen();
-		},
-		children: [/* @__PURE__ */ jsx("div", {
+		};
+		$[8] = onOpen;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== extension || $[11] !== file.alt || $[12] !== file.filename || $[13] !== file.url || $[14] !== isImage) {
+		t8 = /* @__PURE__ */ jsx("div", {
 			className: "bg-muted flex aspect-4/3 w-full items-center justify-center overflow-hidden rounded-md",
 			children: isImage ? /* @__PURE__ */ jsx("img", {
 				src: file.url,
@@ -31,11 +62,42 @@ var AssetCard = ({ file, selected, onSelect, onOpen }) => {
 					children: extension
 				})]
 			})
-		}), /* @__PURE__ */ jsx("p", {
+		});
+		$[10] = extension;
+		$[11] = file.alt;
+		$[12] = file.filename;
+		$[13] = file.url;
+		$[14] = isImage;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== file.filename) {
+		t9 = /* @__PURE__ */ jsx("p", {
 			className: "line-clamp-2 px-0.5 text-xs break-all",
 			children: file.filename
-		})]
-	});
+		});
+		$[16] = file.filename;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== file.id || $[19] !== t5 || $[20] !== t6 || $[21] !== t7 || $[22] !== t8 || $[23] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"data-asset-id": t3,
+			className: t5,
+			onClick: t6,
+			onDoubleClick: t7,
+			children: [t8, t9]
+		});
+		$[18] = file.id;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	return t10;
 };
 //#endregion
 export { AssetCard };

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

@@ -1,11 +1,18 @@
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Skeleton } from "@camox/ui/skeleton";
 //#region src/features/content/components/AssetCardSkeleton.tsx
 var AssetCardSkeleton = () => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-1.5 rounded-lg p-2",
-		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "mx-0.5 h-3.5 w-3/4" })]
-	});
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1.5 rounded-lg p-2",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "mx-0.5 h-3.5 w-3/4" })]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 //#endregion
 export { AssetCardSkeleton };

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

@@ -1,15 +1,22 @@
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ImageIcon } from "lucide-react";
 //#region src/features/content/components/ContentSidebar.tsx
 var ContentSidebar = () => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex w-[220px] flex-col border-r-2 p-2",
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			className: "bg-accent text-accent-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium",
-			children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4" }), "Assets"]
-		})
-	});
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: "flex w-[220px] flex-col border-r-2 p-2",
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: "bg-accent text-accent-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium",
+				children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4" }), "Assets"]
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 //#endregion
 export { ContentSidebar };

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

@@ -1,41 +1,60 @@
 import { cn } from "../../../lib/utils.js";
-import { useCallback, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload } from "lucide-react";
 //#region src/features/content/components/UploadDropZone.tsx
-function UploadDropZone({ onDrop, children, className, label = "Drop files to upload" }) {
+function UploadDropZone(t0) {
+	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);
-	const handleDragEnter = useCallback((e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		dragCounter.current++;
-		if (dragCounter.current === 1) setIsDragging(true);
-	}, []);
-	const handleDragLeave = useCallback((e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		dragCounter.current--;
-		if (dragCounter.current === 0) setIsDragging(false);
-	}, []);
-	const handleDragOver = useCallback((e) => {
-		e.preventDefault();
-		e.stopPropagation();
-	}, []);
-	const handleDrop = useCallback((e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		dragCounter.current = 0;
-		setIsDragging(false);
-		if (e.dataTransfer.files.length > 0) onDrop(e.dataTransfer.files);
-	}, [onDrop]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative min-h-full", className),
-		onDragEnter: handleDragEnter,
-		onDragLeave: handleDragLeave,
-		onDragOver: handleDragOver,
-		onDrop: handleDrop,
-		children: [children, isDragging && /* @__PURE__ */ jsx("div", {
+	let t2;
+	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);
+		};
+		$[0] = t2;
+	} else t2 = $[0];
+	const handleDragEnter = t2;
+	let t3;
+	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);
+		};
+		$[1] = t3;
+	} else t3 = $[1];
+	const handleDragLeave = t3;
+	const handleDragOver = _temp;
+	let t4;
+	if ($[2] !== onDrop) {
+		t4 = (e_2) => {
+			e_2.preventDefault();
+			e_2.stopPropagation();
+			dragCounter.current = 0;
+			setIsDragging(false);
+			if (e_2.dataTransfer.files.length > 0) onDrop(e_2.dataTransfer.files);
+		};
+		$[2] = onDrop;
+		$[3] = t4;
+	} else t4 = $[3];
+	const handleDrop = t4;
+	let t5;
+	if ($[4] !== className) {
+		t5 = cn("relative min-h-full", className);
+		$[4] = className;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	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", {
 				className: "border-primary flex h-full w-full flex-col items-center justify-center gap-2 rounded-lg border-3 border-dashed",
@@ -44,8 +63,32 @@ function UploadDropZone({ onDrop, children, className, label = "Drop files to up
 					children: label
 				})]
 			})
-		})]
-	});
+		});
+		$[6] = isDragging;
+		$[7] = label;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== children || $[10] !== handleDrop || $[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			onDragEnter: handleDragEnter,
+			onDragLeave: handleDragLeave,
+			onDragOver: handleDragOver,
+			onDrop: handleDrop,
+			children: [children, t6]
+		});
+		$[9] = children;
+		$[10] = handleDrop;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+function _temp(e_1) {
+	e_1.preventDefault();
+	e_1.stopPropagation();
 }
 //#endregion
 export { UploadDropZone };

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

@@ -1,71 +1,214 @@
+import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, Check, ChevronDown, ChevronUp, File, Loader2, X } from "lucide-react";
 //#region src/features/content/components/UploadProgressDrawer.tsx
-function UploadProgressDrawer({ uploads, onClose }) {
+function UploadProgressDrawer(t0) {
+	const $ = c(22);
+	const { uploads, onClose } = t0;
 	const [collapsed, setCollapsed] = useState(false);
 	if (uploads.length === 0) return null;
-	const completedCount = uploads.filter((u) => u.status === "complete").length;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "border-border bg-background fixed right-4 bottom-4 z-50 w-80 rounded-lg border shadow-lg",
-		children: [/* @__PURE__ */ jsxs("div", {
+	let t1;
+	if ($[0] !== uploads) {
+		t1 = uploads.filter(_temp);
+		$[0] = uploads;
+		$[1] = t1;
+	} else t1 = $[1];
+	const completedCount = t1.length;
+	const headerText = completedCount === uploads.length ? `${completedCount} upload${completedCount !== 1 ? "s" : ""} complete` : `Uploading ${uploads.length} file${uploads.length !== 1 ? "s" : ""}`;
+	let t2;
+	if ($[2] !== headerText) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-medium",
+			children: headerText
+		});
+		$[2] = headerText;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setCollapsed(_temp2);
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== collapsed) {
+		t4 = /* @__PURE__ */ jsx("button", {
+			onClick: t3,
+			className: "hover:bg-muted rounded p-1",
+			children: collapsed ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+		});
+		$[5] = collapsed;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" });
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== onClose) {
+		t6 = /* @__PURE__ */ jsx("button", {
+			onClick: onClose,
+			className: "hover:bg-muted rounded p-1",
+			children: t5
+		});
+		$[8] = onClose;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t4 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			children: [t4, t6]
+		});
+		$[10] = t4;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== t2 || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "border-border flex items-center justify-between border-b px-3 py-2",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-sm font-medium",
-				children: completedCount === uploads.length ? `${completedCount} upload${completedCount !== 1 ? "s" : ""} complete` : `Uploading ${uploads.length} file${uploads.length !== 1 ? "s" : ""}`
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ jsx("button", {
-					onClick: () => setCollapsed((c) => !c),
-					className: "hover:bg-muted rounded p-1",
-					children: collapsed ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ jsx("button", {
-					onClick: onClose,
-					className: "hover:bg-muted rounded p-1",
-					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-				})]
-			})]
-		}), !collapsed && /* @__PURE__ */ jsx("div", {
+			children: [t2, t7]
+		});
+		$[13] = t2;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== collapsed || $[17] !== uploads) {
+		t9 = !collapsed && /* @__PURE__ */ jsx("div", {
 			className: "max-h-60 overflow-y-auto",
-			children: uploads.map((item) => /* @__PURE__ */ jsx(UploadItemRow, { item }, item.id))
-		})]
-	});
+			children: uploads.map(_temp3)
+		});
+		$[16] = collapsed;
+		$[17] = uploads;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== t8 || $[20] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "border-border bg-background fixed right-4 bottom-4 z-50 w-80 rounded-lg border shadow-lg",
+			children: [t8, t9]
+		});
+		$[19] = t8;
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	return t10;
 }
-function UploadItemRow({ item }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2 px-3 py-2",
-		children: [
-			/* @__PURE__ */ jsx(File, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "min-w-0 flex-1",
-				children: [
-					/* @__PURE__ */ jsx("p", {
-						className: "truncate text-sm",
-						children: item.filename
-					}),
-					item.status === "uploading" && /* @__PURE__ */ jsx("div", {
-						className: "bg-muted mt-1 h-1.5 overflow-hidden rounded-full",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "bg-primary h-full transition-all duration-200",
-							style: { width: `${item.progress}%` }
-						})
-					}),
-					item.status === "error" && /* @__PURE__ */ jsx("p", {
-						className: "text-destructive mt-0.5 text-xs",
-						children: item.error
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "shrink-0",
-				children: [
-					item.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }),
-					item.status === "complete" && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-500" }),
-					item.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4" })
-				]
+function _temp3(item) {
+	return /* @__PURE__ */ jsx(UploadItemRow, { item }, item.id);
+}
+function _temp2(c) {
+	return !c;
+}
+function _temp(u) {
+	return u.status === "complete";
+}
+function UploadItemRow(t0) {
+	const $ = c(26);
+	const { item } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(File, { className: "text-muted-foreground h-4 w-4 shrink-0" });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== item.filename) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: "truncate text-sm",
+			children: item.filename
+		});
+		$[1] = item.filename;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== item.progress || $[4] !== item.status) {
+		t3 = item.status === "uploading" && /* @__PURE__ */ jsx("div", {
+			className: "bg-muted mt-1 h-1.5 overflow-hidden rounded-full",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "bg-primary h-full transition-all duration-200",
+				style: { width: `${item.progress}%` }
 			})
-		]
-	});
+		});
+		$[3] = item.progress;
+		$[4] = item.status;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== item.error || $[7] !== item.status) {
+		t4 = item.status === "error" && /* @__PURE__ */ jsx("p", {
+			className: "text-destructive mt-0.5 text-xs",
+			children: item.error
+		});
+		$[6] = item.error;
+		$[7] = item.status;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 flex-1",
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== item.status) {
+		t6 = item.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" });
+		$[13] = item.status;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== item.status) {
+		t7 = item.status === "complete" && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-500" });
+		$[15] = item.status;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== item.status) {
+		t8 = item.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4" });
+		$[17] = item.status;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t6 || $[20] !== t7 || $[21] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "shrink-0",
+			children: [
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== t5 || $[24] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-3 py-2",
+			children: [
+				t1,
+				t5,
+				t9
+			]
+		});
+		$[23] = t5;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	return t10;
 }
 //#endregion
 export { UploadItemRow, UploadProgressDrawer };

package/dist/features/metadata/sitemap.js

@@ -0,0 +1,15 @@
+import { createORPCClient } from "@orpc/client";
+import { RPCLink } from "@orpc/client/fetch";
+//#region src/features/metadata/sitemap.ts
+async function generateSitemap(origin) {
+	const headers = { "x-environment-name": __CAMOX_ENVIRONMENT_NAME__ };
+	return (await createORPCClient(new RPCLink({
+		url: `${__CAMOX_API_URL__}/rpc`,
+		headers
+	})).pages.listBySlug({ projectSlug: __CAMOX_PROJECT_SLUG__ })).map((page) => ({
+		loc: `${origin}${page.fullPath}`,
+		lastmod: new Date(page.updatedAt).toISOString()
+	}));
+}
+//#endregion
+export { generateSitemap };