camox 0.65.1 → 0.66.0

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

@@ -98,7 +98,7 @@ function useDrafts() {
 * still names what the studio is viewing.
 */
 function DraftPicker(t0) {
-	const $ = c(64);
+	const $ = c(66);
 	const { disabled: t1 } = t0;
 	const disabled = t1 === void 0 ? false : t1;
 	const { draftScope, draftId, projectId, list, current } = useDrafts();
@@ -149,11 +149,13 @@ function DraftPicker(t0) {
 	} else t6 = $[9];
 	const switchTo = t6;
 	const t7 = !!projectId;
-	let t8;
-	if ($[10] !== draftId || $[11] !== drafts || $[12] !== switchTo || $[13] !== t7) {
-		t8 = {
+	const t8 = current?.name === null;
+	let t9;
+	if ($[10] !== draftId || $[11] !== drafts || $[12] !== switchTo || $[13] !== t7 || $[14] !== t8) {
+		t9 = {
 			enabled: t7,
 			draftId,
+			unnamed: t8,
 			drafts,
 			switchTo
 		};
@@ -162,171 +164,172 @@ function DraftPicker(t0) {
 		$[12] = switchTo;
 		$[13] = t7;
 		$[14] = t8;
-	} else t8 = $[14];
-	useDraftsActions(t8);
+		$[15] = t9;
+	} else t9 = $[15];
+	useDraftsActions(t9);
 	if (draftId && !current) return null;
-	let t9;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(Button, {
+	let t10;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost"
 		});
-		$[15] = t9;
-	} else t9 = $[15];
-	const t10 = draftId ? "bg-blue-500" : "bg-emerald-500";
-	let t11;
-	if ($[16] !== t10) {
-		t11 = cn("size-2 shrink-0 rounded-full", t10);
 		$[16] = t10;
-		$[17] = t11;
-	} else t11 = $[17];
+	} else t10 = $[16];
+	const t11 = draftId ? "bg-blue-500" : "bg-emerald-500";
 	let t12;
-	if ($[18] !== t11) {
-		t12 = /* @__PURE__ */ jsx("span", {
+	if ($[17] !== t11) {
+		t12 = cn("size-2 shrink-0 rounded-full", t11);
+		$[17] = t11;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== t12) {
+		t13 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: t11
+			className: t12
 		});
-		$[18] = t11;
 		$[19] = t12;
-	} else t12 = $[19];
-	let t13;
-	if ($[20] !== current || $[21] !== draftId) {
-		t13 = draftId ? draftLabel(current) : "Live";
-		$[20] = current;
-		$[21] = draftId;
-		$[22] = t13;
-	} else t13 = $[22];
+		$[20] = t13;
+	} else t13 = $[20];
 	let t14;
-	if ($[23] !== t13) {
-		t14 = /* @__PURE__ */ jsx("span", {
+	if ($[21] !== current || $[22] !== draftId) {
+		t14 = draftId ? draftLabel(current) : "Live";
+		$[21] = current;
+		$[22] = draftId;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== t14) {
+		t15 = /* @__PURE__ */ jsx("span", {
 			className: "max-w-48 truncate",
-			children: t13
+			children: t14
 		});
-		$[23] = t13;
 		$[24] = t14;
-	} else t14 = $[24];
-	let t15;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx(ChevronsUpDown, {
-			"aria-hidden": true,
-			className: "size-4 opacity-50"
-		});
 		$[25] = t15;
 	} else t15 = $[25];
 	let t16;
-	if ($[26] !== disabled || $[27] !== t12 || $[28] !== t14) {
-		t16 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx(ChevronsUpDown, {
+			"aria-hidden": true,
+			className: "size-4 opacity-50"
+		});
+		$[26] = t16;
+	} else t16 = $[26];
+	let t17;
+	if ($[27] !== disabled || $[28] !== t13 || $[29] !== t15) {
+		t17 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
 			disabled,
-			render: t9,
+			render: t10,
 			children: [
-				t12,
-				t14,
-				t15
+				t13,
+				t15,
+				t16
 			]
 		});
-		$[26] = disabled;
-		$[27] = t12;
-		$[28] = t14;
-		$[29] = t16;
-	} else t16 = $[29];
-	let t17;
-	if ($[30] !== draftId) {
-		t17 = !draftId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
+		$[27] = disabled;
+		$[28] = t13;
+		$[29] = t15;
+		$[30] = t17;
+	} else t17 = $[30];
+	let t18;
+	if ($[31] !== draftId) {
+		t18 = !draftId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
 			className: "text-muted-foreground font-normal",
 			children: "Live is read-only. Your first edit starts a new draft."
 		}) }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] });
-		$[30] = draftId;
-		$[31] = t17;
-	} else t17 = $[31];
-	const t18 = draftId ?? LIVE;
-	let t19;
-	if ($[32] !== switchTo) {
-		t19 = (value) => switchTo(value === LIVE ? null : String(value));
-		$[32] = switchTo;
-		$[33] = t19;
-	} else t19 = $[33];
+		$[31] = draftId;
+		$[32] = t18;
+	} else t18 = $[32];
+	const t19 = draftId ?? LIVE;
 	let t20;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" });
+	if ($[33] !== switchTo) {
+		t20 = (value) => switchTo(value === LIVE ? null : String(value));
+		$[33] = switchTo;
 		$[34] = t20;
 	} else t20 = $[34];
 	let t21;
 	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ jsx("span", { children: "Live" });
+		t21 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" });
 		$[35] = t21;
 	} else t21 = $[35];
 	let t22;
-	if ($[36] !== list) {
-		t22 = list && /* @__PURE__ */ jsx("span", {
+	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = /* @__PURE__ */ jsx("span", { children: "Live" });
+		$[36] = t22;
+	} else t22 = $[36];
+	let t23;
+	if ($[37] !== list) {
+		t23 = list && /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-xs",
 			children: liveLine(list.live)
 		});
-		$[36] = list;
-		$[37] = t22;
-	} else t22 = $[37];
-	let t23;
-	if ($[38] !== t22) {
-		t23 = /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+		$[37] = list;
+		$[38] = t23;
+	} else t23 = $[38];
+	let t24;
+	if ($[39] !== t23) {
+		t24 = /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
 			value: LIVE,
 			closeOnClick: true,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col",
-				children: [t21, t22]
+				children: [t22, t23]
 			})
 		});
-		$[38] = t22;
 		$[39] = t23;
-	} else t23 = $[39];
-	let t24;
-	if ($[40] !== drafts) {
-		t24 = drafts.map(_temp6);
-		$[40] = drafts;
-		$[41] = t24;
-	} else t24 = $[41];
+		$[40] = t24;
+	} else t24 = $[40];
 	let t25;
-	if ($[42] !== t23 || $[43] !== t24) {
-		t25 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
-			t20,
-			t23,
-			t24
+	if ($[41] !== drafts) {
+		t25 = drafts.map(_temp6);
+		$[41] = drafts;
+		$[42] = t25;
+	} else t25 = $[42];
+	let t26;
+	if ($[43] !== t24 || $[44] !== t25) {
+		t26 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+			t21,
+			t24,
+			t25
 		] });
-		$[42] = t23;
 		$[43] = t24;
 		$[44] = t25;
-	} else t25 = $[44];
-	let t26;
-	if ($[45] !== t18 || $[46] !== t19 || $[47] !== t25) {
-		t26 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-			value: t18,
-			onValueChange: t19,
-			children: t25
+		$[45] = t26;
+	} else t26 = $[45];
+	let t27;
+	if ($[46] !== t19 || $[47] !== t20 || $[48] !== t26) {
+		t27 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+			value: t19,
+			onValueChange: t20,
+			children: t26
 		});
-		$[45] = t18;
 		$[46] = t19;
-		$[47] = t25;
+		$[47] = t20;
 		$[48] = t26;
-	} else t26 = $[48];
-	let t27;
-	if ($[49] !== t17 || $[50] !== t26) {
-		t27 = /* @__PURE__ */ jsx(DropdownMenuContent, {
+		$[49] = t27;
+	} else t27 = $[49];
+	let t28;
+	if ($[50] !== t18 || $[51] !== t27) {
+		t28 = /* @__PURE__ */ jsx(DropdownMenuContent, {
 			className: "w-80",
 			align: "start",
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [t17, t26] })
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [t18, t27] })
 		});
-		$[49] = t17;
-		$[50] = t26;
+		$[50] = t18;
 		$[51] = t27;
-	} else t27 = $[51];
-	let t28;
-	if ($[52] !== t16 || $[53] !== t27) {
-		t28 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t16, t27] });
-		$[52] = t16;
-		$[53] = t27;
-		$[54] = t28;
-	} else t28 = $[54];
+		$[52] = t28;
+	} else t28 = $[52];
 	let t29;
-	if ($[55] !== deleting || $[56] !== draftId || $[57] !== leaveDraft || $[58] !== projectId || $[59] !== review) {
-		t29 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
+	if ($[53] !== t17 || $[54] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t17, t28] });
+		$[53] = t17;
+		$[54] = t28;
+		$[55] = t29;
+	} else t29 = $[55];
+	let t30;
+	if ($[56] !== current?.name || $[57] !== deleting || $[58] !== draftId || $[59] !== leaveDraft || $[60] !== projectId || $[61] !== review) {
+		t30 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
 			projectId,
 			draftId,
 			open: review.open,
@@ -335,24 +338,26 @@ function DraftPicker(t0) {
 		}), /* @__PURE__ */ jsx(DeleteDraftDialog, {
 			projectId,
 			open: deleting,
+			discard: current?.name === null,
 			onOpenChange: _temp8,
-			onDeleted: leaveDraft
+			onDeleted: (ended) => leaveDraft(ended, { discarded: current?.name === null })
 		})] });
-		$[55] = deleting;
-		$[56] = draftId;
-		$[57] = leaveDraft;
-		$[58] = projectId;
-		$[59] = review;
-		$[60] = t29;
-	} else t29 = $[60];
-	let t30;
-	if ($[61] !== t28 || $[62] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(Fragment, { children: [t28, t29] });
-		$[61] = t28;
-		$[62] = t29;
-		$[63] = t30;
-	} else t30 = $[63];
-	return t30;
+		$[56] = current?.name;
+		$[57] = deleting;
+		$[58] = draftId;
+		$[59] = leaveDraft;
+		$[60] = projectId;
+		$[61] = review;
+		$[62] = t30;
+	} else t30 = $[62];
+	let t31;
+	if ($[63] !== t29 || $[64] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(Fragment, { children: [t29, t30] });
+		$[63] = t29;
+		$[64] = t30;
+		$[65] = t31;
+	} else t31 = $[65];
+	return t31;
 }
 function _temp8(open_0) {
 	if (!open_0) studioStore.send({ type: "closeDeleteDraftDialog" });
@@ -369,6 +374,7 @@ function _temp5() {
 function _temp4() {
 	studioStore.send({ type: "closeReviewDraftSheet" });
 	studioStore.send({ type: "closeDeleteDraftDialog" });
+	studioStore.send({ type: "closeKeepDraft" });
 }
 function _temp3(t0) {
 	const { move } = t0;
@@ -382,12 +388,12 @@ function _temp(state) {
 }
 /**
 * The current draft's pending changes, which open its review to publish or delete them. Live
-* has none, so it shows nothing there.
+* has none, so it shows nothing there. An unnamed draft shows the Unnamed Draft Bar instead.
 */
 function PendingChanges() {
 	const $ = c(7);
 	const { current } = useDrafts();
-	if (!current) return null;
+	if (!current || current.name === null) return null;
 	let t0;
 	if ($[0] !== current.changeCount) {
 		t0 = plural(current.changeCount, "change");
@@ -426,11 +432,11 @@ function _temp9() {
 * deletes by itself.
 */
 function useDraftsActions(t0) {
-	const $ = c(6);
-	const { enabled, draftId, drafts, switchTo } = t0;
+	const $ = c(7);
+	const { enabled, draftId, unnamed, drafts, switchTo } = t0;
 	let t1;
 	let t2;
-	if ($[0] !== draftId || $[1] !== drafts || $[2] !== enabled || $[3] !== switchTo) {
+	if ($[0] !== draftId || $[1] !== drafts || $[2] !== enabled || $[3] !== switchTo || $[4] !== unnamed) {
 		t1 = () => {
 			const inDraft = enabled && !!draftId;
 			const others = drafts.filter((listed) => listed.id !== draftId);
@@ -451,11 +457,15 @@ function useDraftsActions(t0) {
 				},
 				{
 					id: "delete-draft",
-					label: "Delete draft…",
-					aliases: [
+					label: unnamed ? "Discard changes…" : "Delete draft…",
+					aliases: unnamed ? [
 						"Delete draft",
 						"Throw away changes",
 						"Revert changes"
+					] : [
+						"Discard changes",
+						"Throw away changes",
+						"Revert changes"
 					],
 					groupLabel: "Drafts",
 					checkIfAvailable: () => inDraft,
@@ -463,11 +473,18 @@ function useDraftsActions(t0) {
 				},
 				{
 					id: "rename-draft",
-					label: "Rename draft…",
-					aliases: ["Name draft"],
+					label: unnamed ? "Keep as draft…" : "Rename draft…",
+					aliases: unnamed ? [
+						"Name draft",
+						"Rename draft",
+						"Save draft"
+					] : ["Name draft"],
 					groupLabel: "Drafts",
 					checkIfAvailable: () => inDraft,
-					execute: _temp12
+					execute: () => studioStore.send(unnamed ? { type: "openKeepDraft" } : {
+						type: "openReviewDraftSheet",
+						startRenaming: true
+					})
 				},
 				{
 					id: "switch-to-live",
@@ -493,7 +510,7 @@ function useDraftsActions(t0) {
 					groupLabel: "Drafts",
 					checkIfAvailable: () => others.length > 0,
 					hasChildren: true,
-					execute: _temp13
+					execute: _temp12
 				},
 				...others.map((other) => ({
 					id: `${SWITCH_TO_DRAFT_ID}-${other.id}`,
@@ -501,7 +518,7 @@ function useDraftsActions(t0) {
 					label: `Switch to "${draftLabel(other)}"`,
 					aliases: [other.createdBy.name],
 					groupLabel: "Drafts",
-					checkIfAvailable: _temp14,
+					checkIfAvailable: _temp13,
 					execute: () => switchTo(other.id)
 				}))
 			];
@@ -512,13 +529,14 @@ function useDraftsActions(t0) {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp15)
+					ids: actions.map(_temp14)
 				});
 			};
 		};
 		t2 = [
 			enabled,
 			draftId,
+			unnamed,
 			drafts,
 			switchTo
 		];
@@ -526,27 +544,22 @@ function useDraftsActions(t0) {
 		$[1] = drafts;
 		$[2] = enabled;
 		$[3] = switchTo;
-		$[4] = t1;
-		$[5] = t2;
+		$[4] = unnamed;
+		$[5] = t1;
+		$[6] = t2;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t1 = $[5];
+		t2 = $[6];
 	}
 	React.useEffect(t1, t2);
 }
-function _temp15(a) {
+function _temp14(a) {
 	return a.id;
 }
-function _temp14() {
+function _temp13() {
 	return true;
 }
-function _temp13() {}
-function _temp12() {
-	return studioStore.send({
-		type: "openReviewDraftSheet",
-		startRenaming: true
-	});
-}
+function _temp12() {}
 function _temp11() {
 	return studioStore.send({ type: "openDeleteDraftDialog" });
 }
@@ -635,4 +648,4 @@ function DraftItem(t0) {
 }
 
 //#endregion
-export { DraftPicker, PendingChanges };
+export { DraftPicker, PendingChanges, useDrafts };