camox 0.35.0 → 0.36.0

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

@@ -8,19 +8,19 @@ import { Button } from "@camox/ui/button";
 import { Monitor, Smartphone, Tablet, X } from "lucide-react";
 import { Label } from "@camox/ui/label";
 import { ButtonGroup } from "@camox/ui/button-group";
-import { Switch } from "@camox/ui/switch";
 import * as Tooltip$1 from "@camox/ui/tooltip";
+import { Switch } from "@camox/ui/switch";
 import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 import { Toggle } from "@camox/ui/toggle";
 
 //#region src/features/preview/components/PreviewToolbar.tsx
 const PreviewToolbar = (t0) => {
-	const $ = c(68);
-	if ($[0] !== "68e35a20462160afd6c2aeaffaf03edcd93240318bca212e17001e624c1d829c") {
-		for (let $i = 0; $i < 68; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "68e35a20462160afd6c2aeaffaf03edcd93240318bca212e17001e624c1d829c";
+	const $ = c(74);
+	if ($[0] !== "f9ff999569a69264033e31a270ebbb7097b2072aec97a7129d1758e95b5b6407") {
+		for (let $i = 0; $i < 74; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "f9ff999569a69264033e31a270ebbb7097b2072aec97a7129d1758e95b5b6407";
 	}
-	const { onEditModeChange } = t0;
+	const { onEditModeChange, pageStatus, hasLiveVersion } = t0;
 	const isEditMode = useSelector(previewStore, _temp);
 	const isToolbarHidden = useSelector(previewStore, _temp2);
 	const actions = useSelector(actionsStore, _temp3);
@@ -70,7 +70,7 @@ const PreviewToolbar = (t0) => {
 	let t5;
 	if ($[11] !== t2 || $[12] !== t4) {
 		t5 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 px-2",
+			className: "flex shrink-0 items-center gap-2 px-2",
 			children: [t2, t4]
 		});
 		$[11] = t2;
@@ -246,65 +246,88 @@ const PreviewToolbar = (t0) => {
 		$[53] = t30;
 	} else t30 = $[53];
 	let t31;
-	if ($[54] !== isEditMode) {
-		t31 = /* @__PURE__ */ jsx(Button, {
+	if ($[54] !== hasLiveVersion || $[55] !== pageStatus) {
+		t31 = pageStatus && /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			disabled: pageStatus === "published" || !hasLiveVersion,
+			onClick: _temp5,
+			children: "View live site"
+		});
+		$[54] = hasLiveVersion;
+		$[55] = pageStatus;
+		$[56] = t31;
+	} else t31 = $[56];
+	let t32;
+	if ($[57] !== isEditMode) {
+		t32 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost",
 			size: "icon",
 			disabled: isEditMode,
-			onClick: _temp5,
+			onClick: _temp6,
 			"aria-label": "Hide toolbar",
 			className: "text-muted-foreground"
 		});
-		$[54] = isEditMode;
-		$[55] = t31;
-	} else t31 = $[55];
-	let t32;
-	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
-		t32 = /* @__PURE__ */ jsx(X, {});
-		$[56] = t32;
-	} else t32 = $[56];
+		$[57] = isEditMode;
+		$[58] = t32;
+	} else t32 = $[58];
 	let t33;
-	if ($[57] !== t31) {
-		t33 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-			render: t31,
-			children: t32
-		});
-		$[57] = t31;
-		$[58] = t33;
-	} else t33 = $[58];
-	let t34;
 	if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
-		t34 = /* @__PURE__ */ jsx(Tooltip$1.TooltipContent, { children: "Hide toolbar" });
-		$[59] = t34;
-	} else t34 = $[59];
+		t33 = /* @__PURE__ */ jsx(X, {});
+		$[59] = t33;
+	} else t33 = $[59];
+	let t34;
+	if ($[60] !== t32) {
+		t34 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			render: t32,
+			children: t33
+		});
+		$[60] = t32;
+		$[61] = t34;
+	} else t34 = $[61];
 	let t35;
-	if ($[60] !== t33) {
-		t35 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t33, t34] });
-		$[60] = t33;
-		$[61] = t35;
-	} else t35 = $[61];
+	if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+		t35 = /* @__PURE__ */ jsx(Tooltip$1.TooltipContent, { children: "Hide toolbar" });
+		$[62] = t35;
+	} else t35 = $[62];
 	let t36;
-	if ($[62] !== t30 || $[63] !== t35) {
-		t36 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [t30, t35]
-		});
-		$[62] = t30;
-		$[63] = t35;
+	if ($[63] !== t34) {
+		t36 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t34, t35] });
+		$[63] = t34;
 		$[64] = t36;
 	} else t36 = $[64];
 	let t37;
-	if ($[65] !== t36 || $[66] !== t5) {
-		t37 = /* @__PURE__ */ jsxs(FloatingToolbar, {
-			className: "bottom-2 justify-between gap-8 transition-none",
-			children: [t5, t36]
+	if ($[65] !== t31 || $[66] !== t36) {
+		t37 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t31, t36]
 		});
-		$[65] = t36;
-		$[66] = t5;
+		$[65] = t31;
+		$[66] = t36;
 		$[67] = t37;
 	} else t37 = $[67];
-	return t37;
+	let t38;
+	if ($[68] !== t30 || $[69] !== t37) {
+		t38 = /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-8 self-stretch",
+			children: [t30, t37]
+		});
+		$[68] = t30;
+		$[69] = t37;
+		$[70] = t38;
+	} else t38 = $[70];
+	let t39;
+	if ($[71] !== t38 || $[72] !== t5) {
+		t39 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+			className: "bottom-2 w-max justify-between gap-8 transition-none",
+			children: [t5, t38]
+		});
+		$[71] = t38;
+		$[72] = t5;
+		$[73] = t39;
+	} else t39 = $[73];
+	return t39;
 };
 function _temp(state) {
 	return state.context.isEditMode;
@@ -319,6 +342,9 @@ function _temp4(state_2) {
 	return state_2.context.viewportMode;
 }
 function _temp5() {
+	return previewStore.send({ type: "viewLivePage" });
+}
+function _temp6() {
 	return previewStore.send({ type: "hideToolbar" });
 }
 

package/dist/features/preview/previewStore.js

@@ -26,7 +26,6 @@ const previewStore = createStore({
 	context: {
 		isEditMode: false,
 		isToolbarHidden: false,
-		isSidebarOpen: true,
 		isPageEditorSidebarOpen: false,
 		isAddBlockSidebarOpen: false,
 		addBlockSource: null,
@@ -64,17 +63,25 @@ const previewStore = createStore({
 			return {
 				...context,
 				isEditMode: true,
-				isSidebarOpen: true
+				isToolbarHidden: false
 			};
 		},
 		hideToolbar: (context) => ({
 			...context,
 			isToolbarHidden: true
 		}),
-		toggleSidebar: (context) => ({
-			...context,
-			isSidebarOpen: true
-		}),
+		viewLivePage: (context, _, enqueue) => {
+			enqueue.effect(() => {
+				if (context.isEditMode) trackClientEvent("edit_mode_toggled", { enabled: false });
+				toast("Viewing live version of the site");
+			});
+			return {
+				...context,
+				isEditMode: false,
+				isToolbarHidden: true,
+				previewSource: "live"
+			};
+		},
 		setViewportMode: (context, event) => {
 			if (context.viewportMode === event.mode) return context;
 			return {

package/dist/features/runtime/studioNavigation.js

@@ -39,9 +39,9 @@ function getStudioTarget(to, runtimeBasePath) {
 }
 function StudioNavigationProvider(t0) {
 	const $ = c(19);
-	if ($[0] !== "df5809d38cc8796db839fa5b8c8d05f562a3e4cba7d51a1fec989dc85db9136b") {
+	if ($[0] !== "8131144acb7b9faccf5f5924d863b9186349bfc7c842e7feba7a3ac1e01ed910") {
 		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "df5809d38cc8796db839fa5b8c8d05f562a3e4cba7d51a1fec989dc85db9136b";
+		$[0] = "8131144acb7b9faccf5f5924d863b9186349bfc7c842e7feba7a3ac1e01ed910";
 	}
 	const { children, href, pathname, runtimeBasePath } = t0;
 	let t1;
@@ -53,6 +53,11 @@ function StudioNavigationProvider(t0) {
 				window.location.assign(to);
 				return;
 			}
+			const currentPathname = normalizeRuntimePathname(window.location.pathname, runtimeBasePath);
+			if (normalizeRuntimePathname(target.pathname, runtimeBasePath) !== currentPathname) {
+				window.location.assign(target.href);
+				return;
+			}
 			if (replace) window.history.replaceState(null, "", target.href);
 			else window.history.pushState(null, "", target.href);
 			window.dispatchEvent(new Event("camox:navigation"));

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

@@ -36,9 +36,9 @@ const links = [{
 }];
 const Navbar = () => {
 	const $ = c(19);
-	if ($[0] !== "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e") {
+	if ($[0] !== "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2") {
 		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e";
+		$[0] = "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2";
 	}
 	const projectSlug = useProjectSlug();
 	let t0;
@@ -136,7 +136,7 @@ const Navbar = () => {
 	let t10;
 	if ($[17] !== t6) {
 		t10 = /* @__PURE__ */ jsxs("nav", {
-			className: "relative flex items-center justify-between gap-4 border-b-2 bg-transparent px-2 py-2",
+			className: "bg-background relative flex items-center justify-between gap-4 border-b-2 px-2 py-2",
 			children: [t6, t9]
 		});
 		$[17] = t6;
@@ -146,9 +146,9 @@ const Navbar = () => {
 };
 function useNavbarActions() {
 	const $ = c(4);
-	if ($[0] !== "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e") {
+	if ($[0] !== "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e";
+		$[0] = "4fd5828728ac76dc7c63a1b38dbea3991a6750be46540e90d91c5dccb46797e2";
 	}
 	const navigate = useNavigate();
 	let t0;

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

@@ -13,9 +13,9 @@ import { Skeleton } from "@camox/ui/skeleton";
 //#region src/features/studio/components/ProjectMenu.tsx
 const Favicon = (t0) => {
 	const $ = c(19);
-	if ($[0] !== "5b6284d7940526e6093811e0cb2663e0916c58abe0f07e36b7140e4a9eb93d0f") {
+	if ($[0] !== "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d") {
 		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5b6284d7940526e6093811e0cb2663e0916c58abe0f07e36b7140e4a9eb93d0f";
+		$[0] = "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d";
 	}
 	const { size: t1 } = t0;
 	const size = t1 === void 0 ? 16 : t1;
@@ -113,9 +113,9 @@ const Favicon = (t0) => {
 };
 const ProjectMenu = () => {
 	const $ = c(41);
-	if ($[0] !== "5b6284d7940526e6093811e0cb2663e0916c58abe0f07e36b7140e4a9eb93d0f") {
+	if ($[0] !== "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d") {
 		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5b6284d7940526e6093811e0cb2663e0916c58abe0f07e36b7140e4a9eb93d0f";
+		$[0] = "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d";
 	}
 	const authCtx = React.useContext(AuthContext);
 	let t0;
@@ -282,7 +282,7 @@ const ProjectMenu = () => {
 	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
 		t22 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
 			render: /* @__PURE__ */ jsx(Link$1, {
-				to: "https://camox.ai",
+				to: "https://camox.dev",
 				target: "_blank"
 			}),
 			children: [/* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }), "Powered by Camox"]

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

@@ -28,7 +28,7 @@ interface CamoxPluginOptions {
   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.ai) */
+    /** 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; /** Disable automatic code generation (route files, app file, skill files) (default: false) */
     disableCodeGen?: boolean; /** Mount the Camox-owned dev runtime at this base path. Use "/" for root mode. */

package/dist/features/vite/vite.js

@@ -21,9 +21,9 @@ const VIRTUAL_PAGE_CLIENT = "virtual:camox/page-client";
 const RESOLVED_VIRTUAL_PAGE_CLIENT_URL = "\0virtual:camox/page-client-url";
 const VIRTUAL_STUDIO_CLIENT = "virtual:camox/studio-client";
 const RESOLVED_VIRTUAL_STUDIO_CLIENT_URL = "\0virtual:camox/studio-client-url";
-const PRODUCTION_API_URL = "https://api.camox.ai";
+const PRODUCTION_API_URL = "https://api.camox.dev";
 /** Authentication URL to use for Camox authentication (production Camox Dashboard) */
-const DEFAULT_AUTHENTICATION_URL = "https://app.camox.ai";
+const DEFAULT_AUTHENTICATION_URL = "https://app.camox.dev";
 const authTokenSchema = z.object({
 	token: z.string(),
 	name: z.string(),

package/dist/lib/telemetry-client.js

@@ -8,7 +8,7 @@ function ensureInitialized() {
 	if (typeof window === "undefined") return false;
 	if (initialized) return true;
 	posthog.init(POSTHOG_PUBLIC_KEY, {
-		api_host: "https://t.camox.ai",
+		api_host: "https://t.camox.dev",
 		ui_host: "https://us.posthog.com",
 		defaults: "2026-01-30",
 		autocapture: false,
@@ -56,7 +56,7 @@ function identifyProject(options) {
 		slug: options.projectSlug
 	});
 }
-/** Client-side tracking for CMS actions. Events route through t.camox.ai reverse proxy. */
+/** Client-side tracking for CMS actions. Events route through t.camox.dev reverse proxy. */
 function trackClientEvent(event, properties) {
 	if (!ensureInitialized()) return;
 	posthog.capture(event, properties);