camox 0.38.0 → 0.40.0

package/dist/features/provider/AuthenticatedCamoxProvider.js

@@ -1,8 +1,8 @@
 import { AuthContext, useAuthActions } from "../../lib/auth.js";
 import { projectQueries } from "../../lib/queries.js";
+import { identifyProject, identifyUser } from "../../lib/telemetry-client.js";
 import { useApplyTheme, useThemeActions } from "../studio/useTheme.js";
 import { useNavbarActions } from "../studio/components/Navbar.js";
-import { identifyProject, identifyUser } from "../../lib/telemetry-client.js";
 import { usePreviewPagesActions } from "../preview/CamoxPreview.js";
 import { useProjectRoom } from "../../lib/use-project-room.js";
 import { CommandPalette, useCommandPaletteActions } from "./components/CommandPalette.js";

package/dist/features/studio/CamoxStudio.js

@@ -1,8 +1,8 @@
 import { Navigate, useLocation } from "../navigation/navigation.js";
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
 import { STUDIO_BASE_PATH } from "./routes.js";
-import { Navbar } from "./components/Navbar.js";
 import { trackClientEvent } from "../../lib/telemetry-client.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";

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] !== "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d") {
+	if ($[0] !== "da1b045f11b7e5155c87b753677133884f53ac964944786d14b5c4f7155ce7f7") {
 		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d";
+		$[0] = "da1b045f11b7e5155c87b753677133884f53ac964944786d14b5c4f7155ce7f7";
 	}
 	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] !== "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d") {
+	if ($[0] !== "da1b045f11b7e5155c87b753677133884f53ac964944786d14b5c4f7155ce7f7") {
 		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d995cbe0a8e25c463e5078777395b1432b84ff5ecc4a4a3cc0e7e416badd244d";
+		$[0] = "da1b045f11b7e5155c87b753677133884f53ac964944786d14b5c4f7155ce7f7";
 	}
 	const authCtx = React.useContext(AuthContext);
 	let t0;

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

@@ -1,18 +1,22 @@
+import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useAuthContext, useAuthState } from "../../../lib/auth.js";
+import { STUDIO_BASE_PATH } from "../routes.js";
+import { previewStore } from "../../preview/previewStore.js";
 import { useApplyTheme } from "../useTheme.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
-import { Check, LogOut, Monitor, Moon, Settings, Sun, User } from "lucide-react";
+import { Check, EyeOff, LogOut, Monitor, Moon, Settings, Sun, User } from "lucide-react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
 import { Avatar, AvatarFallback, AvatarImage } from "@camox/ui/avatar";
 
 //#region src/features/studio/components/UserButton.tsx
 const UserButton = () => {
 	const $ = c(5);
-	if ($[0] !== "12e7d1da288408dfd3abde7ab7d46542026c286c39994da53885abf3ac49204c") {
+	if ($[0] !== "a09d40e74ed3a5b0583d8899c9b1d3c569af18304db9c6f598775bf2c16e2608") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "12e7d1da288408dfd3abde7ab7d46542026c286c39994da53885abf3ac49204c";
+		$[0] = "a09d40e74ed3a5b0583d8899c9b1d3c569af18304db9c6f598775bf2c16e2608";
 	}
 	const { isAuthenticated, isLoading } = useAuthState();
 	const { theme, setTheme } = useApplyTheme();
@@ -44,6 +48,15 @@ function AuthenticatedUserButton({ theme, setTheme }) {
 	const authCtx = useAuthContext();
 	const { data: session } = authCtx.authClient.useSession();
 	const authenticationUrl = authCtx.authenticationUrl;
+	const isEditMode = useSelector(previewStore, (state) => state.context.isEditMode);
+	const { pathname } = useLocation();
+	const navigate = useNavigate();
+	const isPreviewPage = pathname !== STUDIO_BASE_PATH && !pathname.startsWith(`${STUDIO_BASE_PATH}/`);
+	const hideCamoxUi = () => {
+		previewStore.send({ type: "hideToolbar" });
+		if (isPreviewPage) return;
+		navigate({ to: "/" });
+	};
 	const userName = session?.user?.name || "User";
 	const userEmail = session?.user?.email;
 	const userImage = session?.user?.image;
@@ -118,6 +131,11 @@ function AuthenticatedUserButton({ theme, setTheme }) {
 					})
 				]
 			})] }),
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				disabled: isPreviewPage && isEditMode,
+				onClick: hideCamoxUi,
+				children: [/* @__PURE__ */ jsx(EyeOff, {}), /* @__PURE__ */ jsx("span", { children: "Hide Camox UI" })]
+			}),
 			/* @__PURE__ */ jsxs(DropdownMenuItem, {
 				onClick: () => void authCtx.authClient.signOut(),
 				children: [/* @__PURE__ */ jsx(LogOut, {}), /* @__PURE__ */ jsx("span", { children: "Sign out" })]

package/dist/features/vite/auth.js

@@ -0,0 +1,52 @@
+import fs from "node:fs";
+import path from "node:path";
+import os from "node:os";
+
+//#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/devAuthentication.js

@@ -1,4 +1,4 @@
-import { verifyOneTimeToken, writeAuthTokenForUrl } from "@camox/cli/auth";
+import { verifyOneTimeToken, writeAuthTokenForUrl } from "./auth.js";
 import { randomBytes } from "node:crypto";
 
 //#region src/features/vite/devAuthentication.ts

package/dist/features/vite/vite.js

@@ -1,4 +1,5 @@
 import { generateAppFile, watchAppFile } from "./appGeneration.js";
+import { readAuthTokenForUrl } from "./auth.js";
 import { watchNewBlockFiles } from "./blockBoilerplate.js";
 import { installDevAuthenticationMiddleware } from "./devAuthentication.js";
 import { syncDefinitions, syncDefinitionsToApi } from "./definitionsSync.js";
@@ -7,7 +8,6 @@ import { installRuntimeNitroRoutes, loadRuntimeDevModule, resolveRuntimeDevId }
 import { cpSync, existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { dirname, join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { readAuthTokenForUrl } from "@camox/cli/auth";
 import { createServer } from "vite-plus";
 
 //#region src/features/vite/vite.ts
@@ -169,7 +169,6 @@ function camox(options) {
 					"camox > @shikijs/themes/github-light",
 					"camox > @sinclair/typebox",
 					"camox > @takumi-rs/image-response",
-					"camox > @tanstack/ai-react",
 					"camox > @tanstack/react-form",
 					"camox > @xstate/store-react",
 					"camox > better-auth > @better-auth/core/env",
@@ -183,9 +182,6 @@ function camox(options) {
 					"camox > lexical",
 					"camox > lucide-react",
 					"camox > posthog-js",
-					"camox > streamdown",
-					"camox > streamdown > hast-util-to-jsx-runtime",
-					"camox > streamdown > hast-util-to-jsx-runtime > style-to-js",
 					"camox > @tanstack/react-query-devtools/production",
 					"camox > partysocket/react"
 				] }