camox 0.34.0 → 0.36.0

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

@@ -1,38 +1,39 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { useDebouncedField } from "../../../hooks/use-debounced-field.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
+import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
 import { c } from "react/compiler-runtime";
-import { Input } from "@camox/ui/input";
-import { Label } from "@camox/ui/label";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { Globe, Info, Pencil, Trash2, Upload } from "lucide-react";
 import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
 import { Spinner } from "@camox/ui/spinner";
+import { toast } from "@camox/ui/toaster";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { Label } from "@camox/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { useForm } from "@tanstack/react-form";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText } from "@camox/ui/input-group";
-import { Switch } from "@camox/ui/switch";
+import { Input } from "@camox/ui/input";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
+import { Switch } from "@camox/ui/switch";
 
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(29);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -130,10 +131,10 @@ const usePageMetadataData = (pageId) => {
 	return t9;
 };
 const PageInfoSidebar = (t0) => {
-	const $ = c(40);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
-		for (let $i = 0; $i < 40; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+	const $ = c(64);
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+		for (let $i = 0; $i < 64; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -273,77 +274,160 @@ const PageInfoSidebar = (t0) => {
 		$[21] = t13;
 	} else t13 = $[21];
 	let t14;
-	if ($[22] !== t9) {
-		t14 = /* @__PURE__ */ jsxs("div", {
+	if ($[22] !== page.createdAt) {
+		t14 = formatRelativeTime(page.createdAt);
+		$[22] = page.createdAt;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== t14) {
+		t15 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Created",
+			children: t14
+		});
+		$[24] = t14;
+		$[25] = t15;
+	} else t15 = $[25];
+	const t16 = page.createdBy ?? "Unknown";
+	let t17;
+	if ($[26] !== t16) {
+		t17 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Created by",
+			children: t16
+		});
+		$[26] = t16;
+		$[27] = t17;
+	} else t17 = $[27];
+	let t18;
+	if ($[28] !== page.updatedAt) {
+		t18 = formatRelativeTime(page.updatedAt);
+		$[28] = page.updatedAt;
+		$[29] = t18;
+	} else t18 = $[29];
+	let t19;
+	if ($[30] !== t18) {
+		t19 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Updated",
+			children: t18
+		});
+		$[30] = t18;
+		$[31] = t19;
+	} else t19 = $[31];
+	let t20;
+	if ($[32] !== page.publishedAt) {
+		t20 = page.publishedAt == null ? "Never" : formatRelativeTime(page.publishedAt);
+		$[32] = page.publishedAt;
+		$[33] = t20;
+	} else t20 = $[33];
+	let t21;
+	if ($[34] !== t20) {
+		t21 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Published",
+			children: t20
+		});
+		$[34] = t20;
+		$[35] = t21;
+	} else t21 = $[35];
+	let t22;
+	if ($[36] !== page.publishedAt || $[37] !== page.publishedBy) {
+		t22 = page.publishedAt != null && /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Published by",
+			children: page.publishedBy ?? "Unknown"
+		});
+		$[36] = page.publishedAt;
+		$[37] = page.publishedBy;
+		$[38] = t22;
+	} else t22 = $[38];
+	let t23;
+	if ($[39] !== t15 || $[40] !== t17 || $[41] !== t19 || $[42] !== t21 || $[43] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Metadata, { children: [
+			t15,
+			t17,
+			t19,
+			t21,
+			t22
+		] });
+		$[39] = t15;
+		$[40] = t17;
+		$[41] = t19;
+		$[42] = t21;
+		$[43] = t22;
+		$[44] = t23;
+	} else t23 = $[44];
+	let t24;
+	if ($[45] !== t23 || $[46] !== t9) {
+		t24 = /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 space-y-4 overflow-auto p-2 pt-4",
 			children: [
 				t9,
 				t11,
-				t13
+				t13,
+				t23
 			]
 		});
-		$[22] = t9;
-		$[23] = t14;
-	} else t14 = $[23];
-	let t15;
-	if ($[24] !== isStructureModalOpen || $[25] !== page.id) {
-		t15 = /* @__PURE__ */ jsx(PageStructureModal, {
+		$[45] = t23;
+		$[46] = t9;
+		$[47] = t24;
+	} else t24 = $[47];
+	let t25;
+	if ($[48] !== isStructureModalOpen || $[49] !== page.id) {
+		t25 = /* @__PURE__ */ jsx(PageStructureModal, {
 			open: isStructureModalOpen,
 			onOpenChange: setIsStructureModalOpen,
 			pageId: page.id
 		});
-		$[24] = isStructureModalOpen;
-		$[25] = page.id;
-		$[26] = t15;
-	} else t15 = $[26];
-	let t16;
-	if ($[27] !== isSeoModalOpen || $[28] !== page.id) {
-		t16 = /* @__PURE__ */ jsx(PageSeoModal, {
+		$[48] = isStructureModalOpen;
+		$[49] = page.id;
+		$[50] = t25;
+	} else t25 = $[50];
+	let t26;
+	if ($[51] !== isSeoModalOpen || $[52] !== page.id) {
+		t26 = /* @__PURE__ */ jsx(PageSeoModal, {
 			open: isSeoModalOpen,
 			onOpenChange: setIsSeoModalOpen,
 			pageId: page.id
 		});
-		$[27] = isSeoModalOpen;
-		$[28] = page.id;
-		$[29] = t16;
-	} else t16 = $[29];
-	const t17 = page.metaDescription ?? "";
-	let t18;
-	if ($[30] !== isMarkdownModalOpen || $[31] !== metaTitle || $[32] !== page.id || $[33] !== t17) {
-		t18 = /* @__PURE__ */ jsx(PageMarkdownModal, {
+		$[51] = isSeoModalOpen;
+		$[52] = page.id;
+		$[53] = t26;
+	} else t26 = $[53];
+	const t27 = page.metaDescription ?? "";
+	let t28;
+	if ($[54] !== isMarkdownModalOpen || $[55] !== metaTitle || $[56] !== page.id || $[57] !== t27) {
+		t28 = /* @__PURE__ */ jsx(PageMarkdownModal, {
 			open: isMarkdownModalOpen,
 			onOpenChange: setIsMarkdownModalOpen,
 			pageId: page.id,
 			metaTitle,
-			metaDescription: t17
+			metaDescription: t27
 		});
-		$[30] = isMarkdownModalOpen;
-		$[31] = metaTitle;
-		$[32] = page.id;
-		$[33] = t17;
-		$[34] = t18;
-	} else t18 = $[34];
-	let t19;
-	if ($[35] !== t14 || $[36] !== t15 || $[37] !== t16 || $[38] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t14,
-			t15,
-			t16,
-			t18
+		$[54] = isMarkdownModalOpen;
+		$[55] = metaTitle;
+		$[56] = page.id;
+		$[57] = t27;
+		$[58] = t28;
+	} else t28 = $[58];
+	let t29;
+	if ($[59] !== t24 || $[60] !== t25 || $[61] !== t26 || $[62] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t24,
+			t25,
+			t26,
+			t28
 		] });
-		$[35] = t14;
-		$[36] = t15;
-		$[37] = t16;
-		$[38] = t18;
-		$[39] = t19;
-	} else t19 = $[39];
-	return t19;
+		$[59] = t24;
+		$[60] = t25;
+		$[61] = t26;
+		$[62] = t28;
+		$[63] = t29;
+	} else t29 = $[63];
+	return t29;
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -452,9 +536,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -586,9 +670,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -762,9 +846,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(11);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -809,9 +893,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -984,9 +1068,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1029,9 +1113,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1114,9 +1198,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1390,9 +1474,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,6 +1,6 @@
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@camox/ui/label";
 import { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "@camox/ui/input-group";