camox 0.3.0 → 0.4.0

package/dist/features/studio/CamoxStudio.js

@@ -1,21 +1,57 @@
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
 import { Navbar } from "./components/Navbar.js";
+import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Navigate, useLocation } from "@tanstack/react-router";
 //#region src/features/studio/CamoxStudio.tsx
-var CamoxStudio = ({ children }) => {
+var CamoxStudio = (t0) => {
+	const $ = c(11);
+	const { children } = t0;
 	const { isAuthenticated, isLoading: isLoadingAuth } = useAuthState();
 	const { pathname } = useLocation();
 	const signInRedirect = useSignInRedirect();
-	React.useEffect(() => {
-		if (!isAuthenticated && !isLoadingAuth) signInRedirect();
-	}, [isAuthenticated, signInRedirect]);
-	if (pathname === "cmx-studio") return /* @__PURE__ */ jsx(Navigate, { to: "/" });
-	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-background flex h-screen flex-col overflow-hidden",
-		children: [/* @__PURE__ */ jsx(Navbar, {}), children]
-	});
+	let t1;
+	if ($[0] !== isAuthenticated || $[1] !== isLoadingAuth || $[2] !== signInRedirect) {
+		t1 = () => {
+			if (!isAuthenticated && !isLoadingAuth) signInRedirect();
+		};
+		$[0] = isAuthenticated;
+		$[1] = isLoadingAuth;
+		$[2] = signInRedirect;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== isAuthenticated || $[5] !== signInRedirect) {
+		t2 = [isAuthenticated, signInRedirect];
+		$[4] = isAuthenticated;
+		$[5] = signInRedirect;
+		$[6] = t2;
+	} else t2 = $[6];
+	React.useEffect(t1, t2);
+	if (pathname === "cmx-studio") {
+		let t3;
+		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx(Navigate, { to: "/" });
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Navbar, {});
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== children) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "bg-background flex h-screen flex-col overflow-hidden",
+			children: [t3, children]
+		});
+		$[9] = children;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
 };
 //#endregion
 export { CamoxStudio };

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

@@ -1,4 +1,5 @@
 import { AuthContext } from "../../../lib/auth.js";
+import { c } from "react/compiler-runtime";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -7,25 +8,44 @@ import { ChevronsUpDown } from "lucide-react";
 import { Badge } from "@camox/ui/badge";
 //#region src/features/studio/components/EnvironmentMenu.tsx
 var EnvironmentMenu = () => {
+	const $ = c(12);
 	const [open, setOpen] = React.useState(false);
 	const authCtx = React.useContext(AuthContext);
 	if (!authCtx?.environmentName) return null;
 	const isProduction = authCtx.environmentName === "production";
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+	const badgeClassName = isProduction ? "bg-green-100 text-green-800 border border-green-300 hover:bg-green-100 dark:bg-green-900 dark:text-green-300 dark:border-green-700 dark:hover:bg-green-900 font-mono text-xs" : "bg-yellow-100 text-yellow-800 border border-yellow-300 hover:bg-yellow-100 dark:bg-yellow-900 dark:text-yellow-300 dark:border-yellow-700 dark:hover:bg-yellow-900 font-mono text-xs";
+	let t0;
+	if ($[0] !== authCtx.environmentName || $[1] !== badgeClassName) {
+		t0 = /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			className: badgeClassName,
+			children: authCtx.environmentName
+		});
+		$[0] = authCtx.environmentName;
+		$[1] = badgeClassName;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(ChevronsUpDown, { className: "shrink-0 opacity-50" });
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t0) {
+		t2 = /* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ jsxs(Button, {
 				variant: "ghost",
 				className: "gap-2",
-				children: [/* @__PURE__ */ jsx(Badge, {
-					variant: "secondary",
-					className: isProduction ? "bg-green-100 text-green-800 border border-green-300 hover:bg-green-100 dark:bg-green-900 dark:text-green-300 dark:border-green-700 dark:hover:bg-green-900 font-mono text-xs" : "bg-yellow-100 text-yellow-800 border border-yellow-300 hover:bg-yellow-100 dark:bg-yellow-900 dark:text-yellow-300 dark:border-yellow-700 dark:hover:bg-yellow-900 font-mono text-xs",
-					children: authCtx.environmentName
-				}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })]
+				children: [t0, t1]
 			})
-		}), /* @__PURE__ */ jsx(PopoverContent, {
+		});
+		$[4] = t0;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== isProduction) {
+		t3 = /* @__PURE__ */ jsx(PopoverContent, {
 			className: "w-96 p-4",
 			align: "start",
 			side: "bottom",
@@ -42,8 +62,23 @@ var EnvironmentMenu = () => {
 					children: "Switching between environments and transferring data between them is coming soon."
 				})] })
 			})
-		})]
-	});
+		});
+		$[6] = isProduction;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== open || $[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Popover, {
+			open,
+			onOpenChange: setOpen,
+			children: [t2, t3]
+		});
+		$[8] = open;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
 };
 //#endregion
 export { EnvironmentMenu };

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

@@ -7,6 +7,7 @@ import { studioStore } from "../studioStore.js";
 import { EnvironmentMenu } from "./EnvironmentMenu.js";
 import { ProjectMenu } from "./ProjectMenu.js";
 import { UserButton } from "./UserButton.js";
+import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
@@ -27,79 +28,176 @@ var links = [{
 	icon: "FileText"
 }];
 var Navbar = () => {
+	const $ = c(23);
 	const projectSlug = useProjectSlug();
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const { data: pages } = useQuery({
-		...pageQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
-	const isMac = React.useMemo(() => navigator.userAgent.toUpperCase().indexOf("MAC") >= 0, []);
+	let t0;
+	if ($[0] !== projectSlug) {
+		t0 = projectQueries.getBySlug(projectSlug);
+		$[0] = projectSlug;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { data: project } = useQuery(t0);
+	let t1;
+	if ($[2] !== project?.id) {
+		t1 = pageQueries.list(project?.id ?? 0);
+		$[2] = project?.id;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = !!project;
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = {
+			...t1,
+			enabled: t2
+		};
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const { data: pages } = useQuery(t3);
+	const isMac = navigator.userAgent.toUpperCase().indexOf("MAC") >= 0;
 	const { pathname } = useLocation();
-	return /* @__PURE__ */ jsxs("nav", {
-		className: "relative flex items-center justify-between gap-4 border-b-2 bg-transparent px-2 py-2",
-		children: [
-			/* @__PURE__ */ jsx("div", { className: cn("absolute top-0 left-0 w-full h-[calc(100%+2px)] bg-black transition-opacity z-10 will-change-auto pointer-events-none", useIsPreviewSheetOpen() ? "opacity-60" : "opacity-0") }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-row gap-2",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flew-row flex gap-1",
-					children: [/* @__PURE__ */ jsx(ProjectMenu, {}), /* @__PURE__ */ jsx(EnvironmentMenu, {})]
-				}), /* @__PURE__ */ jsx("ul", {
-					className: "flex items-center gap-1",
-					children: links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, {
-						to: link.to,
-						className: cn("flex gap-2 items-center rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1", pages?.some((page) => page.fullPath === pathname) && index === 0 ? "bg-accent hover:bg-accent text-accent-foreground" : "text-muted-foreground"),
-						activeProps: { className: "bg-accent hover:bg-accent text-accent-foreground!" },
-						children: link.children
-					}) }, link.to))
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsxs(Button, {
-					variant: "outline",
-					onClick: () => studioStore.send({ type: "openCommandPalette" }),
-					children: [
-						/* @__PURE__ */ jsx(SearchIcon, { className: "text-muted-foreground size-4" }),
-						/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground",
-							children: "Quick find"
-						}),
-						/* @__PURE__ */ jsxs(Kbd, {
-							className: "ml-4",
-							children: [isMac ? "⌘" : "Ctrl", " K"]
-						})
-					]
-				}), /* @__PURE__ */ jsx(UserButton, {})]
-			})
-		]
-	});
+	const t4 = useIsPreviewSheetOpen() ? "opacity-60" : "opacity-0";
+	let t5;
+	if ($[7] !== t4) {
+		t5 = cn("absolute top-0 left-0 w-full h-[calc(100%+2px)] bg-black transition-opacity z-10 will-change-auto pointer-events-none", t4);
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", { className: t5 });
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flew-row flex gap-1",
+			children: [/* @__PURE__ */ jsx(ProjectMenu, {}), /* @__PURE__ */ jsx(EnvironmentMenu, {})]
+		});
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== pages || $[13] !== pathname) {
+		t8 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, {
+			to: link.to,
+			className: cn("flex gap-2 items-center rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1", pages?.some((page) => page.fullPath === pathname) && index === 0 ? "bg-accent hover:bg-accent text-accent-foreground" : "text-muted-foreground"),
+			activeProps: { className: "bg-accent hover:bg-accent text-accent-foreground!" },
+			children: link.children
+		}) }, link.to));
+		$[12] = pages;
+		$[13] = pathname;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row gap-2",
+			children: [t7, /* @__PURE__ */ jsx("ul", {
+				className: "flex items-center gap-1",
+				children: t8
+			})]
+		});
+		$[15] = t8;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	let t11;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(SearchIcon, { className: "text-muted-foreground size-4" });
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground",
+			children: "Quick find"
+		});
+		$[17] = t10;
+		$[18] = t11;
+	} else {
+		t10 = $[17];
+		t11 = $[18];
+	}
+	let t12;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				onClick: _temp,
+				children: [
+					t10,
+					t11,
+					/* @__PURE__ */ jsxs(Kbd, {
+						className: "ml-4",
+						children: [isMac ? "⌘" : "Ctrl", " K"]
+					})
+				]
+			}), /* @__PURE__ */ jsx(UserButton, {})]
+		});
+		$[19] = t12;
+	} else t12 = $[19];
+	let t13;
+	if ($[20] !== t6 || $[21] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("nav", {
+			className: "relative flex items-center justify-between gap-4 border-b-2 bg-transparent px-2 py-2",
+			children: [
+				t6,
+				t9,
+				t12
+			]
+		});
+		$[20] = t6;
+		$[21] = t9;
+		$[22] = t13;
+	} else t13 = $[22];
+	return t13;
 };
 function useNavbarActions() {
+	const $ = c(3);
 	const navigate = useNavigate();
-	React.useEffect(() => {
-		const actions = links.map((link, index) => ({
-			id: `navigate-to-${link.to}`,
-			label: `Go to ${link.title}`,
-			groupLabel: "Navigation",
-			checkIfAvailable: () => true,
-			execute: () => {
-				navigate({ to: link.to });
-			},
-			shortcut: { key: String(index + 1) },
-			icon: link.icon
-		}));
-		actionsStore.send({
-			type: "registerManyActions",
-			actions
-		});
-		return () => {
+	let t0;
+	let t1;
+	if ($[0] !== navigate) {
+		t0 = () => {
+			const actions = links.map((link, index) => ({
+				id: `navigate-to-${link.to}`,
+				label: `Go to ${link.title}`,
+				groupLabel: "Navigation",
+				checkIfAvailable: _temp2,
+				execute: () => {
+					navigate({ to: link.to });
+				},
+				shortcut: { key: String(index + 1) },
+				icon: link.icon
+			}));
 			actionsStore.send({
-				type: "unregisterManyActions",
-				ids: actions.map((a) => a.id)
+				type: "registerManyActions",
+				actions
 			});
+			return () => {
+				actionsStore.send({
+					type: "unregisterManyActions",
+					ids: actions.map(_temp3)
+				});
+			};
 		};
-	}, [navigate]);
+		t1 = [navigate];
+		$[0] = navigate;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+}
+function _temp3(a) {
+	return a.id;
+}
+function _temp2() {
+	return true;
+}
+function _temp() {
+	return studioStore.send({ type: "openCommandPalette" });
 }
 //#endregion
 export { Navbar, useNavbarActions };

package/dist/features/studio/components/ProjectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/studio/components/ProjectMenu.tsx"],"names":[],"mappings":"AAuEA,eAAO,MAAM,WAAW,+CAuEvB,CAAC"}
+{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/studio/components/ProjectMenu.tsx"],"names":[],"mappings":"AAwEA,eAAO,MAAM,WAAW,+CA8EvB,CAAC"}