camox 0.74.1 → 0.76.0

package/dist/features/studio/components/DraftBar.js

@@ -1,6 +1,7 @@
 import { cn } from "../../../lib/utils.js";
 import { studioStore } from "../studioStore.js";
 import { plural } from "../draftLabel.js";
+import { useArchiveDraft } from "../useArchiveDraft.js";
 import { useDrafts } from "./DraftsControl.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
@@ -16,16 +17,18 @@ import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 */
 const SETTLE_MS = 1500;
 /**
-* Asks what to do with the draft being viewed, once its edits settle: delete it or publish it.
+* Asks what to do with the draft being viewed, once its edits settle: archive it, unless it's
+* Camox's Catch-up Draft, or publish it.
 * Publishing waits while Camox's agent is mid-turn in the draft, so half a change never goes live;
 * nothing else Camox does holds it here. `stacked` places it in the Preview toolbar's column, just above the toolbar;
 * otherwise it floats at the bottom of the screen on its own.
 */
 function DraftBar(t0) {
-	const $ = c(26);
+	const $ = c(32);
 	const { stacked: t1 } = t0;
 	const stacked = t1 === void 0 ? false : t1;
 	const { projectId, current } = useDrafts();
+	const { archive, archiving } = useArchiveDraft(projectId);
 	const settled = useSettled(current?.id ?? null, current?.lastChangedAt ?? null);
 	let t2;
 	if ($[0] !== current) {
@@ -68,82 +71,90 @@ function DraftBar(t0) {
 		$[9] = t7;
 	} else t7 = $[9];
 	let t8;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(Button, {
+	if ($[10] !== archive || $[11] !== archiving || $[12] !== current.catchUp) {
+		t8 = !current.catchUp && /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "outline",
-			onClick: _temp,
-			children: "Delete"
+			disabled: archiving,
+			onClick: archive,
+			children: "Archive"
 		});
-		$[10] = t8;
-	} else t8 = $[10];
+		$[10] = archive;
+		$[11] = archiving;
+		$[12] = current.catchUp;
+		$[13] = t8;
+	} else t8 = $[13];
 	const t9 = !working;
 	const t10 = working ? 0 : void 0;
 	let t11;
-	if ($[11] !== t10) {
+	if ($[14] !== t10) {
 		t11 = /* @__PURE__ */ jsx("span", { tabIndex: t10 });
-		$[11] = t10;
-		$[12] = t11;
-	} else t11 = $[12];
+		$[14] = t10;
+		$[15] = t11;
+	} else t11 = $[15];
 	const t12 = empty || working;
 	let t13;
-	if ($[13] !== t12) {
+	if ($[16] !== t12) {
 		t13 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			disabled: t12,
-			onClick: _temp2,
+			onClick: _temp,
 			children: "Publish…"
 		});
-		$[13] = t12;
-		$[14] = t13;
-	} else t13 = $[14];
+		$[16] = t12;
+		$[17] = t13;
+	} else t13 = $[17];
 	let t14;
-	if ($[15] !== t11 || $[16] !== t13) {
+	if ($[18] !== t11 || $[19] !== t13) {
 		t14 = /* @__PURE__ */ jsx(TooltipTrigger, {
 			render: t11,
 			children: t13
 		});
-		$[15] = t11;
-		$[16] = t13;
-		$[17] = t14;
-	} else t14 = $[17];
+		$[18] = t11;
+		$[19] = t13;
+		$[20] = t14;
+	} else t14 = $[20];
 	let t15;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
 		t15 = /* @__PURE__ */ jsx(TooltipContent, { children: "Camox's agent is working" });
-		$[18] = t15;
-	} else t15 = $[18];
+		$[21] = t15;
+	} else t15 = $[21];
 	let t16;
-	if ($[19] !== t14 || $[20] !== t9) {
-		t16 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [t8, /* @__PURE__ */ jsxs(Tooltip, {
-				disabled: t9,
-				children: [t14, t15]
-			})]
+	if ($[22] !== t14 || $[23] !== t9) {
+		t16 = /* @__PURE__ */ jsxs(Tooltip, {
+			disabled: t9,
+			children: [t14, t15]
 		});
-		$[19] = t14;
-		$[20] = t9;
-		$[21] = t16;
-	} else t16 = $[21];
+		$[22] = t14;
+		$[23] = t9;
+		$[24] = t16;
+	} else t16 = $[24];
 	let t17;
-	if ($[22] !== t16 || $[23] !== t4 || $[24] !== t7) {
-		t17 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+	if ($[25] !== t16 || $[26] !== t8) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t8, t16]
+		});
+		$[25] = t16;
+		$[26] = t8;
+		$[27] = t17;
+	} else t17 = $[27];
+	let t18;
+	if ($[28] !== t17 || $[29] !== t4 || $[30] !== t7) {
+		t18 = /* @__PURE__ */ jsxs(FloatingToolbar, {
 			"aria-label": "Draft",
 			className: t4,
-			children: [t7, t16]
+			children: [t7, t17]
 		});
-		$[22] = t16;
-		$[23] = t4;
-		$[24] = t7;
-		$[25] = t17;
-	} else t17 = $[25];
-	return t17;
-}
-function _temp2() {
-	return studioStore.send({ type: "openReviewDraftDialog" });
+		$[28] = t17;
+		$[29] = t4;
+		$[30] = t7;
+		$[31] = t18;
+	} else t18 = $[31];
+	return t18;
 }
 function _temp() {
-	return studioStore.send({ type: "openDeleteDraftDialog" });
+	return studioStore.send({ type: "openReviewDraftDialog" });
 }
 /**
 * Whether the draft went without a change for `SETTLE_MS`. Once settled it stays so for that

package/dist/features/studio/components/DraftNotices.js

@@ -0,0 +1,149 @@
+import { useDraftScope } from "../../../lib/draft-scope.js";
+import { AuthContext } from "../../../lib/auth.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { draftNoticeMessage } from "../draftNotice.js";
+import { useRestoreDraft } from "../useRestoreDraft.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "@camox/ui/toaster";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Spinner } from "@camox/ui/spinner";
+
+//#region src/features/studio/components/DraftNotices.tsx
+/**
+* Says why the studio shows Live when the draft a member opened, or was in, can't be shown. A
+* draft that's only archived can come back (ADR 0046), so a dialog says so and offers to restore
+* it; anything else is a toast. Opening the link restores nothing by itself.
+*/
+function DraftNotices() {
+	const $ = c(34);
+	const draftScope = useDraftScope();
+	const [archived, setArchived] = React.useState(null);
+	let t0;
+	let t1;
+	if ($[0] !== draftScope) {
+		t0 = () => draftScope.onNotice((notice) => {
+			if (notice.reason === "archived") setArchived(notice);
+			else toast(draftNoticeMessage(notice));
+		});
+		t1 = [draftScope];
+		$[0] = draftScope;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+	const { projectUuid } = React.useContext(AuthContext);
+	let t2;
+	if ($[3] !== projectUuid) {
+		t2 = reads.project({ projectUuid });
+		$[3] = projectUuid;
+		$[4] = t2;
+	} else t2 = $[4];
+	const { data: project } = useReadQuery(t2);
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = { onRestored: () => setArchived(null) };
+		$[5] = t3;
+	} else t3 = $[5];
+	const { restore, restoring } = useRestoreDraft(project?.id, t3);
+	const t4 = archived !== null;
+	let t5;
+	if ($[6] !== restoring) {
+		t5 = (open) => {
+			if (!open && !restoring) setArchived(null);
+		};
+		$[6] = restoring;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: "This draft is archived" });
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== archived) {
+		t7 = archived && draftNoticeMessage(archived);
+		$[9] = archived;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t6, /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [t7, " Restore it to pick up where it stopped."] })] });
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	const t9 = restoring !== void 0;
+	let t10;
+	if ($[13] !== t9) {
+		t10 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			size: "default",
+			disabled: t9,
+			children: "Stay on Live"
+		});
+		$[13] = t9;
+		$[14] = t10;
+	} else t10 = $[14];
+	const t11 = restoring !== void 0 || !project;
+	let t12;
+	if ($[15] !== archived || $[16] !== restore) {
+		t12 = () => {
+			if (archived) restore(archived.draftId);
+		};
+		$[15] = archived;
+		$[16] = restore;
+		$[17] = t12;
+	} else t12 = $[17];
+	let t13;
+	if ($[18] !== restoring) {
+		t13 = restoring !== void 0 ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[18] = restoring;
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] !== t11 || $[21] !== t12 || $[22] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+			disabled: t11,
+			onClick: t12,
+			children: [t13, "Restore"]
+		});
+		$[20] = t11;
+		$[21] = t12;
+		$[22] = t13;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== t10 || $[25] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t10, t14] });
+		$[24] = t10;
+		$[25] = t14;
+		$[26] = t15;
+	} else t15 = $[26];
+	let t16;
+	if ($[27] !== t15 || $[28] !== t8) {
+		t16 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t8, t15] });
+		$[27] = t15;
+		$[28] = t8;
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== t16 || $[31] !== t4 || $[32] !== t5) {
+		t17 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: t4,
+			onOpenChange: t5,
+			children: t16
+		});
+		$[30] = t16;
+		$[31] = t4;
+		$[32] = t5;
+		$[33] = t17;
+	} else t17 = $[33];
+	return t17;
+}
+
+//#endregion
+export { DraftNotices };