camox 0.43.0 → 0.44.0

package/dist/features/provider/components/CommandPalette.js

@@ -5,15 +5,14 @@ import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
-import { Kbd } from "@camox/ui/kbd";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut } from "@camox/ui/command";
 
 //#region src/features/provider/components/CommandPalette.tsx
 function CommandPalette() {
-	const $ = c(43);
-	if ($[0] !== "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0") {
-		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0";
+	const $ = c(37);
+	if ($[0] !== "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb") {
+		for (let $i = 0; $i < 37; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb";
 	}
 	const isOpen = useSelector(studioStore, _temp);
 	const [search, setSearch] = React.useState("");
@@ -163,64 +162,18 @@ function CommandPalette() {
 	} else t8 = $[25];
 	let t9;
 	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-1.5",
-			children: [
-				/* @__PURE__ */ jsx(Kbd, { children: "↑" }),
-				/* @__PURE__ */ jsx(Kbd, { children: "↓" }),
-				" to navigate"
-			]
+		t9 = /* @__PURE__ */ jsx(CommandEmpty, {
+			className: "text-muted-foreground py-8",
+			children: "No results found."
 		});
 		$[26] = t9;
 	} else t9 = $[26];
 	let t10;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ jsx(Kbd, { children: "↵" }), " to select"]
-		});
-		$[27] = t10;
-	} else t10 = $[27];
-	let t11;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx(Kbd, { children: "Esc" });
-		$[28] = t11;
-	} else t11 = $[28];
-	const t12 = page ? "to go back" : "to close";
-	let t13;
-	if ($[29] !== t12) {
-		t13 = /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-2 border-b px-5 pb-3 text-xs",
-			children: [
-				t9,
-				t10,
-				/* @__PURE__ */ jsxs("span", {
-					className: "flex items-center gap-1.5",
-					children: [
-						t11,
-						" ",
-						t12
-					]
-				})
-			]
-		});
-		$[29] = t12;
-		$[30] = t13;
-	} else t13 = $[30];
-	let t14;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsx(CommandEmpty, {
-			className: "text-muted-foreground py-8",
-			children: "No results found."
-		});
-		$[31] = t14;
-	} else t14 = $[31];
-	let t15;
-	if ($[32] !== groupedActions || $[33] !== handleSelect) {
-		t15 = /* @__PURE__ */ jsxs(CommandList, {
+	if ($[27] !== groupedActions || $[28] !== handleSelect) {
+		t10 = /* @__PURE__ */ jsxs(CommandList, {
 			className: "max-h-[min(24rem,45dvh)] min-h-0 scroll-py-1 px-2 pt-1 pb-2",
-			children: [t14, Array.from(groupedActions.entries()).map((t16) => {
-				const [groupLabel_0, groupActions] = t16;
+			children: [t9, Array.from(groupedActions.entries()).map((t11) => {
+				const [groupLabel_0, groupActions] = t11;
 				return /* @__PURE__ */ jsx(CommandGroup, {
 					heading: groupLabel_0,
 					className: "mb-2 p-0 last:mb-0 **:[[cmdk-group-heading]]:px-3 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-[11px] **:[[cmdk-group-heading]]:tracking-widest **:[[cmdk-group-heading]]:uppercase",
@@ -234,44 +187,42 @@ function CommandPalette() {
 				}, groupLabel_0);
 			})]
 		});
-		$[32] = groupedActions;
-		$[33] = handleSelect;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== t13 || $[36] !== t15 || $[37] !== t8 || $[38] !== value) {
-		t16 = /* @__PURE__ */ jsxs(Command, {
+		$[27] = groupedActions;
+		$[28] = handleSelect;
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== t10 || $[31] !== t8 || $[32] !== value) {
+		t11 = /* @__PURE__ */ jsxs(Command, {
 			value,
 			onValueChange: setValue,
 			className: "h-auto max-h-[80dvh] p-0",
 			children: [
 				t6,
 				t8,
-				t13,
-				t15
+				t10
 			]
 		});
-		$[35] = t13;
-		$[36] = t15;
-		$[37] = t8;
-		$[38] = value;
-		$[39] = t16;
-	} else t16 = $[39];
-	let t17;
-	if ($[40] !== isOpen || $[41] !== t16) {
-		t17 = /* @__PURE__ */ jsx(CommandDialog, {
+		$[30] = t10;
+		$[31] = t8;
+		$[32] = value;
+		$[33] = t11;
+	} else t11 = $[33];
+	let t12;
+	if ($[34] !== isOpen || $[35] !== t11) {
+		t12 = /* @__PURE__ */ jsx(CommandDialog, {
 			open: isOpen,
 			onOpenChange: handleOpenChange,
 			className: "top-[12vh] sm:max-w-xl",
 			description: "Navigate your site and switch settings quickly.",
 			showCloseButton: true,
-			children: t16
+			children: t11
 		});
-		$[40] = isOpen;
-		$[41] = t16;
-		$[42] = t17;
-	} else t17 = $[42];
-	return t17;
+		$[34] = isOpen;
+		$[35] = t11;
+		$[36] = t12;
+	} else t12 = $[36];
+	return t12;
 }
 function _temp3(state_1) {
 	return state_1.context.commandPalettePages;
@@ -284,9 +235,9 @@ function _temp(state) {
 }
 function useCommandPaletteActions() {
 	const $ = c(2);
-	if ($[0] !== "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0") {
+	if ($[0] !== "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb") {
 		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0";
+		$[0] = "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb";
 	}
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {

package/dist/features/runtime/pageApp.js

@@ -14,15 +14,15 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/features/runtime/pageApp.tsx
 function PageApp(t0) {
-	const $ = c(19);
-	if ($[0] !== "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5") {
-		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5";
+	const $ = c(20);
+	if ($[0] !== "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943";
 	}
 	const { camoxApp, input, queryClient } = t0;
 	const t1 = input.dehydratedState;
 	let t2;
-	if ($[1] !== camoxApp || $[2] !== input.apiUrl || $[3] !== input.authenticationUrl || $[4] !== input.environmentName || $[5] !== input.presentation || $[6] !== input.projectSlug || $[7] !== queryClient) {
+	if ($[1] !== camoxApp || $[2] !== input.apiUrl || $[3] !== input.authenticationUrl || $[4] !== input.environmentName || $[5] !== input.presentation || $[6] !== input.previewHandoff || $[7] !== input.projectSlug || $[8] !== queryClient) {
 		t2 = (currentInput) => /* @__PURE__ */ jsx(CoreCamoxProvider, {
 			camoxApp,
 			authenticationUrl: input.authenticationUrl,
@@ -33,7 +33,10 @@ function PageApp(t0) {
 			initialProject: currentInput.project,
 			children: /* @__PURE__ */ jsx(PreviewDocumentContext.Provider, {
 				value: currentInput.previewDocument,
-				children: /* @__PURE__ */ jsx(PageExperience, {
+				children: input.previewHandoff ? /* @__PURE__ */ jsx("div", {
+					role: "status",
+					children: "Signing in to draft preview…"
+				}) : /* @__PURE__ */ jsx(PageExperience, {
 					camoxApp,
 					input: currentInput,
 					queryClient,
@@ -46,42 +49,43 @@ function PageApp(t0) {
 		$[3] = input.authenticationUrl;
 		$[4] = input.environmentName;
 		$[5] = input.presentation;
-		$[6] = input.projectSlug;
-		$[7] = queryClient;
-		$[8] = t2;
-	} else t2 = $[8];
+		$[6] = input.previewHandoff;
+		$[7] = input.projectSlug;
+		$[8] = queryClient;
+		$[9] = t2;
+	} else t2 = $[9];
 	let t3;
-	if ($[9] !== input || $[10] !== queryClient || $[11] !== t2) {
+	if ($[10] !== input || $[11] !== queryClient || $[12] !== t2) {
 		t3 = /* @__PURE__ */ jsx(PageNavigationProvider, {
 			initialInput: input,
 			queryClient,
 			children: t2
 		});
-		$[9] = input;
-		$[10] = queryClient;
-		$[11] = t2;
-		$[12] = t3;
-	} else t3 = $[12];
+		$[10] = input;
+		$[11] = queryClient;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
 	let t4;
-	if ($[13] !== t1 || $[14] !== t3) {
+	if ($[14] !== t1 || $[15] !== t3) {
 		t4 = /* @__PURE__ */ jsx(HydrationBoundary, {
 			state: t1,
 			children: t3
 		});
-		$[13] = t1;
-		$[14] = t3;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[14] = t1;
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
 	let t5;
-	if ($[16] !== queryClient || $[17] !== t4) {
+	if ($[17] !== queryClient || $[18] !== t4) {
 		t5 = /* @__PURE__ */ jsx(QueryClientProvider, {
 			client: queryClient,
 			children: t4
 		});
-		$[16] = queryClient;
-		$[17] = t4;
-		$[18] = t5;
-	} else t5 = $[18];
+		$[17] = queryClient;
+		$[18] = t4;
+		$[19] = t5;
+	} else t5 = $[19];
 	return t5;
 }
 const LazyEditablePageExperience = React.lazy(() => import("../preview/EditablePageExperience.js").then((module) => ({ default: module.EditablePageExperience })));
@@ -101,9 +105,9 @@ var EditingActivationBoundary = class extends React.Component {
 const subscribeToHydration = () => () => {};
 function PageExperience(t0) {
 	const $ = c(39);
-	if ($[0] !== "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5") {
+	if ($[0] !== "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943") {
 		for (let $i = 0; $i < 39; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5";
+		$[0] = "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943";
 	}
 	const { camoxApp, input, queryClient, studioDocument } = t0;
 	const { isAuthenticated, isLoading } = useAuthState();

package/dist/features/runtime/pageServer.js

@@ -1,5 +1,6 @@
+import { prefetchIcons } from "../../core/lib/icons.js";
 import { PageApp } from "./pageApp.js";
-import { QueryClient, hydrate } from "@tanstack/react-query";
+import { QueryClient, dehydrate, hydrate } from "@tanstack/react-query";
 import { jsx } from "react/jsx-runtime";
 import { renderToString } from "react-dom/server";
 
@@ -7,6 +8,8 @@ import { renderToString } from "react-dom/server";
 async function renderPageWithApp(input) {
 	const queryClient = new QueryClient();
 	hydrate(queryClient, input.dehydratedState);
+	await prefetchIcons(queryClient, input.dehydratedState, input.camoxApp.getSerializableDefinitions());
+	Object.assign(input.dehydratedState, dehydrate(queryClient));
 	return renderToString(/* @__PURE__ */ jsx(PageApp, {
 		camoxApp: input.camoxApp,
 		input,

package/dist/features/runtime/runtime.d.ts

@@ -17,6 +17,8 @@ interface LayoutIdentity {
   version: string;
 }
 interface PageRenderInput {
+  /** Authenticate before looking up a page that may exist only in draft. */
+  previewHandoff?: boolean;
   previewDocument?: string;
   routeKind?: "studio" | "studio-content" | "studio-nested";
   project?: Awaited<ReturnType<ReturnType<typeof createServerApiClient>["projects"]["getBySlug"]>>;

package/dist/features/runtime/runtime.js

@@ -208,6 +208,31 @@ async function createPageHtmlResponse({ options, pathname, request }) {
 		pathname,
 		request
 	});
+	const requestUrl = new URL(request.url);
+	if (requestUrl.searchParams.has("camox-preview") && requestUrl.searchParams.has("ott")) {
+		const input = {
+			previewHandoff: true,
+			presentation: "public",
+			source: "live",
+			apiUrl: options.apiUrl,
+			authenticationUrl: options.authenticationUrl,
+			environmentName: options.environmentName,
+			projectSlug: options.projectSlug,
+			href: requestUrl.href,
+			pathname,
+			runtimeBasePath: normalizeRuntimeBasePath(options.runtimeBasePath),
+			head: {},
+			loaderData: null,
+			layoutIdentity: null,
+			dehydratedState: dehydrate(new QueryClient())
+		};
+		const html = await options.renderPage(input);
+		return new Response(`<!doctype html><html><head><meta name="referrer" content="no-referrer"><title>Camox draft preview</title><script id="__CAMOX_DATA__" type="application/json">${serializeJsonForHtml(input)}<\/script></head><body><div id="root">${html}</div>${renderClientEntryScript(options.pageClientEntryUrl)}</body></html>`, { headers: {
+			"Content-Type": "text/html; charset=utf-8",
+			"Cache-Control": "private, no-store",
+			"Referrer-Policy": "no-referrer"
+		} });
+	}
 	const singleton = await createDerivedResponse(options, pathname, request, false, true);
 	if (singleton) return singleton;
 	const queryClient = new QueryClient();

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

@@ -1,5 +1,6 @@
 import { AuthContext } from "../../../lib/auth.js";
 import { environmentMutations, environmentQueries, projectQueries } from "../../../lib/queries.js";
+import { areCommentsEnabled } from "../../preview/commentsEnabled.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import * as React from "react";
@@ -36,10 +37,10 @@ function formatReason(reason, direction) {
 	}
 }
 const EnvironmentMenu = () => {
-	const $ = c(84);
-	if ($[0] !== "5eec2ee2385ce7d4417564ed3e8ad71e1d521ff3c557dea4a4ca42288fb12d99") {
-		for (let $i = 0; $i < 84; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5eec2ee2385ce7d4417564ed3e8ad71e1d521ff3c557dea4a4ca42288fb12d99";
+	const $ = c(87);
+	if ($[0] !== "a19764fc2cadba3ca96828ce487913043214419dfe0474e5a0ab5e6e8d2d6177") {
+		for (let $i = 0; $i < 87; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a19764fc2cadba3ca96828ce487913043214419dfe0474e5a0ab5e6e8d2d6177";
 	}
 	const [open, setOpen] = React.useState(false);
 	const [pendingDirection, setPendingDirection] = React.useState(null);
@@ -302,7 +303,7 @@ const EnvironmentMenu = () => {
 	} else t25 = $[55];
 	let t26;
 	if ($[56] !== environmentName || $[57] !== pendingDirection) {
-		t26 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		t26 = pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			"This will replace all content in",
 			" ",
 			/* @__PURE__ */ jsx("span", {
@@ -329,84 +330,95 @@ const EnvironmentMenu = () => {
 				children: "production"
 			}),
 			". This action cannot be undone."
-		] }) });
+		] });
 		$[56] = environmentName;
 		$[57] = pendingDirection;
 		$[58] = t26;
 	} else t26 = $[58];
 	let t27;
-	if ($[59] !== t25 || $[60] !== t26) {
-		t27 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t25, t26] });
-		$[59] = t25;
-		$[60] = t26;
-		$[61] = t27;
-	} else t27 = $[61];
+	if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = areCommentsEnabled() && " Feedback comments in the destination will also be replaced.";
+		$[59] = t27;
+	} else t27 = $[59];
 	let t28;
-	if ($[62] !== replicate.isPending) {
-		t28 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+	if ($[60] !== t26) {
+		t28 = /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [t26, t27] });
+		$[60] = t26;
+		$[61] = t28;
+	} else t28 = $[61];
+	let t29;
+	if ($[62] !== t25 || $[63] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t25, t28] });
+		$[62] = t25;
+		$[63] = t28;
+		$[64] = t29;
+	} else t29 = $[64];
+	let t30;
+	if ($[65] !== replicate.isPending) {
+		t30 = /* @__PURE__ */ jsx(AlertDialogCancel, {
 			variant: "outline",
 			size: "default",
 			disabled: replicate.isPending,
 			children: "Cancel"
 		});
-		$[62] = replicate.isPending;
-		$[63] = t28;
-	} else t28 = $[63];
-	let t29;
-	if ($[64] !== replicate.isPending) {
-		t29 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[64] = replicate.isPending;
-		$[65] = t29;
-	} else t29 = $[65];
-	const t30 = pendingDirection === "push" ? "Push" : "Pull";
+		$[65] = replicate.isPending;
+		$[66] = t30;
+	} else t30 = $[66];
 	let t31;
-	if ($[66] !== handleConfirm || $[67] !== replicate.isPending || $[68] !== t29 || $[69] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+	if ($[67] !== replicate.isPending) {
+		t31 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[67] = replicate.isPending;
+		$[68] = t31;
+	} else t31 = $[68];
+	const t32 = pendingDirection === "push" ? "Push" : "Pull";
+	let t33;
+	if ($[69] !== handleConfirm || $[70] !== replicate.isPending || $[71] !== t31 || $[72] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(AlertDialogAction, {
 			variant: "destructive",
 			onClick: handleConfirm,
 			disabled: replicate.isPending,
-			children: [t29, t30]
+			children: [t31, t32]
 		});
-		$[66] = handleConfirm;
-		$[67] = replicate.isPending;
-		$[68] = t29;
-		$[69] = t30;
-		$[70] = t31;
-	} else t31 = $[70];
-	let t32;
-	if ($[71] !== t28 || $[72] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t28, t31] });
-		$[71] = t28;
-		$[72] = t31;
-		$[73] = t32;
-	} else t32 = $[73];
-	let t33;
-	if ($[74] !== t27 || $[75] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t27, t32] });
-		$[74] = t27;
-		$[75] = t32;
-		$[76] = t33;
-	} else t33 = $[76];
+		$[69] = handleConfirm;
+		$[70] = replicate.isPending;
+		$[71] = t31;
+		$[72] = t32;
+		$[73] = t33;
+	} else t33 = $[73];
 	let t34;
-	if ($[77] !== t22 || $[78] !== t23 || $[79] !== t33) {
-		t34 = /* @__PURE__ */ jsx(AlertDialog, {
+	if ($[74] !== t30 || $[75] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t30, t33] });
+		$[74] = t30;
+		$[75] = t33;
+		$[76] = t34;
+	} else t34 = $[76];
+	let t35;
+	if ($[77] !== t29 || $[78] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t29, t34] });
+		$[77] = t29;
+		$[78] = t34;
+		$[79] = t35;
+	} else t35 = $[79];
+	let t36;
+	if ($[80] !== t22 || $[81] !== t23 || $[82] !== t35) {
+		t36 = /* @__PURE__ */ jsx(AlertDialog, {
 			open: t22,
 			onOpenChange: t23,
-			children: t33
+			children: t35
 		});
-		$[77] = t22;
-		$[78] = t23;
-		$[79] = t33;
-		$[80] = t34;
-	} else t34 = $[80];
-	let t35;
-	if ($[81] !== t21 || $[82] !== t34) {
-		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t34] });
-		$[81] = t21;
-		$[82] = t34;
-		$[83] = t35;
-	} else t35 = $[83];
-	return t35;
+		$[80] = t22;
+		$[81] = t23;
+		$[82] = t35;
+		$[83] = t36;
+	} else t36 = $[83];
+	let t37;
+	if ($[84] !== t21 || $[85] !== t36) {
+		t37 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t36] });
+		$[84] = t21;
+		$[85] = t36;
+		$[86] = t37;
+	} else t37 = $[86];
+	return t37;
 };
 
 //#endregion

package/dist/features/vite/auth.js

@@ -1,52 +1,3 @@
-import fs from "node:fs";
-import path from "node:path";
-import os from "node:os";
+import { readAuthTokenForUrl, verifyOneTimeToken, writeAuthTokenForUrl } from "@camox/cli/auth";
 
-//#region src/features/vite/auth.ts
-const AUTH_DIR = path.join(os.homedir(), ".camox");
-const AUTH_FILE = path.join(AUTH_DIR, "auth.json");
-function normalizeUrl(url) {
-	return url.replace(/\/+$/, "");
-}
-function readAllTokens() {
-	try {
-		return JSON.parse(fs.readFileSync(AUTH_FILE, "utf-8"));
-	} catch {
-		return {};
-	}
-}
-function writeAllTokens(tokens) {
-	fs.mkdirSync(AUTH_DIR, { recursive: true });
-	fs.writeFileSync(AUTH_FILE, JSON.stringify(tokens, null, 2), { mode: 384 });
-}
-function readAuthTokenForUrl(authenticationUrl) {
-	const entry = readAllTokens()[normalizeUrl(authenticationUrl)];
-	if (entry?.token && entry?.name && typeof entry.email === "string") return entry;
-	return null;
-}
-function writeAuthTokenForUrl(authenticationUrl, token) {
-	const tokens = readAllTokens();
-	tokens[normalizeUrl(authenticationUrl)] = token;
-	writeAllTokens(tokens);
-}
-async function verifyOneTimeToken(apiUrl, token) {
-	const response = await fetch(`${normalizeUrl(apiUrl)}/api/auth/one-time-token/verify`, {
-		method: "POST",
-		headers: { "Content-Type": "application/json" },
-		body: JSON.stringify({ token })
-	});
-	if (!response.ok) throw new Error(`OTT verification failed: ${response.status}`);
-	const data = await response.json();
-	const user = data.user;
-	if (!user?.name) throw new Error("No user info in verification response");
-	const sessionToken = data.session?.token;
-	if (!sessionToken) throw new Error("No session token in verification response");
-	return {
-		name: user.name,
-		email: user.email ?? "",
-		token: sessionToken
-	};
-}
-
-//#endregion
 export { readAuthTokenForUrl, verifyOneTimeToken, writeAuthTokenForUrl };

package/dist/features/vite/iconGeneration.js

@@ -0,0 +1,16 @@
+import { iconCollectionIds, loadIconCollection } from "@camox/api-contract";
+import { mkdirSync, writeFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+//#region src/features/vite/iconGeneration.ts
+async function generateIconTypes(root, prefix) {
+	const ids = prefix ? iconCollectionIds(await loadIconCollection(prefix)) : [];
+	mkdirSync(resolve(root, "src/camox"), { recursive: true });
+	const union = ids.map((id) => JSON.stringify(id));
+	const type = union.length > 1 ? `\n      | ${union.join("\n      | ")}` : union[0] ?? "never";
+	writeFileSync(resolve(root, "src/camox/icons.gen.d.ts"), `// Generated by Camox. Do not edit.\nexport {};\ndeclare global {\n  interface CamoxIconRegistry {\n    ids:${union.length > 1 ? "" : " "}${type};\n  }\n}\n`);
+	return ids;
+}
+
+//#endregion
+export { generateIconTypes };

package/dist/features/vite/vite.d.ts

@@ -23,14 +23,16 @@ type CamoxVitePlugin = Plugin & {
 interface CamoxPluginOptions {
   /** Stable, human-readable slug identifying this project (e.g. "prestigious-impala-84") */
   projectSlug: string;
+  /** Iconify collection available to all icon fields. */
+  icons?: string;
   /** Disable telemetry collection (default: false) */
   disableTelemetry?: boolean;
   /** Internal options (intended for Camox contributors in development, not for public use) */
   _internal?: {
     /** URL of the Camox API backend, used for data fetching */apiUrl?: string; /** URL of the Camox authentication backend (default: https://app.camox.dev) */
     authenticationUrl?: string; /** Show Tanstack query devtools (default: false) */
-    enableTanstackDevtools?: boolean; /** Enable the frontend-only comments prototype (default: false). */
-    enableComments?: boolean; /** Disable automatic code generation (route files and app file) (default: false) */
+    enableTanstackDevtools?: boolean; /** Enable experimental features, including feedback (default: false). */
+    enableExperimentalFeatures?: boolean; /** Disable automatic code generation (route files and app file) (default: false) */
     disableCodeGen?: boolean; /** Mount the Camox-owned dev runtime at this base path. Use "/" for root mode. */
     runtimeBasePath?: string;
   };