camox 0.48.0 → 0.51.0

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

@@ -1,318 +0,0 @@
-import { getApiUrl } from "../../../lib/api-client.js";
-import { reads, useStudioCache } from "../../../lib/studio-reads.js";
-import { projectMutations } from "../../../lib/queries.js";
-import { buildDefaultFaviconUrl, buildFaviconUrl } from "../../routes/pageRuntime.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMutation } from "@tanstack/react-query";
-import { Button } from "@camox/ui/button";
-import { Trash2, TriangleAlert } from "lucide-react";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
-import { toast } from "@camox/ui/toaster";
-import { Spinner } from "@camox/ui/spinner";
-import { Alert, AlertDescription } from "@camox/ui/alert";
-import { FaviconDropZone, validateFaviconFile } from "@camox/ui/favicon-drop-zone";
-
-//#region src/features/studio/components/FaviconDialog.tsx
-/** Points the studio tab's own icon at the saved favicon, so the change shows without a reload. */
-function refreshDocumentFavicon(href) {
-	for (const link of document.querySelectorAll("link[rel~=\"icon\"]")) link.href = href;
-}
-function FaviconDialog(t0) {
-	const $ = c(9);
-	const { project, open, onOpenChange } = t0;
-	let t1;
-	if ($[0] !== onOpenChange) {
-		t1 = () => onOpenChange(false);
-		$[0] = onOpenChange;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== project || $[3] !== t1) {
-		t2 = /* @__PURE__ */ jsx(DialogContent, {
-			className: "gap-5 sm:max-w-md",
-			children: /* @__PURE__ */ jsx(FaviconForm, {
-				project,
-				onSaved: t1
-			})
-		});
-		$[2] = project;
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== onOpenChange || $[6] !== open || $[7] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Dialog, {
-			open,
-			onOpenChange,
-			children: t2
-		});
-		$[5] = onOpenChange;
-		$[6] = open;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
-}
-function FaviconForm(t0) {
-	const $ = c(56);
-	const { project, onSaved } = t0;
-	const studioCache = useStudioCache();
-	const [pending, setPending] = React.useState(null);
-	const [hasCurrent, setHasCurrent] = React.useState(false);
-	let t1;
-	if ($[0] !== project) {
-		t1 = buildFaviconUrl(getApiUrl(), project, { withDefault: false });
-		$[0] = project;
-		$[1] = t1;
-	} else t1 = $[1];
-	const currentUrl = t1;
-	let t2;
-	let t3;
-	if ($[2] !== currentUrl) {
-		t2 = () => {
-			const probe = new Image();
-			probe.onload = () => setHasCurrent(true);
-			probe.onerror = () => setHasCurrent(false);
-			probe.src = currentUrl;
-			return () => {
-				probe.onload = null;
-				probe.onerror = null;
-			};
-		};
-		t3 = [currentUrl];
-		$[2] = currentUrl;
-		$[3] = t2;
-		$[4] = t3;
-	} else {
-		t2 = $[3];
-		t3 = $[4];
-	}
-	React.useEffect(t2, t3);
-	const pendingFile = pending?.type === "upload" ? pending.file : null;
-	let t4;
-	if ($[5] !== pendingFile) {
-		t4 = pendingFile ? URL.createObjectURL(pendingFile) : null;
-		$[5] = pendingFile;
-		$[6] = t4;
-	} else t4 = $[6];
-	const pendingUrl = t4;
-	let t5;
-	let t6;
-	if ($[7] !== pendingUrl) {
-		t5 = () => {
-			if (!pendingUrl) return;
-			return () => URL.revokeObjectURL(pendingUrl);
-		};
-		t6 = [pendingUrl];
-		$[7] = pendingUrl;
-		$[8] = t5;
-		$[9] = t6;
-	} else {
-		t5 = $[8];
-		t6 = $[9];
-	}
-	React.useEffect(t5, t6);
-	let t7;
-	if ($[10] !== onSaved || $[11] !== pending?.type || $[12] !== project || $[13] !== studioCache) {
-		t7 = async () => {
-			await studioCache.invalidate(reads.project({ projectUuid: project.uuid }));
-			const updated = studioCache.get(reads.project({ projectUuid: project.uuid }));
-			refreshDocumentFavicon(buildFaviconUrl(getApiUrl(), updated ?? project));
-			toast.success(pending?.type === "remove" ? "Favicon removed" : "Favicon updated");
-			onSaved();
-		};
-		$[10] = onSaved;
-		$[11] = pending?.type;
-		$[12] = project;
-		$[13] = studioCache;
-		$[14] = t7;
-	} else t7 = $[14];
-	const onSuccess = t7;
-	const onError = _temp;
-	let t8;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = projectMutations.uploadFavicon();
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== onSuccess) {
-		t9 = {
-			...t8,
-			onSuccess,
-			onError
-		};
-		$[16] = onSuccess;
-		$[17] = t9;
-	} else t9 = $[17];
-	const upload = useMutation(t9);
-	let t10;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = projectMutations.deleteFavicon();
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] !== onSuccess) {
-		t11 = {
-			...t10,
-			onSuccess,
-			onError
-		};
-		$[19] = onSuccess;
-		$[20] = t11;
-	} else t11 = $[20];
-	const remove = useMutation(t11);
-	const isSaving = upload.isPending || remove.isPending;
-	let t12;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = (file) => {
-			const error_0 = validateFaviconFile(file);
-			if (error_0) {
-				toast.error(error_0);
-				return;
-			}
-			setPending({
-				type: "upload",
-				file
-			});
-		};
-		$[21] = t12;
-	} else t12 = $[21];
-	const choose = t12;
-	let t13;
-	if ($[22] !== pending || $[23] !== project || $[24] !== remove || $[25] !== upload) {
-		t13 = () => {
-			if (pending?.type === "upload") {
-				upload.mutate({
-					projectId: project.id,
-					file: pending.file
-				});
-				return;
-			}
-			if (pending?.type === "remove") remove.mutate({ projectId: project.id });
-		};
-		$[22] = pending;
-		$[23] = project;
-		$[24] = remove;
-		$[25] = upload;
-		$[26] = t13;
-	} else t13 = $[26];
-	const save = t13;
-	const showsFavicon = pending ? pending.type === "upload" : hasCurrent;
-	let t14;
-	if ($[27] !== currentUrl || $[28] !== pendingUrl || $[29] !== showsFavicon) {
-		t14 = pendingUrl ?? (showsFavicon ? currentUrl : buildDefaultFaviconUrl(getApiUrl()));
-		$[27] = currentUrl;
-		$[28] = pendingUrl;
-		$[29] = showsFavicon;
-		$[30] = t14;
-	} else t14 = $[30];
-	const previewUrl = t14;
-	const prompt = pendingFile ? pendingFile.name : showsFavicon ? "Drop a new favicon, or click to browse" : "Drop your favicon here, or click to browse";
-	let t15;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Favicon" }), /* @__PURE__ */ jsx(DialogDescription, { children: "The icon shown in browser tabs and bookmarks." })] });
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsxs(Alert, {
-			variant: "warning",
-			children: [/* @__PURE__ */ jsx(TriangleAlert, {}), /* @__PURE__ */ jsx(AlertDescription, { children: "Applies to the whole site, including Live and every draft." })]
-		});
-		$[32] = t16;
-	} else t16 = $[32];
-	let t17;
-	if ($[33] !== isSaving || $[34] !== previewUrl || $[35] !== prompt) {
-		t17 = /* @__PURE__ */ jsx(FaviconDropZone, {
-			previewUrl,
-			prompt,
-			disabled: isSaving,
-			onFileSelected: choose
-		});
-		$[33] = isSaving;
-		$[34] = previewUrl;
-		$[35] = prompt;
-		$[36] = t17;
-	} else t17 = $[36];
-	let t18;
-	if ($[37] !== hasCurrent || $[38] !== isSaving || $[39] !== showsFavicon) {
-		t18 = showsFavicon && /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "ghost",
-			className: "sm:mr-auto",
-			disabled: isSaving,
-			onClick: () => setPending(hasCurrent ? { type: "remove" } : null),
-			children: [/* @__PURE__ */ jsx(Trash2, {}), "Remove favicon"]
-		});
-		$[37] = hasCurrent;
-		$[38] = isSaving;
-		$[39] = showsFavicon;
-		$[40] = t18;
-	} else t18 = $[40];
-	let t19;
-	if ($[41] !== isSaving) {
-		t19 = /* @__PURE__ */ jsx(DialogClose, {
-			render: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outline",
-				disabled: isSaving
-			}),
-			children: "Cancel"
-		});
-		$[41] = isSaving;
-		$[42] = t19;
-	} else t19 = $[42];
-	const t20 = !pending || isSaving;
-	let t21;
-	if ($[43] !== isSaving) {
-		t21 = isSaving && /* @__PURE__ */ jsx(Spinner, {});
-		$[43] = isSaving;
-		$[44] = t21;
-	} else t21 = $[44];
-	let t22;
-	if ($[45] !== save || $[46] !== t20 || $[47] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			onClick: save,
-			disabled: t20,
-			children: [t21, "Save"]
-		});
-		$[45] = save;
-		$[46] = t20;
-		$[47] = t21;
-		$[48] = t22;
-	} else t22 = $[48];
-	let t23;
-	if ($[49] !== t18 || $[50] !== t19 || $[51] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(DialogFooter, { children: [
-			t18,
-			t19,
-			t22
-		] });
-		$[49] = t18;
-		$[50] = t19;
-		$[51] = t22;
-		$[52] = t23;
-	} else t23 = $[52];
-	let t24;
-	if ($[53] !== t17 || $[54] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t15,
-			t16,
-			t17,
-			t23
-		] });
-		$[53] = t17;
-		$[54] = t23;
-		$[55] = t24;
-	} else t24 = $[55];
-	return t24;
-}
-function _temp(error) {
-	toast.error(error.message || "Could not save the favicon");
-}
-
-//#endregion
-export { FaviconDialog };

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

@@ -1,342 +0,0 @@
-import { reads, useStudioCache } from "../../../lib/studio-reads.js";
-import { projectMutations } from "../../../lib/queries.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { 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 { ArrowDown, ArrowUp, Plus, Trash2, TriangleAlert } from "lucide-react";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
-import { toast } from "@camox/ui/toaster";
-import { Spinner } from "@camox/ui/spinner";
-import { Alert, AlertDescription } from "@camox/ui/alert";
-import { socialProfileUrlSchema } from "@camox/api-contract/projects";
-
-//#region src/features/studio/components/SocialProfilesDialog.tsx
-let nextRowKey = 0;
-const row = (url) => ({
-	key: nextRowKey++,
-	url
-});
-function SocialProfilesDialog(t0) {
-	const $ = c(10);
-	const { project, open, onOpenChange } = t0;
-	let t1;
-	if ($[0] !== onOpenChange || $[1] !== open || $[2] !== project) {
-		t1 = open && /* @__PURE__ */ jsx(SocialProfilesForm, {
-			project,
-			onSaved: () => onOpenChange(false)
-		});
-		$[0] = onOpenChange;
-		$[1] = open;
-		$[2] = project;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx(DialogContent, {
-			className: "gap-5 sm:max-w-lg",
-			children: t1
-		});
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== onOpenChange || $[7] !== open || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Dialog, {
-			open,
-			onOpenChange,
-			children: t2
-		});
-		$[6] = onOpenChange;
-		$[7] = open;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
-}
-function SocialProfilesForm(t0) {
-	const $ = c(47);
-	const { project, onSaved } = t0;
-	const studioCache = useStudioCache();
-	let t1;
-	if ($[0] !== project) {
-		t1 = () => project.socialProfiles.map(row);
-		$[0] = project;
-		$[1] = t1;
-	} else t1 = $[1];
-	const [rows, setRows] = React.useState(t1);
-	const [showErrors, setShowErrors] = React.useState(false);
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = projectMutations.updateSocialProfiles();
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== onSaved || $[4] !== project || $[5] !== studioCache) {
-		t3 = {
-			...t2,
-			onSuccess: async () => {
-				await studioCache.invalidate(reads.project({ projectUuid: project.uuid }));
-				toast.success("Social profiles updated");
-				onSaved();
-			},
-			onError: _temp
-		};
-		$[3] = onSaved;
-		$[4] = project;
-		$[5] = studioCache;
-		$[6] = t3;
-	} else t3 = $[6];
-	const save = useMutation(t3);
-	let t4;
-	if ($[7] !== rows) {
-		t4 = rows.map(_temp2).filter(_temp3);
-		$[7] = rows;
-		$[8] = t4;
-	} else t4 = $[8];
-	const filled = t4;
-	const errorOf = _temp4;
-	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = (key, url_0) => setRows((current) => current.map((entry_0) => entry_0.key === key ? {
-			...entry_0,
-			url: url_0
-		} : entry_0));
-		$[9] = t5;
-	} else t5 = $[9];
-	const update = t5;
-	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (key_0) => setRows((current_0) => current_0.filter((entry_1) => entry_1.key !== key_0));
-		$[10] = t6;
-	} else t6 = $[10];
-	const remove = t6;
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (index, by) => setRows((current_1) => {
-			const next = [...current_1];
-			const [moved] = next.splice(index, 1);
-			next.splice(index + by, 0, moved);
-			return next;
-		});
-		$[11] = t7;
-	} else t7 = $[11];
-	const move = t7;
-	let t8;
-	if ($[12] !== filled || $[13] !== project || $[14] !== save) {
-		t8 = (event) => {
-			event.preventDefault();
-			if (filled.some((entry_2) => errorOf(entry_2.url))) {
-				setShowErrors(true);
-				return;
-			}
-			save.mutate({
-				id: project.id,
-				socialProfiles: filled.map(_temp5)
-			});
-		};
-		$[12] = filled;
-		$[13] = project;
-		$[14] = save;
-		$[15] = t8;
-	} else t8 = $[15];
-	const submit = t8;
-	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Social profiles" }), /* @__PURE__ */ jsx(DialogDescription, { children: "The project's accounts elsewhere, such as on LinkedIn, X or GitHub. Search engines and AI answer engines use them to tie the website to your organization." })] });
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsxs(Alert, {
-			variant: "warning",
-			children: [/* @__PURE__ */ jsx(TriangleAlert, {}), /* @__PURE__ */ jsx(AlertDescription, { children: "Applies to the whole site, including Live and every draft." })]
-		});
-		$[17] = t10;
-	} else t10 = $[17];
-	let t11;
-	if ($[18] !== rows || $[19] !== save.isPending || $[20] !== showErrors) {
-		let t12;
-		if ($[22] !== rows.length || $[23] !== save.isPending || $[24] !== showErrors) {
-			t12 = (entry_4, index_0) => {
-				const error_0 = showErrors && entry_4.url.trim() ? errorOf(entry_4.url) : void 0;
-				return /* @__PURE__ */ jsxs("li", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ jsx(Input, {
-								type: "url",
-								value: entry_4.url,
-								placeholder: "https://www.linkedin.com/company/…",
-								"aria-label": `Profile ${index_0 + 1}`,
-								"aria-invalid": error_0 ? true : void 0,
-								disabled: save.isPending,
-								onChange: (event_0) => update(entry_4.key, event_0.target.value)
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Move up",
-								disabled: index_0 === 0 || save.isPending,
-								onClick: () => move(index_0, -1),
-								children: /* @__PURE__ */ jsx(ArrowUp, {})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Move down",
-								disabled: index_0 === rows.length - 1 || save.isPending,
-								onClick: () => move(index_0, 1),
-								children: /* @__PURE__ */ jsx(ArrowDown, {})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Remove",
-								disabled: save.isPending,
-								onClick: () => remove(entry_4.key),
-								children: /* @__PURE__ */ jsx(Trash2, {})
-							})
-						]
-					}), error_0 && /* @__PURE__ */ jsx("p", {
-						className: "text-destructive text-xs",
-						children: error_0
-					})]
-				}, entry_4.key);
-			};
-			$[22] = rows.length;
-			$[23] = save.isPending;
-			$[24] = showErrors;
-			$[25] = t12;
-		} else t12 = $[25];
-		t11 = rows.map(t12);
-		$[18] = rows;
-		$[19] = save.isPending;
-		$[20] = showErrors;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[26] !== t11) {
-		t12 = /* @__PURE__ */ jsx("ol", {
-			className: "flex flex-col gap-2",
-			children: t11
-		});
-		$[26] = t11;
-		$[27] = t12;
-	} else t12 = $[27];
-	let t13;
-	let t14;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = () => setRows(_temp6);
-		t14 = /* @__PURE__ */ jsx(Plus, {});
-		$[28] = t13;
-		$[29] = t14;
-	} else {
-		t13 = $[28];
-		t14 = $[29];
-	}
-	let t15;
-	if ($[30] !== save.isPending) {
-		t15 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "ghost",
-			className: "sm:mr-auto",
-			disabled: save.isPending,
-			onClick: t13,
-			children: [t14, "Add profile"]
-		});
-		$[30] = save.isPending;
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] !== save.isPending) {
-		t16 = /* @__PURE__ */ jsx(DialogClose, {
-			render: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outline",
-				disabled: save.isPending
-			}),
-			children: "Cancel"
-		});
-		$[32] = save.isPending;
-		$[33] = t16;
-	} else t16 = $[33];
-	let t17;
-	if ($[34] !== save.isPending) {
-		t17 = save.isPending && /* @__PURE__ */ jsx(Spinner, {});
-		$[34] = save.isPending;
-		$[35] = t17;
-	} else t17 = $[35];
-	let t18;
-	if ($[36] !== save.isPending || $[37] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(Button, {
-			type: "submit",
-			disabled: save.isPending,
-			children: [t17, "Save"]
-		});
-		$[36] = save.isPending;
-		$[37] = t17;
-		$[38] = t18;
-	} else t18 = $[38];
-	let t19;
-	if ($[39] !== t15 || $[40] !== t16 || $[41] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(DialogFooter, { children: [
-			t15,
-			t16,
-			t18
-		] });
-		$[39] = t15;
-		$[40] = t16;
-		$[41] = t18;
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] !== submit || $[44] !== t12 || $[45] !== t19) {
-		t20 = /* @__PURE__ */ jsxs("form", {
-			onSubmit: submit,
-			className: "contents",
-			children: [
-				t9,
-				t10,
-				t12,
-				t19
-			]
-		});
-		$[43] = submit;
-		$[44] = t12;
-		$[45] = t19;
-		$[46] = t20;
-	} else t20 = $[46];
-	return t20;
-}
-function _temp6(current_2) {
-	return [...current_2, row("")];
-}
-function _temp5(entry_3) {
-	return entry_3.url;
-}
-function _temp4(url) {
-	const result = socialProfileUrlSchema.safeParse(url.trim());
-	return result.success ? void 0 : result.error.issues[0]?.message;
-}
-function _temp3(e) {
-	return e.url;
-}
-function _temp2(entry) {
-	return {
-		...entry,
-		url: entry.url.trim()
-	};
-}
-function _temp(error) {
-	toast.error(error.message || "Could not save the social profiles");
-}
-
-//#endregion
-export { SocialProfilesDialog };